/**
 * @basenative/platform token sheet.
 * Generated from data/tokens.json — Apple iOS and iPadOS 27
 * (bgRPNTVvj3gu1V4yB4zwjK) and macOS 27
 * (fnF6w7s5FkFEsNxDN5pGfQ), extracted 2026-10-21.
 * Kit values are verbatim. Increased-contrast colours are derived: the kits
 * only define Light and Dark. Liquid Glass frost is mapped to a blur length
 * for backdrop-filter; that mapping is not a kit blur radius.
 * Do not edit. Run `node generate.js`.
 */
@layer tokens, components, states;

@layer tokens {

:root:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"],
.bn-platform-ios {
    /* iOS light, Dynamic Type Large, iPhone */
    --bn-plat-font-family: "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --bn-plat-blend-plus-lighter: plus-lighter;
    --bn-plat-blend-plus-darker: plus-darker;
    --bn-plat-weight-regular: 400;
    --bn-plat-weight-medium: 510;
    --bn-plat-weight-semibold: 590;
    --bn-plat-weight-bold: 700;
    --bn-plat-weight-heavy: 800;
    --bn-plat-glass-refraction: 70;
    --bn-plat-glass-depth: 30;
    --bn-plat-glass-depth-medium: 30;
    --bn-plat-glass-dispersion: 20;
    --bn-plat-glass-splay: 20;
    --bn-plat-glass-splay-medium: 20;
    --bn-plat-glass-light-angle: 0;
    --bn-plat-glass-opacity: 25;
    --bn-plat-glass-opacity-unit: 0.25;
    /* frost: kit Liquid Glass radius, mapped to a blur length — not a kit blur */
    --bn-plat-glass-frost-regular: 6px;
    --bn-plat-glass-frost-medium: 16px;
    --bn-plat-glass-frost-large: 16px;
    --bn-plat-scroll-edge-blur: 10px;
    /* Accents/Blue — kit */
    --bn-plat-color-accents-blue: rgb(0, 136, 255);
    /* Accents/Brown — kit */
    --bn-plat-color-accents-brown: rgb(172, 127, 94);
    /* Accents/Cyan — kit */
    --bn-plat-color-accents-cyan: rgb(0, 192, 232);
    /* Accents/Green — kit */
    --bn-plat-color-accents-green: rgb(52, 199, 89);
    /* Accents/Indigo — kit */
    --bn-plat-color-accents-indigo: rgb(97, 85, 245);
    /* Accents/Mint — kit */
    --bn-plat-color-accents-mint: rgb(0, 200, 179);
    /* Accents/Orange — kit */
    --bn-plat-color-accents-orange: rgb(255, 141, 40);
    /* Accents/Pink — kit */
    --bn-plat-color-accents-pink: rgb(255, 45, 85);
    /* Accents/Purple — kit */
    --bn-plat-color-accents-purple: rgb(203, 48, 224);
    /* Accents/Red — kit */
    --bn-plat-color-accents-red: rgb(255, 56, 60);
    /* Accents/Teal — kit */
    --bn-plat-color-accents-teal: rgb(0, 195, 208);
    /* Accents/Yellow — kit */
    --bn-plat-color-accents-yellow: rgb(255, 204, 0);
    /* Backgrounds (Grouped)/Primary — kit */
    --bn-plat-color-backgrounds-grouped-primary: rgb(242, 242, 247);
    /* Backgrounds (Grouped)/Primary - Elevated — kit */
    --bn-plat-color-backgrounds-grouped-primary-elevated: rgb(242, 242, 247);
    /* Backgrounds (Grouped)/Secondary — kit */
    --bn-plat-color-backgrounds-grouped-secondary: rgb(255, 255, 255);
    /* Backgrounds (Grouped)/Secondary - Elevated — kit */
    --bn-plat-color-backgrounds-grouped-secondary-elevated: rgb(255, 255, 255);
    /* Backgrounds (Grouped)/Tertiary — kit */
    --bn-plat-color-backgrounds-grouped-tertiary: rgb(242, 242, 247);
    /* Backgrounds (Grouped)/Tertiary - Elevated — kit */
    --bn-plat-color-backgrounds-grouped-tertiary-elevated: rgb(242, 242, 247);
    /* Backgrounds/Primary — kit */
    --bn-plat-color-backgrounds-primary: rgb(255, 255, 255);
    /* Backgrounds/Primary - Elevated — kit */
    --bn-plat-color-backgrounds-primary-elevated: rgb(255, 255, 255);
    /* Backgrounds/Secondary — kit */
    --bn-plat-color-backgrounds-secondary: rgb(242, 242, 247);
    /* Backgrounds/Secondary - Elevated — kit */
    --bn-plat-color-backgrounds-secondary-elevated: rgb(242, 242, 247);
    /* Backgrounds/Tertiary — kit */
    --bn-plat-color-backgrounds-tertiary: rgb(255, 255, 255);
    /* Backgrounds/Tertiary - Elevated — kit */
    --bn-plat-color-backgrounds-tertiary-elevated: rgb(255, 255, 255);
    /* Fills/Primary — kit */
    --bn-plat-color-fills-primary: rgba(120, 120, 120, 0.2);
    /* Fills/Quaternary — kit */
    --bn-plat-color-fills-quaternary: rgba(116, 116, 128, 0.078);
    /* Fills/Secondary — kit */
    --bn-plat-color-fills-secondary: rgba(120, 120, 128, 0.161);
    /* Fills/Tertiary — kit */
    --bn-plat-color-fills-tertiary: rgba(118, 118, 128, 0.122);
    /* Fills - Vibrant/Primary — kit */
    --bn-plat-color-fills-vibrant-primary: rgb(204, 204, 204);
    /* Fills - Vibrant/Secondary — kit */
    --bn-plat-color-fills-vibrant-secondary: rgb(224, 224, 224);
    /* Fills - Vibrant/Tertiary — kit */
    --bn-plat-color-fills-vibrant-tertiary: rgb(237, 237, 237);
    /* Grays/Black — kit */
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    /* Grays/Gray — kit */
    --bn-plat-color-grays-gray: rgb(142, 142, 147);
    /* Grays/Gray 2 — kit */
    --bn-plat-color-grays-gray-2: rgb(174, 174, 178);
    /* Grays/Gray 3 — kit */
    --bn-plat-color-grays-gray-3: rgb(199, 199, 204);
    /* Grays/Gray 4 — kit */
    --bn-plat-color-grays-gray-4: rgb(209, 209, 214);
    /* Grays/Gray 5 — kit */
    --bn-plat-color-grays-gray-5: rgb(229, 229, 234);
    /* Grays/Gray 6 — kit */
    --bn-plat-color-grays-gray-6: rgb(242, 242, 247);
    /* Grays/White — kit */
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    /* Labels/Primary — kit */
    --bn-plat-color-labels-primary: rgb(0, 0, 0);
    /* Labels/Quaternary — kit */
    --bn-plat-color-labels-quaternary: rgba(60, 60, 67, 0.18);
    /* Labels/Secondary — kit */
    --bn-plat-color-labels-secondary: rgba(60, 60, 67, 0.6);
    /* Labels/Tertiary — kit */
    --bn-plat-color-labels-tertiary: rgba(60, 60, 67, 0.302);
    /* Labels - Vibrant - Controls/Primary — kit */
    --bn-plat-color-labels-vibrant-controls-primary: rgb(26, 26, 26);
    /* Labels - Vibrant - Controls/Secondary — kit */
    --bn-plat-color-labels-vibrant-controls-secondary: rgb(114, 114, 114);
    /* Labels - Vibrant - Controls/Tertiary — kit */
    --bn-plat-color-labels-vibrant-controls-tertiary: rgb(191, 191, 191);
    /* Labels - Vibrant/Primary — kit */
    --bn-plat-color-labels-vibrant-primary: rgb(26, 26, 26);
    /* Labels - Vibrant/Quaternary — kit */
    --bn-plat-color-labels-vibrant-quaternary: rgb(217, 217, 217);
    /* Labels - Vibrant/Secondary — kit */
    --bn-plat-color-labels-vibrant-secondary: rgb(114, 114, 114);
    /* Labels - Vibrant/Tertiary — kit */
    --bn-plat-color-labels-vibrant-tertiary: rgb(191, 191, 191);
    /* Miscellaneous/Buttons/BG - Destructive — kit */
    --bn-plat-color-miscellaneous-buttons-bg-destructive: rgba(255, 56, 60, 0.141);
    /* Miscellaneous/Keyboards/Emoji + Mic — kit */
    --bn-plat-color-miscellaneous-keyboards-emoji-mic: rgb(0, 0, 0);
    /* Miscellaneous/Segmented Control - Selected Fill — kit */
    --bn-plat-color-miscellaneous-segmented-control-selected-fill: rgb(255, 255, 255);
    /* Miscellaneous/Sidebar/Sidebar - BG - Active — kit */
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-active: rgb(218, 230, 242);
    /* Miscellaneous/Sidebar/Sidebar - BG - Inactive — kit */
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-inactive: rgb(237, 244, 250);
    /* Miscellaneous/Tab Bar Selection — kit */
    --bn-plat-color-miscellaneous-tab-bar-selection: rgb(0, 136, 255);
    /* Miscellaneous/Toggle/AX Label - Off — kit */
    --bn-plat-color-miscellaneous-toggle-ax-label-off: rgb(179, 179, 179);
    /* Overlays/Activity View Controller — kit */
    --bn-plat-color-overlays-activity-view-controller: rgba(0, 0, 0, 0.2);
    /* Overlays/Default — kit */
    --bn-plat-color-overlays-default: rgba(0, 0, 0, 0.2);
    /* Separators/Non-opaque — kit */
    --bn-plat-color-separators-non-opaque: rgba(0, 0, 0, 0.122);
    /* Separators/Opaque — kit */
    --bn-plat-color-separators-opaque: rgb(198, 198, 200);
    /* Separators/Vibrant — kit */
    --bn-plat-color-separators-vibrant: rgb(230, 230, 230);
    --bn-plat-color-label: var(--bn-plat-color-labels-primary);
    --bn-plat-color-label-secondary: var(--bn-plat-color-labels-secondary);
    --bn-plat-color-label-tertiary: var(--bn-plat-color-labels-tertiary);
    --bn-plat-color-label-quaternary: var(--bn-plat-color-labels-quaternary);
    --bn-plat-color-fill: var(--bn-plat-color-fills-primary);
    --bn-plat-color-fill-secondary: var(--bn-plat-color-fills-secondary);
    --bn-plat-color-fill-tertiary: var(--bn-plat-color-fills-tertiary);
    --bn-plat-color-fill-quaternary: var(--bn-plat-color-fills-quaternary);
    --bn-plat-color-bg: var(--bn-plat-color-backgrounds-primary);
    --bn-plat-color-bg-secondary: var(--bn-plat-color-backgrounds-secondary);
    --bn-plat-color-bg-tertiary: var(--bn-plat-color-backgrounds-tertiary);
    --bn-plat-color-bg-grouped: var(--bn-plat-color-backgrounds-grouped-primary);
    --bn-plat-color-separator: var(--bn-plat-color-separators-non-opaque);
    --bn-plat-color-separator-opaque: var(--bn-plat-color-separators-opaque);
    --bn-plat-color-overlay: var(--bn-plat-color-overlays-default);
    --bn-plat-color-accent: var(--bn-plat-color-accents-blue);
    --bn-plat-color-gray: var(--bn-plat-color-grays-gray);
    --bn-plat-color-accent-red: var(--bn-plat-color-accents-red);
    --bn-plat-color-accent-orange: var(--bn-plat-color-accents-orange);
    --bn-plat-color-accent-yellow: var(--bn-plat-color-accents-yellow);
    --bn-plat-color-accent-green: var(--bn-plat-color-accents-green);
    --bn-plat-color-accent-mint: var(--bn-plat-color-accents-mint);
    --bn-plat-color-accent-teal: var(--bn-plat-color-accents-teal);
    --bn-plat-color-accent-cyan: var(--bn-plat-color-accents-cyan);
    --bn-plat-color-accent-blue: var(--bn-plat-color-accents-blue);
    --bn-plat-color-accent-indigo: var(--bn-plat-color-accents-indigo);
    --bn-plat-color-accent-purple: var(--bn-plat-color-accents-purple);
    --bn-plat-color-accent-pink: var(--bn-plat-color-accents-pink);
    --bn-plat-color-accent-brown: var(--bn-plat-color-accents-brown);
    --bn-plat-font-large-title-size: 34px;
    --bn-plat-font-large-title-leading: 41px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 28px;
    --bn-plat-font-title-1-leading: 34px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 22px;
    --bn-plat-font-title-2-leading: 28px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 20px;
    --bn-plat-font-title-3-leading: 25px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 17px;
    --bn-plat-font-headline-leading: 22px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 17px;
    --bn-plat-font-body-leading: 22px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 16px;
    --bn-plat-font-callout-leading: 21px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 15px;
    --bn-plat-font-subheadline-leading: 20px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 13px;
    --bn-plat-font-footnote-leading: 18px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 12px;
    --bn-plat-font-caption-1-leading: 16px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 11px;
    --bn-plat-font-caption-2-leading: 13px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
    --bn-plat-activity-view-close-button-wxh: 44px;
    --bn-plat-activity-view-corner-radius-bottom: 0px;
    --bn-plat-activity-view-corner-radius-top: 38px;
    --bn-plat-activity-view-icon-spacing: 25.333px;
    --bn-plat-activity-view-margin-top: 16px;
    --bn-plat-activity-view-padding-bottom: 0px;
    --bn-plat-activity-view-padding-sides: 0px;
    --bn-plat-activity-view-padding-top: 62px;
    --bn-plat-activity-view-row-margin-sides: 15px;
    --bn-plat-activity-view-row-margin-top: 16px;
    --bn-plat-activity-view-thumbnail-inset: 16px;
    --bn-plat-activity-view-width: 402px;
    --bn-plat-app-icon-title-offset: 0px;
    --bn-plat-app-icon-w-d: 64px;
    --bn-plat-dock-radius: 38px;
    --bn-plat-grabber-height: 4px;
    --bn-plat-grabber-width: 60px;
    --bn-plat-home-indicator-height: 5px;
    --bn-plat-home-indicator-landscape-width: 226px;
    --bn-plat-home-indicator-portrait-width: 144px;
    --bn-plat-margin: 16px;
    --bn-plat-menus-control-group-item-spacing: 5px;
    --bn-plat-menus-control-group-padding-top: 6px;
    --bn-plat-menus-control-group-symbol-height: 22px;
    --bn-plat-menus-menu-items-label-and-subtitle-padding-left: 0px;
    --bn-plat-menus-menu-items-padding-sides: 16px;
    --bn-plat-menus-menu-items-padding-top-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-top: 10px;
    --bn-plat-menus-menu-items-subtitle-line-height: 18px;
    --bn-plat-menus-menu-items-title-font-size: 17px;
    --bn-plat-menus-menu-items-title-line-height: 20px;
    --bn-plat-menus-section-titles-bottom-padding: 10px;
    --bn-plat-menus-section-titles-font-size: 13px;
    --bn-plat-menus-section-titles-top-padding: 4px;
    --bn-plat-other-cut-corners-bl: 30px;
    --bn-plat-other-cut-corners-br: 30px;
    --bn-plat-other-cut-corners-tl: 30px;
    --bn-plat-other-cut-corners-tr: 30px;
    --bn-plat-popover-corner-radius: 38px;
    --bn-plat-readable-content-margin: 260px;
    --bn-plat-sheet-bottom-radius: 58px;
    --bn-plat-sheet-top-radius: 38px;
    --bn-plat-status-bar-height: 62px;
    --bn-plat-control-arrow-button-font-size: 13px;
    --bn-plat-control-button-padding-horizontal: 16px;
    --bn-plat-control-button-radius: 6px;
    --bn-plat-control-checkboxes-height-checkmark: 8.93px;
    --bn-plat-control-checkboxes-radius: 5.5px;
    --bn-plat-control-checkboxes-width: 16px;
    --bn-plat-control-checkboxes-width-checkmark: 9.31px;
    --bn-plat-control-color-well-height: 24px;
    --bn-plat-control-color-well-width: 48px;
    --bn-plat-control-combo-button-font-size-chevron: 11px;
    --bn-plat-control-combo-button-inset: 2px;
    --bn-plat-control-combo-button-radius-button: 4.5px;
    --bn-plat-control-combo-button-text-inset-right: 28px;
    --bn-plat-control-combo-button-width-button: 24px;
    --bn-plat-control-cursor-height: 18px;
    --bn-plat-control-dial-height-knob: 6px;
    --bn-plat-control-dial-inset-knob: 3px;
    --bn-plat-control-disclosure-font-size: 13px;
    --bn-plat-control-disclosure-radius: 6px;
    --bn-plat-control-fields-font-size-search-glyph: 13px;
    --bn-plat-control-fields-inset-left: 8px;
    --bn-plat-control-fields-inset-right: 8px;
    --bn-plat-control-fields-leading-search-glyph: 15px;
    --bn-plat-control-global-font-size: 13px;
    --bn-plat-control-global-height: 24px;
    --bn-plat-control-global-radius: 6px;
    --bn-plat-control-menu-font-size: 13px;
    --bn-plat-control-menu-font-size-symbol: 13px;
    --bn-plat-control-menu-height: 24px;
    --bn-plat-control-menu-inset-bottom-header: 4px;
    --bn-plat-control-menu-inset-left-header: 20px;
    --bn-plat-control-menu-inset-top-header: 5px;
    --bn-plat-control-menu-width-symbol: 12px;
    --bn-plat-control-popup-font-size-chevron: 11px;
    --bn-plat-control-popup-inset-left: 12px;
    --bn-plat-control-radio-button-height-dash: 2px;
    --bn-plat-control-radio-button-spacing: 3px;
    --bn-plat-control-radio-button-width: 16px;
    --bn-plat-control-radio-button-width-dash: 6.5px;
    --bn-plat-control-radio-button-width-dot: 4.8px;
    --bn-plat-control-segmented-control-height-separator: 14px;
    --bn-plat-control-segmented-control-margins: 10px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 16px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 20px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: 0px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 20px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 25px;
    --bn-plat-control-slider-knob-ticked-slider-height: 16px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 20px;
    --bn-plat-control-slider-knob-ticked-slider-width: 20px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 25px;
    --bn-plat-control-slider-track-inset-horizontal: 1px;
    --bn-plat-control-slider-track-inset-vertical: 1px;
    --bn-plat-control-slider-track-tick-spacing: 2px;
    --bn-plat-control-stepper-font-size: 12px;
    --bn-plat-control-stepper-radius: 6px;
    --bn-plat-control-stepper-width: 20px;
    --bn-plat-control-stepper-width-separator: 14px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 31px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 50px;
    --bn-plat-control-toggle-switch-knob-height: 20px;
    --bn-plat-control-toggle-switch-knob-width: 32px;
    --bn-plat-control-toggle-switch-track-height: 24px;
    --bn-plat-control-toggle-switch-track-width: 54px;
}

[data-bn-device="ipad"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-device="ipad"],
[data-bn-platform="ios"] [data-bn-device="ipad"],
.bn-platform-ios[data-bn-device="ipad"],
.bn-platform-ios [data-bn-device="ipad"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-device="ipad"],
.bn-device-ipad:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-device-ipad,
[data-bn-platform="ios"] .bn-device-ipad,
.bn-platform-ios.bn-device-ipad,
.bn-platform-ios .bn-device-ipad,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-device-ipad {
    --bn-plat-activity-view-close-button-wxh: 44px;
    --bn-plat-activity-view-corner-radius-bottom: 0px;
    --bn-plat-activity-view-corner-radius-top: 38px;
    --bn-plat-activity-view-icon-spacing: 23px;
    --bn-plat-activity-view-margin-top: 16px;
    --bn-plat-activity-view-padding-bottom: 0px;
    --bn-plat-activity-view-padding-sides: 0px;
    --bn-plat-activity-view-padding-top: 62px;
    --bn-plat-activity-view-row-margin-sides: 14px;
    --bn-plat-activity-view-row-margin-top: 18px;
    --bn-plat-activity-view-thumbnail-inset: 16px;
    --bn-plat-activity-view-width: 402px;
    --bn-plat-app-icon-title-offset: 0px;
    --bn-plat-app-icon-w-d: 68px;
    --bn-plat-dock-radius: 38px;
    --bn-plat-grabber-height: 4px;
    --bn-plat-grabber-width: 60px;
    --bn-plat-home-indicator-height: 5.5px;
    --bn-plat-home-indicator-landscape-width: 315px;
    --bn-plat-home-indicator-portrait-width: 273px;
    --bn-plat-margin: 20px;
    --bn-plat-menus-control-group-item-spacing: 1px;
    --bn-plat-menus-control-group-padding-top: 9px;
    --bn-plat-menus-control-group-symbol-height: 19px;
    --bn-plat-menus-menu-items-label-and-subtitle-padding-left: 4px;
    --bn-plat-menus-menu-items-padding-sides: 8px;
    --bn-plat-menus-menu-items-padding-top-bottom: 11px;
    --bn-plat-menus-menu-items-separator-padding-bottom: 9px;
    --bn-plat-menus-menu-items-separator-padding-top: 8px;
    --bn-plat-menus-menu-items-subtitle-line-height: 16px;
    --bn-plat-menus-menu-items-title-font-size: 15px;
    --bn-plat-menus-menu-items-title-line-height: 18px;
    --bn-plat-menus-section-titles-bottom-padding: 7px;
    --bn-plat-menus-section-titles-font-size: 12px;
    --bn-plat-menus-section-titles-top-padding: 5px;
    --bn-plat-other-cut-corners-bl: 2px;
    --bn-plat-other-cut-corners-br: 2px;
    --bn-plat-other-cut-corners-tl: 2px;
    --bn-plat-other-cut-corners-tr: 2px;
    --bn-plat-popover-corner-radius: 38px;
    --bn-plat-readable-content-margin: 260px;
    --bn-plat-sheet-bottom-radius: 32px;
    --bn-plat-sheet-top-radius: 32px;
    --bn-plat-status-bar-height: 32px;
}

[data-bn-device="duo-inner-landscape"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-device="duo-inner-landscape"],
[data-bn-platform="ios"] [data-bn-device="duo-inner-landscape"],
.bn-platform-ios[data-bn-device="duo-inner-landscape"],
.bn-platform-ios [data-bn-device="duo-inner-landscape"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-device="duo-inner-landscape"],
.bn-device-duo-inner-landscape:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-device-duo-inner-landscape,
[data-bn-platform="ios"] .bn-device-duo-inner-landscape,
.bn-platform-ios.bn-device-duo-inner-landscape,
.bn-platform-ios .bn-device-duo-inner-landscape,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-device-duo-inner-landscape {
    --bn-plat-activity-view-close-button-wxh: 48px;
    --bn-plat-activity-view-corner-radius-bottom: 38px;
    --bn-plat-activity-view-corner-radius-top: 38px;
    --bn-plat-activity-view-icon-spacing: 34px;
    --bn-plat-activity-view-margin-top: 16px;
    --bn-plat-activity-view-padding-bottom: 30px;
    --bn-plat-activity-view-padding-sides: 250px;
    --bn-plat-activity-view-padding-top: 246px;
    --bn-plat-activity-view-row-margin-sides: 26px;
    --bn-plat-activity-view-row-margin-top: 16px;
    --bn-plat-activity-view-thumbnail-inset: 24px;
    --bn-plat-activity-view-width: 541px;
    --bn-plat-app-icon-title-offset: 0px;
    --bn-plat-app-icon-w-d: 60px;
    --bn-plat-dock-radius: 24px;
    --bn-plat-grabber-height: 4px;
    --bn-plat-grabber-width: 60px;
    --bn-plat-home-indicator-height: 5px;
    --bn-plat-home-indicator-landscape-width: 226px;
    --bn-plat-home-indicator-portrait-width: 144px;
    --bn-plat-margin: 20px;
    --bn-plat-menus-control-group-item-spacing: 5px;
    --bn-plat-menus-control-group-padding-top: 6px;
    --bn-plat-menus-control-group-symbol-height: 22px;
    --bn-plat-menus-menu-items-label-and-subtitle-padding-left: 0px;
    --bn-plat-menus-menu-items-padding-sides: 16px;
    --bn-plat-menus-menu-items-padding-top-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-top: 10px;
    --bn-plat-menus-menu-items-subtitle-line-height: 18px;
    --bn-plat-menus-menu-items-title-font-size: 17px;
    --bn-plat-menus-menu-items-title-line-height: 20px;
    --bn-plat-menus-section-titles-bottom-padding: 10px;
    --bn-plat-menus-section-titles-font-size: 13px;
    --bn-plat-menus-section-titles-top-padding: 4px;
    --bn-plat-other-cut-corners-bl: 20px;
    --bn-plat-other-cut-corners-br: 20px;
    --bn-plat-other-cut-corners-tl: 20px;
    --bn-plat-other-cut-corners-tr: 20px;
    --bn-plat-popover-corner-radius: 38px;
    --bn-plat-readable-content-margin: 260px;
    --bn-plat-sheet-bottom-radius: 58px;
    --bn-plat-sheet-top-radius: 38px;
    --bn-plat-status-bar-height: 62px;
}

[data-bn-device="duo-inner-portrait"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-device="duo-inner-portrait"],
[data-bn-platform="ios"] [data-bn-device="duo-inner-portrait"],
.bn-platform-ios[data-bn-device="duo-inner-portrait"],
.bn-platform-ios [data-bn-device="duo-inner-portrait"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-device="duo-inner-portrait"],
.bn-device-duo-inner-portrait:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-device-duo-inner-portrait,
[data-bn-platform="ios"] .bn-device-duo-inner-portrait,
.bn-platform-ios.bn-device-duo-inner-portrait,
.bn-platform-ios .bn-device-duo-inner-portrait,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-device-duo-inner-portrait {
    --bn-plat-activity-view-close-button-wxh: 48px;
    --bn-plat-activity-view-corner-radius-bottom: 38px;
    --bn-plat-activity-view-corner-radius-top: 38px;
    --bn-plat-activity-view-icon-spacing: 34.667px;
    --bn-plat-activity-view-margin-top: 16px;
    --bn-plat-activity-view-padding-bottom: 30px;
    --bn-plat-activity-view-padding-sides: 109px;
    --bn-plat-activity-view-padding-top: 528px;
    --bn-plat-activity-view-row-margin-sides: 24px;
    --bn-plat-activity-view-row-margin-top: 16px;
    --bn-plat-activity-view-thumbnail-inset: 24px;
    --bn-plat-activity-view-width: 541px;
    --bn-plat-app-icon-title-offset: 0px;
    --bn-plat-app-icon-w-d: 60px;
    --bn-plat-dock-radius: 32px;
    --bn-plat-grabber-height: 4px;
    --bn-plat-grabber-width: 60px;
    --bn-plat-home-indicator-height: 5px;
    --bn-plat-home-indicator-landscape-width: 226px;
    --bn-plat-home-indicator-portrait-width: 144px;
    --bn-plat-margin: 20px;
    --bn-plat-menus-control-group-item-spacing: 5px;
    --bn-plat-menus-control-group-padding-top: 6px;
    --bn-plat-menus-control-group-symbol-height: 22px;
    --bn-plat-menus-menu-items-label-and-subtitle-padding-left: 0px;
    --bn-plat-menus-menu-items-padding-sides: 16px;
    --bn-plat-menus-menu-items-padding-top-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-top: 10px;
    --bn-plat-menus-menu-items-subtitle-line-height: 18px;
    --bn-plat-menus-menu-items-title-font-size: 17px;
    --bn-plat-menus-menu-items-title-line-height: 20px;
    --bn-plat-menus-section-titles-bottom-padding: 10px;
    --bn-plat-menus-section-titles-font-size: 13px;
    --bn-plat-menus-section-titles-top-padding: 4px;
    --bn-plat-other-cut-corners-bl: 20px;
    --bn-plat-other-cut-corners-br: 20px;
    --bn-plat-other-cut-corners-tl: 20px;
    --bn-plat-other-cut-corners-tr: 20px;
    --bn-plat-popover-corner-radius: 38px;
    --bn-plat-readable-content-margin: 260px;
    --bn-plat-sheet-bottom-radius: 58px;
    --bn-plat-sheet-top-radius: 38px;
    --bn-plat-status-bar-height: 62px;
}

[data-bn-device="duo-outer-landscape"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-device="duo-outer-landscape"],
[data-bn-platform="ios"] [data-bn-device="duo-outer-landscape"],
.bn-platform-ios[data-bn-device="duo-outer-landscape"],
.bn-platform-ios [data-bn-device="duo-outer-landscape"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-device="duo-outer-landscape"],
.bn-device-duo-outer-landscape:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-device-duo-outer-landscape,
[data-bn-platform="ios"] .bn-device-duo-outer-landscape,
.bn-platform-ios.bn-device-duo-outer-landscape,
.bn-platform-ios .bn-device-duo-outer-landscape,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-device-duo-outer-landscape {
    --bn-plat-activity-view-close-button-wxh: 48px;
    --bn-plat-activity-view-corner-radius-bottom: 0px;
    --bn-plat-activity-view-corner-radius-top: 42px;
    --bn-plat-activity-view-icon-spacing: 36px;
    --bn-plat-activity-view-margin-top: 16px;
    --bn-plat-activity-view-padding-bottom: 0px;
    --bn-plat-activity-view-padding-sides: 8px;
    --bn-plat-activity-view-padding-top: 90px;
    --bn-plat-activity-view-row-margin-sides: 28px;
    --bn-plat-activity-view-row-margin-top: 16px;
    --bn-plat-activity-view-thumbnail-inset: 28px;
    --bn-plat-activity-view-width: 402px;
    --bn-plat-app-icon-title-offset: 0px;
    --bn-plat-app-icon-w-d: 60px;
    --bn-plat-dock-radius: 24px;
    --bn-plat-grabber-height: 4px;
    --bn-plat-grabber-width: 60px;
    --bn-plat-home-indicator-height: 5px;
    --bn-plat-home-indicator-landscape-width: 226px;
    --bn-plat-home-indicator-portrait-width: 144px;
    --bn-plat-margin: 20px;
    --bn-plat-menus-control-group-item-spacing: 5px;
    --bn-plat-menus-control-group-padding-top: 6px;
    --bn-plat-menus-control-group-symbol-height: 22px;
    --bn-plat-menus-menu-items-label-and-subtitle-padding-left: 0px;
    --bn-plat-menus-menu-items-padding-sides: 16px;
    --bn-plat-menus-menu-items-padding-top-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-top: 10px;
    --bn-plat-menus-menu-items-subtitle-line-height: 18px;
    --bn-plat-menus-menu-items-title-font-size: 17px;
    --bn-plat-menus-menu-items-title-line-height: 20px;
    --bn-plat-menus-section-titles-bottom-padding: 10px;
    --bn-plat-menus-section-titles-font-size: 13px;
    --bn-plat-menus-section-titles-top-padding: 4px;
    --bn-plat-other-cut-corners-bl: 20px;
    --bn-plat-other-cut-corners-br: 20px;
    --bn-plat-other-cut-corners-tl: 0px;
    --bn-plat-other-cut-corners-tr: 0px;
    --bn-plat-popover-corner-radius: 38px;
    --bn-plat-readable-content-margin: 260px;
    --bn-plat-sheet-bottom-radius: 58px;
    --bn-plat-sheet-top-radius: 38px;
    --bn-plat-status-bar-height: 62px;
}

[data-bn-device="duo-outer-portrait"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-device="duo-outer-portrait"],
[data-bn-platform="ios"] [data-bn-device="duo-outer-portrait"],
.bn-platform-ios[data-bn-device="duo-outer-portrait"],
.bn-platform-ios [data-bn-device="duo-outer-portrait"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-device="duo-outer-portrait"],
.bn-device-duo-outer-portrait:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-device-duo-outer-portrait,
[data-bn-platform="ios"] .bn-device-duo-outer-portrait,
.bn-platform-ios.bn-device-duo-outer-portrait,
.bn-platform-ios .bn-device-duo-outer-portrait,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-device-duo-outer-portrait {
    --bn-plat-activity-view-close-button-wxh: 48px;
    --bn-plat-activity-view-corner-radius-bottom: 0px;
    --bn-plat-activity-view-corner-radius-top: 40px;
    --bn-plat-activity-view-icon-spacing: 34px;
    --bn-plat-activity-view-margin-top: 16px;
    --bn-plat-activity-view-padding-bottom: 0px;
    --bn-plat-activity-view-padding-sides: 8px;
    --bn-plat-activity-view-padding-top: 90px;
    --bn-plat-activity-view-row-margin-sides: 22px;
    --bn-plat-activity-view-row-margin-top: 16px;
    --bn-plat-activity-view-thumbnail-inset: 22px;
    --bn-plat-activity-view-width: 402px;
    --bn-plat-app-icon-title-offset: 0px;
    --bn-plat-app-icon-w-d: 60px;
    --bn-plat-dock-radius: 24px;
    --bn-plat-grabber-height: 4px;
    --bn-plat-grabber-width: 60px;
    --bn-plat-home-indicator-height: 5px;
    --bn-plat-home-indicator-landscape-width: 226px;
    --bn-plat-home-indicator-portrait-width: 144px;
    --bn-plat-margin: 20px;
    --bn-plat-menus-control-group-item-spacing: 5px;
    --bn-plat-menus-control-group-padding-top: 6px;
    --bn-plat-menus-control-group-symbol-height: 22px;
    --bn-plat-menus-menu-items-label-and-subtitle-padding-left: 0px;
    --bn-plat-menus-menu-items-padding-sides: 16px;
    --bn-plat-menus-menu-items-padding-top-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-bottom: 10px;
    --bn-plat-menus-menu-items-separator-padding-top: 10px;
    --bn-plat-menus-menu-items-subtitle-line-height: 18px;
    --bn-plat-menus-menu-items-title-font-size: 17px;
    --bn-plat-menus-menu-items-title-line-height: 20px;
    --bn-plat-menus-section-titles-bottom-padding: 10px;
    --bn-plat-menus-section-titles-font-size: 13px;
    --bn-plat-menus-section-titles-top-padding: 4px;
    --bn-plat-other-cut-corners-bl: 0px;
    --bn-plat-other-cut-corners-br: 20px;
    --bn-plat-other-cut-corners-tl: 0px;
    --bn-plat-other-cut-corners-tr: 20px;
    --bn-plat-popover-corner-radius: 38px;
    --bn-plat-readable-content-margin: 260px;
    --bn-plat-sheet-bottom-radius: 58px;
    --bn-plat-sheet-top-radius: 38px;
    --bn-plat-status-bar-height: 62px;
}

[data-bn-type="xsmall"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xsmall"],
[data-bn-platform="ios"] [data-bn-type="xsmall"],
.bn-platform-ios[data-bn-type="xsmall"],
.bn-platform-ios [data-bn-type="xsmall"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xsmall"],
.bn-type-xsmall:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xsmall,
[data-bn-platform="ios"] .bn-type-xsmall,
.bn-platform-ios.bn-type-xsmall,
.bn-platform-ios .bn-type-xsmall,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xsmall {
    --bn-plat-font-large-title-size: 31px;
    --bn-plat-font-large-title-leading: 38px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 25px;
    --bn-plat-font-title-1-leading: 31px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 19px;
    --bn-plat-font-title-2-leading: 23px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 17px;
    --bn-plat-font-title-3-leading: 22px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 14px;
    --bn-plat-font-headline-leading: 19px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 14px;
    --bn-plat-font-body-leading: 19px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 13px;
    --bn-plat-font-callout-leading: 18px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 12px;
    --bn-plat-font-subheadline-leading: 16px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 12px;
    --bn-plat-font-footnote-leading: 16px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 11px;
    --bn-plat-font-caption-1-leading: 13px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 11px;
    --bn-plat-font-caption-2-leading: 13px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="small"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="small"],
[data-bn-platform="ios"] [data-bn-type="small"],
.bn-platform-ios[data-bn-type="small"],
.bn-platform-ios [data-bn-type="small"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="small"],
.bn-type-small:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-small,
[data-bn-platform="ios"] .bn-type-small,
.bn-platform-ios.bn-type-small,
.bn-platform-ios .bn-type-small,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-small {
    --bn-plat-font-large-title-size: 32px;
    --bn-plat-font-large-title-leading: 39px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 26px;
    --bn-plat-font-title-1-leading: 32px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 20px;
    --bn-plat-font-title-2-leading: 24px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 18px;
    --bn-plat-font-title-3-leading: 23px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 15px;
    --bn-plat-font-headline-leading: 20px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 15px;
    --bn-plat-font-body-leading: 20px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 14px;
    --bn-plat-font-callout-leading: 19px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 13px;
    --bn-plat-font-subheadline-leading: 18px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 12px;
    --bn-plat-font-footnote-leading: 16px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 11px;
    --bn-plat-font-caption-1-leading: 13px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 11px;
    --bn-plat-font-caption-2-leading: 13px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="medium"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="medium"],
[data-bn-platform="ios"] [data-bn-type="medium"],
.bn-platform-ios[data-bn-type="medium"],
.bn-platform-ios [data-bn-type="medium"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="medium"],
.bn-type-medium:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-medium,
[data-bn-platform="ios"] .bn-type-medium,
.bn-platform-ios.bn-type-medium,
.bn-platform-ios .bn-type-medium,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-medium {
    --bn-plat-font-large-title-size: 33px;
    --bn-plat-font-large-title-leading: 40px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 27px;
    --bn-plat-font-title-1-leading: 33px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 21px;
    --bn-plat-font-title-2-leading: 28px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 19px;
    --bn-plat-font-title-3-leading: 24px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 16px;
    --bn-plat-font-headline-leading: 21px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 16px;
    --bn-plat-font-body-leading: 21px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 15px;
    --bn-plat-font-callout-leading: 20px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 14px;
    --bn-plat-font-subheadline-leading: 19px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 12px;
    --bn-plat-font-footnote-leading: 16px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 11px;
    --bn-plat-font-caption-1-leading: 13px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 11px;
    --bn-plat-font-caption-2-leading: 13px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="xlarge"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xlarge"],
[data-bn-platform="ios"] [data-bn-type="xlarge"],
.bn-platform-ios[data-bn-type="xlarge"],
.bn-platform-ios [data-bn-type="xlarge"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xlarge"],
.bn-type-xlarge:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xlarge,
[data-bn-platform="ios"] .bn-type-xlarge,
.bn-platform-ios.bn-type-xlarge,
.bn-platform-ios .bn-type-xlarge,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xlarge {
    --bn-plat-font-large-title-size: 36px;
    --bn-plat-font-large-title-leading: 43px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 30px;
    --bn-plat-font-title-1-leading: 36px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 24px;
    --bn-plat-font-title-2-leading: 30px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 22px;
    --bn-plat-font-title-3-leading: 28px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 19px;
    --bn-plat-font-headline-leading: 24px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 19px;
    --bn-plat-font-body-leading: 24px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 18px;
    --bn-plat-font-callout-leading: 23px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 17px;
    --bn-plat-font-subheadline-leading: 22px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 15px;
    --bn-plat-font-footnote-leading: 20px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 14px;
    --bn-plat-font-caption-1-leading: 19px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 13px;
    --bn-plat-font-caption-2-leading: 18px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="xxlarge"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xxlarge"],
[data-bn-platform="ios"] [data-bn-type="xxlarge"],
.bn-platform-ios[data-bn-type="xxlarge"],
.bn-platform-ios [data-bn-type="xxlarge"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xxlarge"],
.bn-type-xxlarge:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xxlarge,
[data-bn-platform="ios"] .bn-type-xxlarge,
.bn-platform-ios.bn-type-xxlarge,
.bn-platform-ios .bn-type-xxlarge,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xxlarge {
    --bn-plat-font-large-title-size: 38px;
    --bn-plat-font-large-title-leading: 46px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 32px;
    --bn-plat-font-title-1-leading: 39px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 26px;
    --bn-plat-font-title-2-leading: 32px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 24px;
    --bn-plat-font-title-3-leading: 30px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 21px;
    --bn-plat-font-headline-leading: 26px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 21px;
    --bn-plat-font-body-leading: 26px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 20px;
    --bn-plat-font-callout-leading: 24px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 19px;
    --bn-plat-font-subheadline-leading: 24px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 17px;
    --bn-plat-font-footnote-leading: 22px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 16px;
    --bn-plat-font-caption-1-leading: 21px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 15px;
    --bn-plat-font-caption-2-leading: 20px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="xxxlarge"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xxxlarge"],
[data-bn-platform="ios"] [data-bn-type="xxxlarge"],
.bn-platform-ios[data-bn-type="xxxlarge"],
.bn-platform-ios [data-bn-type="xxxlarge"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xxxlarge"],
.bn-type-xxxlarge:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xxxlarge,
[data-bn-platform="ios"] .bn-type-xxxlarge,
.bn-platform-ios.bn-type-xxxlarge,
.bn-platform-ios .bn-type-xxxlarge,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xxxlarge {
    --bn-plat-font-large-title-size: 40px;
    --bn-plat-font-large-title-leading: 48px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 34px;
    --bn-plat-font-title-1-leading: 41px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 28px;
    --bn-plat-font-title-2-leading: 34px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 26px;
    --bn-plat-font-title-3-leading: 32px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 23px;
    --bn-plat-font-headline-leading: 29px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 23px;
    --bn-plat-font-body-leading: 29px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 22px;
    --bn-plat-font-callout-leading: 28px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 21px;
    --bn-plat-font-subheadline-leading: 28px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 19px;
    --bn-plat-font-footnote-leading: 24px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 18px;
    --bn-plat-font-caption-1-leading: 23px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 17px;
    --bn-plat-font-caption-2-leading: 22px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="ax1"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax1"],
[data-bn-platform="ios"] [data-bn-type="ax1"],
.bn-platform-ios[data-bn-type="ax1"],
.bn-platform-ios [data-bn-type="ax1"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax1"],
.bn-type-ax1:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax1,
[data-bn-platform="ios"] .bn-type-ax1,
.bn-platform-ios.bn-type-ax1,
.bn-platform-ios .bn-type-ax1,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax1 {
    --bn-plat-font-large-title-size: 44px;
    --bn-plat-font-large-title-leading: 52px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 38px;
    --bn-plat-font-title-1-leading: 46px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 34px;
    --bn-plat-font-title-2-leading: 41px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 31px;
    --bn-plat-font-title-3-leading: 38px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 28px;
    --bn-plat-font-headline-leading: 34px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 28px;
    --bn-plat-font-body-leading: 34px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 26px;
    --bn-plat-font-callout-leading: 32px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 25px;
    --bn-plat-font-subheadline-leading: 31px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 23px;
    --bn-plat-font-footnote-leading: 29px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 22px;
    --bn-plat-font-caption-1-leading: 28px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 20px;
    --bn-plat-font-caption-2-leading: 25px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="ax2"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax2"],
[data-bn-platform="ios"] [data-bn-type="ax2"],
.bn-platform-ios[data-bn-type="ax2"],
.bn-platform-ios [data-bn-type="ax2"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax2"],
.bn-type-ax2:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax2,
[data-bn-platform="ios"] .bn-type-ax2,
.bn-platform-ios.bn-type-ax2,
.bn-platform-ios .bn-type-ax2,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax2 {
    --bn-plat-font-large-title-size: 48px;
    --bn-plat-font-large-title-leading: 57px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 43px;
    --bn-plat-font-title-1-leading: 51px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 43px;
    --bn-plat-font-title-2-leading: 51px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 37px;
    --bn-plat-font-title-3-leading: 44px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 33px;
    --bn-plat-font-headline-leading: 40px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 33px;
    --bn-plat-font-body-leading: 40px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 32px;
    --bn-plat-font-callout-leading: 39px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 30px;
    --bn-plat-font-subheadline-leading: 37px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 27px;
    --bn-plat-font-footnote-leading: 33px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 26px;
    --bn-plat-font-caption-1-leading: 32px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 24px;
    --bn-plat-font-caption-2-leading: 30px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="ax3"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax3"],
[data-bn-platform="ios"] [data-bn-type="ax3"],
.bn-platform-ios[data-bn-type="ax3"],
.bn-platform-ios [data-bn-type="ax3"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax3"],
.bn-type-ax3:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax3,
[data-bn-platform="ios"] .bn-type-ax3,
.bn-platform-ios.bn-type-ax3,
.bn-platform-ios .bn-type-ax3,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax3 {
    --bn-plat-font-large-title-size: 52px;
    --bn-plat-font-large-title-leading: 61px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 48px;
    --bn-plat-font-title-1-leading: 57px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 44px;
    --bn-plat-font-title-2-leading: 52px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 43px;
    --bn-plat-font-title-3-leading: 51px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 40px;
    --bn-plat-font-headline-leading: 48px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 40px;
    --bn-plat-font-body-leading: 48px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 38px;
    --bn-plat-font-callout-leading: 46px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 36px;
    --bn-plat-font-subheadline-leading: 43px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 33px;
    --bn-plat-font-footnote-leading: 40px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 32px;
    --bn-plat-font-caption-1-leading: 39px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 29px;
    --bn-plat-font-caption-2-leading: 35px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="ax4"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax4"],
[data-bn-platform="ios"] [data-bn-type="ax4"],
.bn-platform-ios[data-bn-type="ax4"],
.bn-platform-ios [data-bn-type="ax4"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax4"],
.bn-type-ax4:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax4,
[data-bn-platform="ios"] .bn-type-ax4,
.bn-platform-ios.bn-type-ax4,
.bn-platform-ios .bn-type-ax4,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax4 {
    --bn-plat-font-large-title-size: 56px;
    --bn-plat-font-large-title-leading: 66px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 53px;
    --bn-plat-font-title-1-leading: 62px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 50px;
    --bn-plat-font-title-2-leading: 59px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 43px;
    --bn-plat-font-title-3-leading: 51px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 47px;
    --bn-plat-font-headline-leading: 56px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 47px;
    --bn-plat-font-body-leading: 56px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 44px;
    --bn-plat-font-callout-leading: 52px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 42px;
    --bn-plat-font-subheadline-leading: 50px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 38px;
    --bn-plat-font-footnote-leading: 46px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 37px;
    --bn-plat-font-caption-1-leading: 44px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 34px;
    --bn-plat-font-caption-2-leading: 41px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="ax5"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax5"],
[data-bn-platform="ios"] [data-bn-type="ax5"],
.bn-platform-ios[data-bn-type="ax5"],
.bn-platform-ios [data-bn-type="ax5"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax5"],
.bn-type-ax5:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax5,
[data-bn-platform="ios"] .bn-type-ax5,
.bn-platform-ios.bn-type-ax5,
.bn-platform-ios .bn-type-ax5,
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax5 {
    --bn-plat-font-large-title-size: 60px;
    --bn-plat-font-large-title-leading: 70px;
    --bn-plat-font-large-title-tracking: 0.4px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-title-1-size: 58px;
    --bn-plat-font-title-1-leading: 68px;
    --bn-plat-font-title-1-tracking: 0.38px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 56px;
    --bn-plat-font-title-2-leading: 66px;
    --bn-plat-font-title-2-tracking: -0.26px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-3-size: 55px;
    --bn-plat-font-title-3-leading: 65px;
    --bn-plat-font-title-3-tracking: -0.45px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-font-headline-size: 53px;
    --bn-plat-font-headline-leading: 62px;
    --bn-plat-font-headline-tracking: -0.43px;
    --bn-plat-font-headline-weight: 590;
    --bn-plat-font-body-size: 53px;
    --bn-plat-font-body-leading: 62px;
    --bn-plat-font-body-tracking: -0.43px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 51px;
    --bn-plat-font-callout-leading: 60px;
    --bn-plat-font-callout-tracking: -0.31px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-callout-emphasized-style: italic;
    --bn-plat-font-subheadline-size: 49px;
    --bn-plat-font-subheadline-leading: 58px;
    --bn-plat-font-subheadline-tracking: -0.23px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 44px;
    --bn-plat-font-footnote-leading: 52px;
    --bn-plat-font-footnote-tracking: -0.08px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 43px;
    --bn-plat-font-caption-1-leading: 51px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 590;
    --bn-plat-font-caption-2-size: 40px;
    --bn-plat-font-caption-2-leading: 48px;
    --bn-plat-font-caption-2-tracking: 0.06px;
    --bn-plat-font-caption-2-weight: 400;
    --bn-plat-font-caption-2-emphasized-weight: 590;
}

[data-bn-type="xsmall"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xsmall"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="xsmall"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="xsmall"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="xsmall"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xsmall"][data-bn-leading="loose"],
.bn-type-xsmall[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xsmall[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-xsmall[data-bn-leading="loose"],
.bn-platform-ios.bn-type-xsmall[data-bn-leading="loose"],
.bn-platform-ios .bn-type-xsmall[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xsmall[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 40px;
    --bn-plat-font-title-1-leading: 33px;
    --bn-plat-font-title-2-leading: 25px;
    --bn-plat-font-title-3-leading: 24px;
    --bn-plat-font-headline-leading: 21px;
    --bn-plat-font-body-leading: 21px;
    --bn-plat-font-callout-leading: 20px;
    --bn-plat-font-subheadline-leading: 18px;
    --bn-plat-font-footnote-leading: 18px;
    --bn-plat-font-caption-1-leading: 15px;
    --bn-plat-font-caption-2-leading: 15px;
}

[data-bn-type="small"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="small"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="small"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="small"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="small"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="small"][data-bn-leading="loose"],
.bn-type-small[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-small[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-small[data-bn-leading="loose"],
.bn-platform-ios.bn-type-small[data-bn-leading="loose"],
.bn-platform-ios .bn-type-small[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-small[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 41px;
    --bn-plat-font-title-1-leading: 34px;
    --bn-plat-font-title-2-leading: 26px;
    --bn-plat-font-title-3-leading: 25px;
    --bn-plat-font-headline-leading: 22px;
    --bn-plat-font-body-leading: 22px;
    --bn-plat-font-callout-leading: 21px;
    --bn-plat-font-subheadline-leading: 20px;
    --bn-plat-font-footnote-leading: 18px;
    --bn-plat-font-caption-1-leading: 15px;
    --bn-plat-font-caption-2-leading: 15px;
}

[data-bn-type="medium"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="medium"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="medium"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="medium"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="medium"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="medium"][data-bn-leading="loose"],
.bn-type-medium[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-medium[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-medium[data-bn-leading="loose"],
.bn-platform-ios.bn-type-medium[data-bn-leading="loose"],
.bn-platform-ios .bn-type-medium[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-medium[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 42px;
    --bn-plat-font-title-1-leading: 35px;
    --bn-plat-font-title-2-leading: 30px;
    --bn-plat-font-title-3-leading: 26px;
    --bn-plat-font-headline-leading: 23px;
    --bn-plat-font-body-leading: 23px;
    --bn-plat-font-callout-leading: 22px;
    --bn-plat-font-subheadline-leading: 21px;
    --bn-plat-font-footnote-leading: 18px;
    --bn-plat-font-caption-1-leading: 15px;
    --bn-plat-font-caption-2-leading: 15px;
}

[data-bn-leading="loose"]:not([data-bn-type]):not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-leading="loose"]:not([data-bn-type]),
[data-bn-platform="ios"] [data-bn-leading="loose"]:not([data-bn-type]),
.bn-platform-ios[data-bn-leading="loose"]:not([data-bn-type]),
.bn-platform-ios [data-bn-leading="loose"]:not([data-bn-type]),
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-leading="loose"]:not([data-bn-type]),
[data-bn-type="large"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="large"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="large"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="large"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="large"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="large"][data-bn-leading="loose"],
.bn-type-large[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-large[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-large[data-bn-leading="loose"],
.bn-platform-ios.bn-type-large[data-bn-leading="loose"],
.bn-platform-ios .bn-type-large[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-large[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 43px;
    --bn-plat-font-title-1-leading: 36px;
    --bn-plat-font-title-2-leading: 30px;
    --bn-plat-font-title-3-leading: 27px;
    --bn-plat-font-headline-leading: 24px;
    --bn-plat-font-body-leading: 24px;
    --bn-plat-font-callout-leading: 23px;
    --bn-plat-font-subheadline-leading: 22px;
    --bn-plat-font-footnote-leading: 20px;
    --bn-plat-font-caption-1-leading: 18px;
    --bn-plat-font-caption-2-leading: 15px;
}

[data-bn-type="xlarge"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xlarge"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="xlarge"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="xlarge"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="xlarge"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xlarge"][data-bn-leading="loose"],
.bn-type-xlarge[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xlarge[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-xlarge[data-bn-leading="loose"],
.bn-platform-ios.bn-type-xlarge[data-bn-leading="loose"],
.bn-platform-ios .bn-type-xlarge[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xlarge[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 45px;
    --bn-plat-font-title-1-leading: 38px;
    --bn-plat-font-title-2-leading: 32px;
    --bn-plat-font-title-3-leading: 30px;
    --bn-plat-font-headline-leading: 26px;
    --bn-plat-font-body-leading: 26px;
    --bn-plat-font-callout-leading: 25px;
    --bn-plat-font-subheadline-leading: 24px;
    --bn-plat-font-footnote-leading: 22px;
    --bn-plat-font-caption-1-leading: 21px;
    --bn-plat-font-caption-2-leading: 20px;
}

[data-bn-type="xxlarge"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xxlarge"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="xxlarge"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="xxlarge"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="xxlarge"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xxlarge"][data-bn-leading="loose"],
.bn-type-xxlarge[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xxlarge[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-xxlarge[data-bn-leading="loose"],
.bn-platform-ios.bn-type-xxlarge[data-bn-leading="loose"],
.bn-platform-ios .bn-type-xxlarge[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xxlarge[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 48px;
    --bn-plat-font-title-1-leading: 41px;
    --bn-plat-font-title-2-leading: 34px;
    --bn-plat-font-title-3-leading: 32px;
    --bn-plat-font-headline-leading: 28px;
    --bn-plat-font-body-leading: 28px;
    --bn-plat-font-callout-leading: 26px;
    --bn-plat-font-subheadline-leading: 26px;
    --bn-plat-font-footnote-leading: 24px;
    --bn-plat-font-caption-1-leading: 23px;
    --bn-plat-font-caption-2-leading: 22px;
}

[data-bn-type="xxxlarge"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xxxlarge"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="xxxlarge"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="xxxlarge"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="xxxlarge"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xxxlarge"][data-bn-leading="loose"],
.bn-type-xxxlarge[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xxxlarge[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-xxxlarge[data-bn-leading="loose"],
.bn-platform-ios.bn-type-xxxlarge[data-bn-leading="loose"],
.bn-platform-ios .bn-type-xxxlarge[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xxxlarge[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 50px;
    --bn-plat-font-title-1-leading: 43px;
    --bn-plat-font-title-2-leading: 36px;
    --bn-plat-font-title-3-leading: 34px;
    --bn-plat-font-headline-leading: 31px;
    --bn-plat-font-body-leading: 31px;
    --bn-plat-font-callout-leading: 30px;
    --bn-plat-font-subheadline-leading: 30px;
    --bn-plat-font-footnote-leading: 26px;
    --bn-plat-font-caption-1-leading: 25px;
    --bn-plat-font-caption-2-leading: 24px;
}

[data-bn-type="ax1"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax1"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="ax1"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="ax1"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="ax1"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax1"][data-bn-leading="loose"],
.bn-type-ax1[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax1[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-ax1[data-bn-leading="loose"],
.bn-platform-ios.bn-type-ax1[data-bn-leading="loose"],
.bn-platform-ios .bn-type-ax1[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax1[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 54px;
    --bn-plat-font-title-1-leading: 48px;
    --bn-plat-font-title-2-leading: 43px;
    --bn-plat-font-title-3-leading: 40px;
    --bn-plat-font-headline-leading: 36px;
    --bn-plat-font-body-leading: 36px;
    --bn-plat-font-callout-leading: 34px;
    --bn-plat-font-subheadline-leading: 33px;
    --bn-plat-font-footnote-leading: 31px;
    --bn-plat-font-caption-1-leading: 30px;
    --bn-plat-font-caption-2-leading: 27px;
}

[data-bn-type="ax2"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax2"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="ax2"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="ax2"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="ax2"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax2"][data-bn-leading="loose"],
.bn-type-ax2[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax2[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-ax2[data-bn-leading="loose"],
.bn-platform-ios.bn-type-ax2[data-bn-leading="loose"],
.bn-platform-ios .bn-type-ax2[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax2[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 59px;
    --bn-plat-font-title-1-leading: 53px;
    --bn-plat-font-title-2-leading: 53px;
    --bn-plat-font-title-3-leading: 46px;
    --bn-plat-font-headline-leading: 42px;
    --bn-plat-font-body-leading: 42px;
    --bn-plat-font-callout-leading: 41px;
    --bn-plat-font-subheadline-leading: 39px;
    --bn-plat-font-footnote-leading: 35px;
    --bn-plat-font-caption-1-leading: 34px;
    --bn-plat-font-caption-2-leading: 32px;
}

[data-bn-type="ax3"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax3"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="ax3"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="ax3"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="ax3"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax3"][data-bn-leading="loose"],
.bn-type-ax3[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax3[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-ax3[data-bn-leading="loose"],
.bn-platform-ios.bn-type-ax3[data-bn-leading="loose"],
.bn-platform-ios .bn-type-ax3[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax3[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 63px;
    --bn-plat-font-title-1-leading: 59px;
    --bn-plat-font-title-2-leading: 54px;
    --bn-plat-font-title-3-leading: 53px;
    --bn-plat-font-headline-leading: 50px;
    --bn-plat-font-body-leading: 50px;
    --bn-plat-font-callout-leading: 48px;
    --bn-plat-font-subheadline-leading: 45px;
    --bn-plat-font-footnote-leading: 42px;
    --bn-plat-font-caption-1-leading: 41px;
    --bn-plat-font-caption-2-leading: 37px;
}

[data-bn-type="ax4"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax4"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="ax4"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="ax4"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="ax4"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax4"][data-bn-leading="loose"],
.bn-type-ax4[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax4[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-ax4[data-bn-leading="loose"],
.bn-platform-ios.bn-type-ax4[data-bn-leading="loose"],
.bn-platform-ios .bn-type-ax4[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax4[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 68px;
    --bn-plat-font-title-1-leading: 64px;
    --bn-plat-font-title-2-leading: 61px;
    --bn-plat-font-title-3-leading: 53px;
    --bn-plat-font-headline-leading: 58px;
    --bn-plat-font-body-leading: 58px;
    --bn-plat-font-callout-leading: 54px;
    --bn-plat-font-subheadline-leading: 52px;
    --bn-plat-font-footnote-leading: 48px;
    --bn-plat-font-caption-1-leading: 46px;
    --bn-plat-font-caption-2-leading: 43px;
}

[data-bn-type="ax5"][data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax5"][data-bn-leading="loose"],
[data-bn-platform="ios"] [data-bn-type="ax5"][data-bn-leading="loose"],
.bn-platform-ios[data-bn-type="ax5"][data-bn-leading="loose"],
.bn-platform-ios [data-bn-type="ax5"][data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax5"][data-bn-leading="loose"],
.bn-type-ax5[data-bn-leading="loose"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax5[data-bn-leading="loose"],
[data-bn-platform="ios"] .bn-type-ax5[data-bn-leading="loose"],
.bn-platform-ios.bn-type-ax5[data-bn-leading="loose"],
.bn-platform-ios .bn-type-ax5[data-bn-leading="loose"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax5[data-bn-leading="loose"] {
    --bn-plat-font-large-title-leading: 72px;
    --bn-plat-font-title-1-leading: 70px;
    --bn-plat-font-title-2-leading: 68px;
    --bn-plat-font-title-3-leading: 67px;
    --bn-plat-font-headline-leading: 64px;
    --bn-plat-font-body-leading: 64px;
    --bn-plat-font-callout-leading: 62px;
    --bn-plat-font-subheadline-leading: 60px;
    --bn-plat-font-footnote-leading: 54px;
    --bn-plat-font-caption-1-leading: 53px;
    --bn-plat-font-caption-2-leading: 50px;
}

[data-bn-type="xsmall"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xsmall"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="xsmall"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="xsmall"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="xsmall"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xsmall"][data-bn-leading="tight"],
.bn-type-xsmall[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xsmall[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-xsmall[data-bn-leading="tight"],
.bn-platform-ios.bn-type-xsmall[data-bn-leading="tight"],
.bn-platform-ios .bn-type-xsmall[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xsmall[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 36px;
    --bn-plat-font-title-1-leading: 29px;
    --bn-plat-font-title-2-leading: 21px;
    --bn-plat-font-title-3-leading: 20px;
    --bn-plat-font-headline-leading: 17px;
    --bn-plat-font-body-leading: 17px;
    --bn-plat-font-callout-leading: 16px;
    --bn-plat-font-subheadline-leading: 14px;
    --bn-plat-font-footnote-leading: 14px;
    --bn-plat-font-caption-1-leading: 11px;
    --bn-plat-font-caption-2-leading: 11px;
}

[data-bn-type="small"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="small"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="small"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="small"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="small"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="small"][data-bn-leading="tight"],
.bn-type-small[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-small[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-small[data-bn-leading="tight"],
.bn-platform-ios.bn-type-small[data-bn-leading="tight"],
.bn-platform-ios .bn-type-small[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-small[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 37px;
    --bn-plat-font-title-1-leading: 30px;
    --bn-plat-font-title-2-leading: 22px;
    --bn-plat-font-title-3-leading: 21px;
    --bn-plat-font-headline-leading: 18px;
    --bn-plat-font-body-leading: 18px;
    --bn-plat-font-callout-leading: 17px;
    --bn-plat-font-subheadline-leading: 16px;
    --bn-plat-font-footnote-leading: 14px;
    --bn-plat-font-caption-1-leading: 11px;
    --bn-plat-font-caption-2-leading: 11px;
}

[data-bn-type="medium"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="medium"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="medium"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="medium"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="medium"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="medium"][data-bn-leading="tight"],
.bn-type-medium[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-medium[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-medium[data-bn-leading="tight"],
.bn-platform-ios.bn-type-medium[data-bn-leading="tight"],
.bn-platform-ios .bn-type-medium[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-medium[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 38px;
    --bn-plat-font-title-1-leading: 31px;
    --bn-plat-font-title-2-leading: 26px;
    --bn-plat-font-title-3-leading: 22px;
    --bn-plat-font-headline-leading: 19px;
    --bn-plat-font-body-leading: 19px;
    --bn-plat-font-callout-leading: 18px;
    --bn-plat-font-subheadline-leading: 17px;
    --bn-plat-font-footnote-leading: 14px;
    --bn-plat-font-caption-1-leading: 11px;
    --bn-plat-font-caption-2-leading: 11px;
}

[data-bn-leading="tight"]:not([data-bn-type]):not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-leading="tight"]:not([data-bn-type]),
[data-bn-platform="ios"] [data-bn-leading="tight"]:not([data-bn-type]),
.bn-platform-ios[data-bn-leading="tight"]:not([data-bn-type]),
.bn-platform-ios [data-bn-leading="tight"]:not([data-bn-type]),
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-leading="tight"]:not([data-bn-type]),
[data-bn-type="large"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="large"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="large"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="large"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="large"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="large"][data-bn-leading="tight"],
.bn-type-large[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-large[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-large[data-bn-leading="tight"],
.bn-platform-ios.bn-type-large[data-bn-leading="tight"],
.bn-platform-ios .bn-type-large[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-large[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 39px;
    --bn-plat-font-title-1-leading: 32px;
    --bn-plat-font-title-2-leading: 26px;
    --bn-plat-font-title-3-leading: 23px;
    --bn-plat-font-headline-leading: 20px;
    --bn-plat-font-body-leading: 20px;
    --bn-plat-font-callout-leading: 19px;
    --bn-plat-font-subheadline-leading: 18px;
    --bn-plat-font-footnote-leading: 16px;
    --bn-plat-font-caption-1-leading: 14px;
    --bn-plat-font-caption-2-leading: 11px;
}

[data-bn-type="xlarge"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xlarge"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="xlarge"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="xlarge"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="xlarge"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xlarge"][data-bn-leading="tight"],
.bn-type-xlarge[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xlarge[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-xlarge[data-bn-leading="tight"],
.bn-platform-ios.bn-type-xlarge[data-bn-leading="tight"],
.bn-platform-ios .bn-type-xlarge[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xlarge[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 41px;
    --bn-plat-font-title-1-leading: 34px;
    --bn-plat-font-title-2-leading: 28px;
    --bn-plat-font-title-3-leading: 26px;
    --bn-plat-font-headline-leading: 22px;
    --bn-plat-font-body-leading: 22px;
    --bn-plat-font-callout-leading: 21px;
    --bn-plat-font-subheadline-leading: 20px;
    --bn-plat-font-footnote-leading: 18px;
    --bn-plat-font-caption-1-leading: 17px;
    --bn-plat-font-caption-2-leading: 16px;
}

[data-bn-type="xxlarge"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xxlarge"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="xxlarge"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="xxlarge"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="xxlarge"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xxlarge"][data-bn-leading="tight"],
.bn-type-xxlarge[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xxlarge[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-xxlarge[data-bn-leading="tight"],
.bn-platform-ios.bn-type-xxlarge[data-bn-leading="tight"],
.bn-platform-ios .bn-type-xxlarge[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xxlarge[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 44px;
    --bn-plat-font-title-1-leading: 37px;
    --bn-plat-font-title-2-leading: 30px;
    --bn-plat-font-title-3-leading: 28px;
    --bn-plat-font-headline-leading: 24px;
    --bn-plat-font-body-leading: 24px;
    --bn-plat-font-callout-leading: 22px;
    --bn-plat-font-subheadline-leading: 22px;
    --bn-plat-font-footnote-leading: 20px;
    --bn-plat-font-caption-1-leading: 19px;
    --bn-plat-font-caption-2-leading: 18px;
}

[data-bn-type="xxxlarge"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="xxxlarge"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="xxxlarge"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="xxxlarge"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="xxxlarge"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="xxxlarge"][data-bn-leading="tight"],
.bn-type-xxxlarge[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-xxxlarge[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-xxxlarge[data-bn-leading="tight"],
.bn-platform-ios.bn-type-xxxlarge[data-bn-leading="tight"],
.bn-platform-ios .bn-type-xxxlarge[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-xxxlarge[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 46px;
    --bn-plat-font-title-1-leading: 39px;
    --bn-plat-font-title-2-leading: 32px;
    --bn-plat-font-title-3-leading: 30px;
    --bn-plat-font-headline-leading: 27px;
    --bn-plat-font-body-leading: 27px;
    --bn-plat-font-callout-leading: 26px;
    --bn-plat-font-subheadline-leading: 26px;
    --bn-plat-font-footnote-leading: 22px;
    --bn-plat-font-caption-1-leading: 21px;
    --bn-plat-font-caption-2-leading: 20px;
}

[data-bn-type="ax1"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax1"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="ax1"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="ax1"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="ax1"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax1"][data-bn-leading="tight"],
.bn-type-ax1[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax1[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-ax1[data-bn-leading="tight"],
.bn-platform-ios.bn-type-ax1[data-bn-leading="tight"],
.bn-platform-ios .bn-type-ax1[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax1[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 50px;
    --bn-plat-font-title-1-leading: 44px;
    --bn-plat-font-title-2-leading: 39px;
    --bn-plat-font-title-3-leading: 36px;
    --bn-plat-font-headline-leading: 32px;
    --bn-plat-font-body-leading: 32px;
    --bn-plat-font-callout-leading: 30px;
    --bn-plat-font-subheadline-leading: 29px;
    --bn-plat-font-footnote-leading: 27px;
    --bn-plat-font-caption-1-leading: 26px;
    --bn-plat-font-caption-2-leading: 23px;
}

[data-bn-type="ax2"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax2"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="ax2"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="ax2"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="ax2"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax2"][data-bn-leading="tight"],
.bn-type-ax2[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax2[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-ax2[data-bn-leading="tight"],
.bn-platform-ios.bn-type-ax2[data-bn-leading="tight"],
.bn-platform-ios .bn-type-ax2[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax2[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 55px;
    --bn-plat-font-title-1-leading: 49px;
    --bn-plat-font-title-2-leading: 49px;
    --bn-plat-font-title-3-leading: 42px;
    --bn-plat-font-headline-leading: 38px;
    --bn-plat-font-body-leading: 38px;
    --bn-plat-font-callout-leading: 37px;
    --bn-plat-font-subheadline-leading: 35px;
    --bn-plat-font-footnote-leading: 31px;
    --bn-plat-font-caption-1-leading: 30px;
    --bn-plat-font-caption-2-leading: 28px;
}

[data-bn-type="ax3"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax3"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="ax3"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="ax3"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="ax3"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax3"][data-bn-leading="tight"],
.bn-type-ax3[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax3[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-ax3[data-bn-leading="tight"],
.bn-platform-ios.bn-type-ax3[data-bn-leading="tight"],
.bn-platform-ios .bn-type-ax3[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax3[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 59px;
    --bn-plat-font-title-1-leading: 55px;
    --bn-plat-font-title-2-leading: 50px;
    --bn-plat-font-title-3-leading: 49px;
    --bn-plat-font-headline-leading: 46px;
    --bn-plat-font-body-leading: 46px;
    --bn-plat-font-callout-leading: 44px;
    --bn-plat-font-subheadline-leading: 41px;
    --bn-plat-font-footnote-leading: 38px;
    --bn-plat-font-caption-1-leading: 37px;
    --bn-plat-font-caption-2-leading: 33px;
}

[data-bn-type="ax4"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax4"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="ax4"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="ax4"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="ax4"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax4"][data-bn-leading="tight"],
.bn-type-ax4[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax4[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-ax4[data-bn-leading="tight"],
.bn-platform-ios.bn-type-ax4[data-bn-leading="tight"],
.bn-platform-ios .bn-type-ax4[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax4[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 64px;
    --bn-plat-font-title-1-leading: 60px;
    --bn-plat-font-title-2-leading: 57px;
    --bn-plat-font-title-3-leading: 49px;
    --bn-plat-font-headline-leading: 54px;
    --bn-plat-font-body-leading: 54px;
    --bn-plat-font-callout-leading: 50px;
    --bn-plat-font-subheadline-leading: 48px;
    --bn-plat-font-footnote-leading: 44px;
    --bn-plat-font-caption-1-leading: 42px;
    --bn-plat-font-caption-2-leading: 39px;
}

[data-bn-type="ax5"][data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"][data-bn-type="ax5"][data-bn-leading="tight"],
[data-bn-platform="ios"] [data-bn-type="ax5"][data-bn-leading="tight"],
.bn-platform-ios[data-bn-type="ax5"][data-bn-leading="tight"],
.bn-platform-ios [data-bn-type="ax5"][data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) [data-bn-type="ax5"][data-bn-leading="tight"],
.bn-type-ax5[data-bn-leading="tight"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"].bn-type-ax5[data-bn-leading="tight"],
[data-bn-platform="ios"] .bn-type-ax5[data-bn-leading="tight"],
.bn-platform-ios.bn-type-ax5[data-bn-leading="tight"],
.bn-platform-ios .bn-type-ax5[data-bn-leading="tight"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos) .bn-type-ax5[data-bn-leading="tight"] {
    --bn-plat-font-large-title-leading: 68px;
    --bn-plat-font-title-1-leading: 66px;
    --bn-plat-font-title-2-leading: 64px;
    --bn-plat-font-title-3-leading: 63px;
    --bn-plat-font-headline-leading: 60px;
    --bn-plat-font-body-leading: 60px;
    --bn-plat-font-callout-leading: 58px;
    --bn-plat-font-subheadline-leading: 56px;
    --bn-plat-font-footnote-leading: 50px;
    --bn-plat-font-caption-1-leading: 49px;
    --bn-plat-font-caption-2-leading: 46px;
}

[data-bn-control="mini"],
.bn-control-mini {
    --bn-plat-control-arrow-button-font-size: 11px;
    --bn-plat-control-button-padding-horizontal: 7px;
    --bn-plat-control-button-radius: 4px;
    --bn-plat-control-checkboxes-height-checkmark: 7.55px;
    --bn-plat-control-checkboxes-radius: 3.5px;
    --bn-plat-control-checkboxes-width: 12px;
    --bn-plat-control-checkboxes-width-checkmark: 7.78px;
    --bn-plat-control-color-well-height: 16px;
    --bn-plat-control-color-well-width: 32px;
    --bn-plat-control-combo-button-font-size-chevron: 9px;
    --bn-plat-control-combo-button-inset: 2px;
    --bn-plat-control-combo-button-radius-button: 2.5px;
    --bn-plat-control-combo-button-text-inset-right: 20px;
    --bn-plat-control-combo-button-width-button: 16px;
    --bn-plat-control-cursor-height: 14px;
    --bn-plat-control-dial-height-knob: 4px;
    --bn-plat-control-dial-inset-knob: 2px;
    --bn-plat-control-disclosure-font-size: 10px;
    --bn-plat-control-disclosure-radius: 4px;
    --bn-plat-control-fields-font-size-search-glyph: 11px;
    --bn-plat-control-fields-inset-left: 6px;
    --bn-plat-control-fields-inset-right: 6px;
    --bn-plat-control-fields-leading-search-glyph: 13px;
    --bn-plat-control-global-font-size: 10px;
    --bn-plat-control-global-height: 16px;
    --bn-plat-control-global-radius: 4px;
    --bn-plat-control-menu-font-size: 10px;
    --bn-plat-control-menu-font-size-symbol: 11px;
    --bn-plat-control-menu-height: 19px;
    --bn-plat-control-menu-inset-bottom-header: 2px;
    --bn-plat-control-menu-inset-left-header: 14px;
    --bn-plat-control-menu-inset-top-header: 3px;
    --bn-plat-control-menu-width-symbol: 6px;
    --bn-plat-control-popup-font-size-chevron: 10px;
    --bn-plat-control-popup-inset-left: 7px;
    --bn-plat-control-radio-button-height-dash: 1.7px;
    --bn-plat-control-radio-button-spacing: 3px;
    --bn-plat-control-radio-button-width: 12px;
    --bn-plat-control-radio-button-width-dash: 5.5px;
    --bn-plat-control-radio-button-width-dot: 4px;
    --bn-plat-control-segmented-control-height-separator: 10px;
    --bn-plat-control-segmented-control-margins: 6px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 12px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 15px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: 2px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 16px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 20px;
    --bn-plat-control-slider-knob-ticked-slider-height: 16px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 20px;
    --bn-plat-control-slider-knob-ticked-slider-width: 8px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 10px;
    --bn-plat-control-slider-track-inset-horizontal: 1px;
    --bn-plat-control-slider-track-inset-vertical: 1px;
    --bn-plat-control-slider-track-tick-spacing: 2px;
    --bn-plat-control-stepper-font-size: 8px;
    --bn-plat-control-stepper-radius: 4px;
    --bn-plat-control-stepper-width: 13px;
    --bn-plat-control-stepper-width-separator: 9px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 20px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 33px;
    --bn-plat-control-toggle-switch-knob-height: 13px;
    --bn-plat-control-toggle-switch-knob-width: 21px;
    --bn-plat-control-toggle-switch-track-height: 16px;
    --bn-plat-control-toggle-switch-track-width: 36px;
}

[data-bn-control="small"],
.bn-control-small {
    --bn-plat-control-arrow-button-font-size: 13px;
    --bn-plat-control-button-padding-horizontal: 10px;
    --bn-plat-control-button-radius: 5px;
    --bn-plat-control-checkboxes-height-checkmark: 8.93px;
    --bn-plat-control-checkboxes-radius: 4.5px;
    --bn-plat-control-checkboxes-width: 14px;
    --bn-plat-control-checkboxes-width-checkmark: 9.31px;
    --bn-plat-control-color-well-height: 20px;
    --bn-plat-control-color-well-width: 40px;
    --bn-plat-control-combo-button-font-size-chevron: 10px;
    --bn-plat-control-combo-button-inset: 2px;
    --bn-plat-control-combo-button-radius-button: 3.5px;
    --bn-plat-control-combo-button-text-inset-right: 24px;
    --bn-plat-control-combo-button-width-button: 20px;
    --bn-plat-control-cursor-height: 16px;
    --bn-plat-control-dial-height-knob: 5px;
    --bn-plat-control-dial-inset-knob: 2.5px;
    --bn-plat-control-disclosure-font-size: 10px;
    --bn-plat-control-disclosure-radius: 5px;
    --bn-plat-control-fields-font-size-search-glyph: 13px;
    --bn-plat-control-fields-inset-left: 6px;
    --bn-plat-control-fields-inset-right: 6px;
    --bn-plat-control-fields-leading-search-glyph: 15px;
    --bn-plat-control-global-font-size: 11px;
    --bn-plat-control-global-height: 20px;
    --bn-plat-control-global-radius: 5px;
    --bn-plat-control-menu-font-size: 11px;
    --bn-plat-control-menu-font-size-symbol: 11px;
    --bn-plat-control-menu-height: 22px;
    --bn-plat-control-menu-inset-bottom-header: 3px;
    --bn-plat-control-menu-inset-left-header: 18px;
    --bn-plat-control-menu-inset-top-header: 4px;
    --bn-plat-control-menu-width-symbol: 10px;
    --bn-plat-control-popup-font-size-chevron: 11px;
    --bn-plat-control-popup-inset-left: 10px;
    --bn-plat-control-radio-button-height-dash: 2px;
    --bn-plat-control-radio-button-spacing: 3px;
    --bn-plat-control-radio-button-width: 14px;
    --bn-plat-control-radio-button-width-dash: 6.5px;
    --bn-plat-control-radio-button-width-dot: 4.8px;
    --bn-plat-control-segmented-control-height-separator: 12px;
    --bn-plat-control-segmented-control-margins: 8px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 14px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 18px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: 1px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 18px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 23px;
    --bn-plat-control-slider-knob-ticked-slider-height: 18px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 23px;
    --bn-plat-control-slider-knob-ticked-slider-width: 10px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 13px;
    --bn-plat-control-slider-track-inset-horizontal: 1px;
    --bn-plat-control-slider-track-inset-vertical: 1px;
    --bn-plat-control-slider-track-tick-spacing: 2px;
    --bn-plat-control-stepper-font-size: 9px;
    --bn-plat-control-stepper-radius: 5px;
    --bn-plat-control-stepper-width: 17px;
    --bn-plat-control-stepper-width-separator: 11px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 26px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 40px;
    --bn-plat-control-toggle-switch-knob-height: 16px;
    --bn-plat-control-toggle-switch-knob-width: 26px;
    --bn-plat-control-toggle-switch-track-height: 20px;
    --bn-plat-control-toggle-switch-track-width: 44px;
}

[data-bn-control="large"],
.bn-control-large {
    --bn-plat-control-arrow-button-font-size: 13px;
    --bn-plat-control-button-padding-horizontal: 16px;
    --bn-plat-control-button-radius: 1000px;
    --bn-plat-control-checkboxes-height-checkmark: 11.3px;
    --bn-plat-control-checkboxes-radius: 6.5px;
    --bn-plat-control-checkboxes-width: 18px;
    --bn-plat-control-checkboxes-width-checkmark: 11.72px;
    --bn-plat-control-color-well-height: 28px;
    --bn-plat-control-color-well-width: 56px;
    --bn-plat-control-combo-button-font-size-chevron: 12.5px;
    --bn-plat-control-combo-button-inset: 2px;
    --bn-plat-control-combo-button-radius-button: 5.5px;
    --bn-plat-control-combo-button-text-inset-right: 28px;
    --bn-plat-control-combo-button-width-button: 24px;
    --bn-plat-control-cursor-height: 18px;
    --bn-plat-control-dial-height-knob: 6px;
    --bn-plat-control-dial-inset-knob: 3px;
    --bn-plat-control-disclosure-font-size: 13px;
    --bn-plat-control-disclosure-radius: 1000px;
    --bn-plat-control-fields-font-size-search-glyph: 13px;
    --bn-plat-control-fields-inset-left: 8px;
    --bn-plat-control-fields-inset-right: 8px;
    --bn-plat-control-fields-leading-search-glyph: 15px;
    --bn-plat-control-global-font-size: 13px;
    --bn-plat-control-global-height: 28px;
    --bn-plat-control-global-radius: 7px;
    --bn-plat-control-menu-font-size: 13px;
    --bn-plat-control-menu-font-size-symbol: 13px;
    --bn-plat-control-menu-height: 24px;
    --bn-plat-control-menu-inset-bottom-header: 4px;
    --bn-plat-control-menu-inset-left-header: 20px;
    --bn-plat-control-menu-inset-top-header: 5px;
    --bn-plat-control-menu-width-symbol: 12px;
    --bn-plat-control-popup-font-size-chevron: 13px;
    --bn-plat-control-popup-inset-left: 14px;
    --bn-plat-control-radio-button-height-dash: 2px;
    --bn-plat-control-radio-button-spacing: 5px;
    --bn-plat-control-radio-button-width: 18px;
    --bn-plat-control-radio-button-width-dash: 8px;
    --bn-plat-control-radio-button-width-dot: 5px;
    --bn-plat-control-segmented-control-height-separator: 18px;
    --bn-plat-control-segmented-control-margins: 12px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 20px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 25px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: -2px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 24px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 30px;
    --bn-plat-control-slider-knob-ticked-slider-height: 20px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 25px;
    --bn-plat-control-slider-knob-ticked-slider-width: 24px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 30px;
    --bn-plat-control-slider-track-inset-horizontal: 0px;
    --bn-plat-control-slider-track-inset-vertical: 0px;
    --bn-plat-control-slider-track-tick-spacing: 3px;
    --bn-plat-control-stepper-font-size: 12px;
    --bn-plat-control-stepper-radius: 7px;
    --bn-plat-control-stepper-width: 23px;
    --bn-plat-control-stepper-width-separator: 15px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 37px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 59px;
    --bn-plat-control-toggle-switch-knob-height: 24px;
    --bn-plat-control-toggle-switch-knob-width: 38px;
    --bn-plat-control-toggle-switch-track-height: 28px;
    --bn-plat-control-toggle-switch-track-width: 64px;
}

[data-bn-control="xl"],
.bn-control-xl {
    --bn-plat-control-arrow-button-font-size: 13px;
    --bn-plat-control-button-padding-horizontal: 16px;
    --bn-plat-control-button-radius: 1000px;
    --bn-plat-control-checkboxes-height-checkmark: 11.3px;
    --bn-plat-control-checkboxes-radius: 6.5px;
    --bn-plat-control-checkboxes-width: 18px;
    --bn-plat-control-checkboxes-width-checkmark: 11.72px;
    --bn-plat-control-color-well-height: 36px;
    --bn-plat-control-color-well-width: 72px;
    --bn-plat-control-combo-button-font-size-chevron: 13px;
    --bn-plat-control-combo-button-inset: 3px;
    --bn-plat-control-combo-button-radius-button: 6.5px;
    --bn-plat-control-combo-button-text-inset-right: 34px;
    --bn-plat-control-combo-button-width-button: 30px;
    --bn-plat-control-cursor-height: 18px;
    --bn-plat-control-dial-height-knob: 7px;
    --bn-plat-control-dial-inset-knob: 3px;
    --bn-plat-control-disclosure-font-size: 13px;
    --bn-plat-control-disclosure-radius: 1000px;
    --bn-plat-control-fields-font-size-search-glyph: 13px;
    --bn-plat-control-fields-inset-left: 10px;
    --bn-plat-control-fields-inset-right: 10px;
    --bn-plat-control-fields-leading-search-glyph: 15px;
    --bn-plat-control-global-font-size: 13px;
    --bn-plat-control-global-height: 36px;
    --bn-plat-control-global-radius: 9px;
    --bn-plat-control-menu-font-size: 13px;
    --bn-plat-control-menu-font-size-symbol: 13px;
    --bn-plat-control-menu-height: 24px;
    --bn-plat-control-menu-inset-bottom-header: 4px;
    --bn-plat-control-menu-inset-left-header: 20px;
    --bn-plat-control-menu-inset-top-header: 5px;
    --bn-plat-control-menu-width-symbol: 12px;
    --bn-plat-control-popup-font-size-chevron: 13px;
    --bn-plat-control-popup-inset-left: 18px;
    --bn-plat-control-radio-button-height-dash: 2px;
    --bn-plat-control-radio-button-spacing: 7px;
    --bn-plat-control-radio-button-width: 18px;
    --bn-plat-control-radio-button-width-dash: 8px;
    --bn-plat-control-radio-button-width-dot: 5px;
    --bn-plat-control-segmented-control-height-separator: 20px;
    --bn-plat-control-segmented-control-margins: 14px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 20px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 25px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: -2px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 24px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 30px;
    --bn-plat-control-slider-knob-ticked-slider-height: 20px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 25px;
    --bn-plat-control-slider-knob-ticked-slider-width: 24px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 30px;
    --bn-plat-control-slider-track-inset-horizontal: 0px;
    --bn-plat-control-slider-track-inset-vertical: 0px;
    --bn-plat-control-slider-track-tick-spacing: 3px;
    --bn-plat-control-stepper-font-size: 12px;
    --bn-plat-control-stepper-radius: 9px;
    --bn-plat-control-stepper-width: 30px;
    --bn-plat-control-stepper-width-separator: 20px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 46px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 73px;
    --bn-plat-control-toggle-switch-knob-height: 30px;
    --bn-plat-control-toggle-switch-knob-width: 47px;
    --bn-plat-control-toggle-switch-track-height: 36px;
    --bn-plat-control-toggle-switch-track-width: 80px;
}

@media (prefers-contrast: more) {
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos):not([data-bn-contrast="default"]),
[data-bn-platform="ios"]:not([data-bn-contrast="default"]),
.bn-platform-ios:not([data-bn-contrast="default"]) {
    /* derived increased contrast — not a kit mode */
    --bn-plat-color-accents-blue: rgb(0, 114, 214);
    --bn-plat-color-accents-brown: rgb(149, 107, 77);
    --bn-plat-color-accents-cyan: rgb(0, 124, 150);
    --bn-plat-color-accents-green: rgb(35, 134, 60);
    --bn-plat-color-accents-indigo: rgb(61, 46, 243);
    --bn-plat-color-accents-mint: rgb(0, 129, 115);
    --bn-plat-color-accents-orange: rgb(183, 86, 0);
    --bn-plat-color-accents-pink: rgb(229, 0, 44);
    --bn-plat-color-accents-purple: rgb(197, 33, 219);
    --bn-plat-color-accents-red: rgb(229, 0, 5);
    --bn-plat-color-accents-teal: rgb(0, 128, 137);
    --bn-plat-color-accents-yellow: rgb(143, 114, 0);
    --bn-plat-color-backgrounds-grouped-primary: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-grouped-primary-elevated: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-grouped-secondary: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-grouped-secondary-elevated: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-grouped-tertiary: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-grouped-tertiary-elevated: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-primary: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-primary-elevated: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-secondary: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-secondary-elevated: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-tertiary: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-tertiary-elevated: rgb(255, 255, 255);
    --bn-plat-color-fills-vibrant-primary: rgb(117, 117, 117);
    --bn-plat-color-fills-vibrant-secondary: rgb(117, 117, 117);
    --bn-plat-color-fills-vibrant-tertiary: rgb(115, 115, 115);
    --bn-plat-color-fills-primary: rgba(120, 120, 120, 0.32);
    --bn-plat-color-fills-quaternary: rgba(116, 116, 128, 0.182);
    --bn-plat-color-fills-secondary: rgba(120, 120, 128, 0.258);
    --bn-plat-color-fills-tertiary: rgba(118, 118, 128, 0.195);
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    --bn-plat-color-grays-gray: rgb(116, 116, 122);
    --bn-plat-color-grays-gray-2: rgb(174, 174, 178);
    --bn-plat-color-grays-gray-3: rgb(199, 199, 204);
    --bn-plat-color-grays-gray-4: rgb(209, 209, 214);
    --bn-plat-color-grays-gray-5: rgb(229, 229, 234);
    --bn-plat-color-grays-gray-6: rgb(242, 242, 247);
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    --bn-plat-color-labels-vibrant-controls-primary: rgb(26, 26, 26);
    --bn-plat-color-labels-vibrant-controls-secondary: rgb(114, 114, 114);
    --bn-plat-color-labels-vibrant-controls-tertiary: rgb(191, 191, 191);
    --bn-plat-color-labels-vibrant-primary: rgb(26, 26, 26);
    --bn-plat-color-labels-vibrant-quaternary: rgb(217, 217, 217);
    --bn-plat-color-labels-vibrant-secondary: rgb(114, 114, 114);
    --bn-plat-color-labels-vibrant-tertiary: rgb(191, 191, 191);
    --bn-plat-color-labels-primary: rgb(0, 0, 0);
    --bn-plat-color-labels-quaternary: rgba(60, 60, 67, 0.546);
    --bn-plat-color-labels-secondary: rgba(60, 60, 67, 0.854);
    --bn-plat-color-labels-tertiary: rgba(60, 60, 67, 0.702);
    --bn-plat-color-miscellaneous-buttons-bg-destructive: rgba(255, 56, 60, 0.226);
    --bn-plat-color-miscellaneous-keyboards-emoji-mic: rgb(0, 0, 0);
    --bn-plat-color-miscellaneous-segmented-control-selected-fill: rgb(117, 117, 117);
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-active: rgb(218, 230, 242);
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-inactive: rgb(237, 244, 250);
    --bn-plat-color-miscellaneous-tab-bar-selection: rgb(0, 114, 214);
    --bn-plat-color-miscellaneous-toggle-ax-label-off: rgb(179, 179, 179);
    --bn-plat-color-overlays-activity-view-controller: rgba(0, 0, 0, 0.25);
    --bn-plat-color-overlays-default: rgba(0, 0, 0, 0.25);
    --bn-plat-color-separators-non-opaque: rgb(198, 198, 200);
    --bn-plat-color-separators-opaque: rgb(198, 198, 200);
    --bn-plat-color-separators-vibrant: rgb(198, 198, 200);
}
}

:root:not([data-bn-platform="macos"]):not(.bn-platform-macos):not([data-theme="dark"])[data-bn-contrast="more"],
:root:not([data-bn-platform="macos"]):not(.bn-platform-macos):not([data-theme="dark"]).bn-contrast-more,
[data-bn-platform="ios"]:not([data-theme="dark"])[data-bn-contrast="more"],
[data-bn-platform="ios"]:not([data-theme="dark"]).bn-contrast-more,
.bn-platform-ios:not([data-theme="dark"])[data-bn-contrast="more"],
.bn-platform-ios:not([data-theme="dark"]).bn-contrast-more {
    /* derived increased contrast — not a kit mode */
    --bn-plat-color-accents-blue: rgb(0, 114, 214);
    --bn-plat-color-accents-brown: rgb(149, 107, 77);
    --bn-plat-color-accents-cyan: rgb(0, 124, 150);
    --bn-plat-color-accents-green: rgb(35, 134, 60);
    --bn-plat-color-accents-indigo: rgb(61, 46, 243);
    --bn-plat-color-accents-mint: rgb(0, 129, 115);
    --bn-plat-color-accents-orange: rgb(183, 86, 0);
    --bn-plat-color-accents-pink: rgb(229, 0, 44);
    --bn-plat-color-accents-purple: rgb(197, 33, 219);
    --bn-plat-color-accents-red: rgb(229, 0, 5);
    --bn-plat-color-accents-teal: rgb(0, 128, 137);
    --bn-plat-color-accents-yellow: rgb(143, 114, 0);
    --bn-plat-color-backgrounds-grouped-primary: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-grouped-primary-elevated: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-grouped-secondary: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-grouped-secondary-elevated: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-grouped-tertiary: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-grouped-tertiary-elevated: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-primary: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-primary-elevated: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-secondary: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-secondary-elevated: rgb(242, 242, 247);
    --bn-plat-color-backgrounds-tertiary: rgb(255, 255, 255);
    --bn-plat-color-backgrounds-tertiary-elevated: rgb(255, 255, 255);
    --bn-plat-color-fills-vibrant-primary: rgb(117, 117, 117);
    --bn-plat-color-fills-vibrant-secondary: rgb(117, 117, 117);
    --bn-plat-color-fills-vibrant-tertiary: rgb(115, 115, 115);
    --bn-plat-color-fills-primary: rgba(120, 120, 120, 0.32);
    --bn-plat-color-fills-quaternary: rgba(116, 116, 128, 0.182);
    --bn-plat-color-fills-secondary: rgba(120, 120, 128, 0.258);
    --bn-plat-color-fills-tertiary: rgba(118, 118, 128, 0.195);
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    --bn-plat-color-grays-gray: rgb(116, 116, 122);
    --bn-plat-color-grays-gray-2: rgb(174, 174, 178);
    --bn-plat-color-grays-gray-3: rgb(199, 199, 204);
    --bn-plat-color-grays-gray-4: rgb(209, 209, 214);
    --bn-plat-color-grays-gray-5: rgb(229, 229, 234);
    --bn-plat-color-grays-gray-6: rgb(242, 242, 247);
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    --bn-plat-color-labels-vibrant-controls-primary: rgb(26, 26, 26);
    --bn-plat-color-labels-vibrant-controls-secondary: rgb(114, 114, 114);
    --bn-plat-color-labels-vibrant-controls-tertiary: rgb(191, 191, 191);
    --bn-plat-color-labels-vibrant-primary: rgb(26, 26, 26);
    --bn-plat-color-labels-vibrant-quaternary: rgb(217, 217, 217);
    --bn-plat-color-labels-vibrant-secondary: rgb(114, 114, 114);
    --bn-plat-color-labels-vibrant-tertiary: rgb(191, 191, 191);
    --bn-plat-color-labels-primary: rgb(0, 0, 0);
    --bn-plat-color-labels-quaternary: rgba(60, 60, 67, 0.546);
    --bn-plat-color-labels-secondary: rgba(60, 60, 67, 0.854);
    --bn-plat-color-labels-tertiary: rgba(60, 60, 67, 0.702);
    --bn-plat-color-miscellaneous-buttons-bg-destructive: rgba(255, 56, 60, 0.226);
    --bn-plat-color-miscellaneous-keyboards-emoji-mic: rgb(0, 0, 0);
    --bn-plat-color-miscellaneous-segmented-control-selected-fill: rgb(117, 117, 117);
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-active: rgb(218, 230, 242);
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-inactive: rgb(237, 244, 250);
    --bn-plat-color-miscellaneous-tab-bar-selection: rgb(0, 114, 214);
    --bn-plat-color-miscellaneous-toggle-ax-label-off: rgb(179, 179, 179);
    --bn-plat-color-overlays-activity-view-controller: rgba(0, 0, 0, 0.25);
    --bn-plat-color-overlays-default: rgba(0, 0, 0, 0.25);
    --bn-plat-color-separators-non-opaque: rgb(198, 198, 200);
    --bn-plat-color-separators-opaque: rgb(198, 198, 200);
    --bn-plat-color-separators-vibrant: rgb(198, 198, 200);
}

[data-bn-platform="macos"],
.bn-platform-macos {
    /* macOS light, fixed type, Medium controls */
    --bn-plat-font-family: "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --bn-plat-blend-plus-lighter: plus-lighter;
    --bn-plat-blend-plus-darker: plus-darker;
    --bn-plat-weight-regular: 400;
    --bn-plat-weight-medium: 510;
    --bn-plat-weight-semibold: 590;
    --bn-plat-weight-bold: 700;
    --bn-plat-weight-heavy: 800;
    --bn-plat-glass-refraction: 70;
    --bn-plat-glass-depth: 30;
    --bn-plat-glass-depth-medium: 30;
    --bn-plat-glass-dispersion: 20;
    --bn-plat-glass-splay: 20;
    --bn-plat-glass-splay-medium: 20;
    --bn-plat-glass-light-angle: 0;
    --bn-plat-glass-opacity: 25;
    --bn-plat-glass-opacity-unit: 0.25;
    /* frost: kit Liquid Glass radius, mapped to a blur length — not a kit blur */
    --bn-plat-glass-frost-regular: 6px;
    --bn-plat-glass-frost-medium: 16px;
    --bn-plat-glass-frost-large: 16px;
    /* Accents/Blue — kit */
    --bn-plat-color-accents-blue: rgb(0, 136, 255);
    /* Accents/Brown — kit */
    --bn-plat-color-accents-brown: rgb(172, 127, 94);
    /* Accents/Cyan — kit */
    --bn-plat-color-accents-cyan: rgb(0, 192, 232);
    /* Accents/Green — kit */
    --bn-plat-color-accents-green: rgb(52, 199, 89);
    /* Accents/Indigo — kit */
    --bn-plat-color-accents-indigo: rgb(97, 85, 245);
    /* Accents/Mint — kit */
    --bn-plat-color-accents-mint: rgb(0, 200, 179);
    /* Accents/Orange — kit */
    --bn-plat-color-accents-orange: rgb(255, 141, 40);
    /* Accents/Pink — kit */
    --bn-plat-color-accents-pink: rgb(255, 45, 85);
    /* Accents/Purple — kit */
    --bn-plat-color-accents-purple: rgb(203, 48, 224);
    /* Accents/Red — kit */
    --bn-plat-color-accents-red: rgb(255, 56, 60);
    /* Accents/Teal — kit */
    --bn-plat-color-accents-teal: rgb(0, 195, 208);
    /* Accents - Vibrant/Blue — kit */
    --bn-plat-color-accents-vibrant-blue: rgb(0, 120, 240);
    /* Accents - Vibrant/Brown — kit */
    --bn-plat-color-accents-vibrant-brown: rgb(158, 115, 84);
    /* Accents - Vibrant/Cyan — kit */
    --bn-plat-color-accents-vibrant-cyan: rgb(0, 171, 207);
    /* Accents - Vibrant/Green — kit */
    --bn-plat-color-accents-vibrant-green: rgb(38, 191, 77);
    /* Accents - Vibrant/Indigo — kit */
    --bn-plat-color-accents-vibrant-indigo: rgb(92, 80, 230);
    /* Accents - Vibrant/Mint — kit */
    --bn-plat-color-accents-vibrant-mint: rgb(0, 189, 169);
    /* Accents - Vibrant/Orange — kit */
    --bn-plat-color-accents-vibrant-orange: rgb(245, 134, 37);
    /* Accents - Vibrant/Pink — kit */
    --bn-plat-color-accents-vibrant-pink: rgb(245, 35, 75);
    /* Accents - Vibrant/Purple — kit */
    --bn-plat-color-accents-vibrant-purple: rgb(183, 43, 201);
    /* Accents - Vibrant/Red — kit */
    --bn-plat-color-accents-vibrant-red: rgb(245, 47, 50);
    /* Accents - Vibrant/Teal — kit */
    --bn-plat-color-accents-vibrant-teal: rgb(0, 179, 191);
    /* Accents - Vibrant/Yellow — kit */
    --bn-plat-color-accents-vibrant-yellow: rgb(245, 194, 0);
    /* Accents/Yellow — kit */
    --bn-plat-color-accents-yellow: rgb(255, 204, 0);
    /* Fills - Opaque/Primary — kit */
    --bn-plat-color-fills-opaque-primary: rgba(0, 0, 0, 0.102);
    /* Fills - Opaque/Quaternary — kit */
    --bn-plat-color-fills-opaque-quaternary: rgba(0, 0, 0, 0.031);
    /* Fills - Opaque/Quinary — kit */
    --bn-plat-color-fills-opaque-quinary: rgba(0, 0, 0, 0.02);
    /* Fills - Opaque/Secondary — kit */
    --bn-plat-color-fills-opaque-secondary: rgba(0, 0, 0, 0.078);
    /* Fills - Opaque/Tertiary — kit */
    --bn-plat-color-fills-opaque-tertiary: rgba(0, 0, 0, 0.051);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Primary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-primary: rgb(217, 217, 217);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Quaternary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quaternary: rgb(247, 247, 247);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Quinary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quinary: rgb(251, 251, 251);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Secondary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-secondary: rgb(230, 230, 230);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Tertiary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-tertiary: rgb(242, 242, 242);
    /* Grays/Black — kit */
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    /* Grays/Gray — kit */
    --bn-plat-color-grays-gray: rgb(142, 142, 147);
    /* Grays/White — kit */
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    /* Labels/Primary — kit */
    --bn-plat-color-labels-primary: rgba(0, 0, 0, 0.851);
    /* Labels/Quaternary — kit */
    --bn-plat-color-labels-quaternary: rgba(0, 0, 0, 0.102);
    /* Labels/Quinary — kit */
    --bn-plat-color-labels-quinary: rgba(0, 0, 0, 0.051);
    /* Labels/Secondary — kit */
    --bn-plat-color-labels-secondary: rgba(0, 0, 0, 0.502);
    /* Labels/Seximal — kit */
    --bn-plat-color-labels-seximal: rgba(0, 0, 0, 0.031);
    /* Labels/Tertiary — kit */
    --bn-plat-color-labels-tertiary: rgba(0, 0, 0, 0.251);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Primary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-primary: rgb(26, 26, 26);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Quaternary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quaternary: rgb(217, 217, 217);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Quinary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quinary: rgb(230, 230, 230);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Secondary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-secondary: rgb(114, 114, 114);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Tertiary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-tertiary: rgb(191, 191, 191);
    /* Labels/White — kit */
    --bn-plat-color-labels-white: rgb(255, 255, 255);
    /* Miscellaneous/Alerts/Overlay — kit */
    --bn-plat-color-miscellaneous-alerts-overlay: rgba(171, 171, 171, 0.6);
    /* Miscellaneous/Progress Bars/Track - Stroke — kit */
    --bn-plat-color-miscellaneous-progress-bars-track-stroke: rgba(0, 0, 0, 0.071);
    /* Miscellaneous/Scrollbar — kit */
    --bn-plat-color-miscellaneous-scrollbar: rgba(0, 0, 0, 0.502);
    /* Miscellaneous/Sidebar/Label - Inactive — kit */
    --bn-plat-color-miscellaneous-sidebar-label-inactive: rgb(135, 135, 135);
    /* Miscellaneous/Tables/Alternating Row Color — kit */
    --bn-plat-color-miscellaneous-tables-alternating-row-color: rgba(0, 0, 0, 0.051);
    /* Miscellaneous/Tables/BG - Selected + Active — kit */
    --bn-plat-color-miscellaneous-tables-bg-selected-active: rgb(1, 101, 226);
    /* Miscellaneous/Tables/BG - Selected + Inactive — kit */
    --bn-plat-color-miscellaneous-tables-bg-selected-inactive: rgba(0, 0, 0, 0.141);
    /* Miscellaneous/Tables/Column Separator — kit */
    --bn-plat-color-miscellaneous-tables-column-separator: rgba(0, 0, 0, 0.102);
    /* Miscellaneous/Tooltips/Inner Stroke — kit */
    --bn-plat-color-miscellaneous-tooltips-inner-stroke: rgba(255, 255, 255, 0.0);
    /* Miscellaneous/Tooltips/Sidebar - BG - Active — kit */
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-active: rgb(218, 230, 242);
    /* Miscellaneous/Tooltips/Sidebar - BG - Inactive — kit */
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-inactive: rgb(237, 244, 250);
    /* Window Background — kit */
    --bn-plat-color-window-background: rgb(255, 255, 255);
    --bn-plat-color-label: var(--bn-plat-color-labels-primary);
    --bn-plat-color-label-secondary: var(--bn-plat-color-labels-secondary);
    --bn-plat-color-label-tertiary: var(--bn-plat-color-labels-tertiary);
    --bn-plat-color-label-quaternary: var(--bn-plat-color-labels-quaternary);
    --bn-plat-color-label-quinary: var(--bn-plat-color-labels-quinary);
    --bn-plat-color-label-seximal: var(--bn-plat-color-labels-seximal);
    --bn-plat-color-fill: var(--bn-plat-color-fills-opaque-primary);
    --bn-plat-color-bg: var(--bn-plat-color-window-background);
    --bn-plat-color-separator: var(--bn-plat-color-miscellaneous-tables-column-separator);
    --bn-plat-color-overlay: var(--bn-plat-color-miscellaneous-alerts-overlay);
    --bn-plat-color-accent: var(--bn-plat-color-accents-blue);
    --bn-plat-color-gray: var(--bn-plat-color-grays-gray);
    --bn-plat-color-accent-red: var(--bn-plat-color-accents-red);
    --bn-plat-color-accent-orange: var(--bn-plat-color-accents-orange);
    --bn-plat-color-accent-yellow: var(--bn-plat-color-accents-yellow);
    --bn-plat-color-accent-green: var(--bn-plat-color-accents-green);
    --bn-plat-color-accent-mint: var(--bn-plat-color-accents-mint);
    --bn-plat-color-accent-teal: var(--bn-plat-color-accents-teal);
    --bn-plat-color-accent-cyan: var(--bn-plat-color-accents-cyan);
    --bn-plat-color-accent-blue: var(--bn-plat-color-accents-blue);
    --bn-plat-color-accent-indigo: var(--bn-plat-color-accents-indigo);
    --bn-plat-color-accent-purple: var(--bn-plat-color-accents-purple);
    --bn-plat-color-accent-pink: var(--bn-plat-color-accents-pink);
    --bn-plat-color-accent-brown: var(--bn-plat-color-accents-brown);
    --bn-plat-font-body-size: 13px;
    --bn-plat-font-body-leading: 16px;
    --bn-plat-font-body-tracking: 0px;
    --bn-plat-font-body-weight: 400;
    --bn-plat-font-body-emphasized-weight: 590;
    --bn-plat-font-callout-size: 12px;
    --bn-plat-font-callout-leading: 15px;
    --bn-plat-font-callout-tracking: 0px;
    --bn-plat-font-callout-weight: 400;
    --bn-plat-font-callout-emphasized-weight: 590;
    --bn-plat-font-caption-1-size: 10px;
    --bn-plat-font-caption-1-leading: 13px;
    --bn-plat-font-caption-1-tracking: 0px;
    --bn-plat-font-caption-1-weight: 400;
    --bn-plat-font-caption-1-emphasized-weight: 510;
    --bn-plat-font-caption-2-size: 10px;
    --bn-plat-font-caption-2-leading: 13px;
    --bn-plat-font-caption-2-tracking: 0px;
    --bn-plat-font-caption-2-weight: 510;
    --bn-plat-font-caption-2-emphasized-weight: 590;
    --bn-plat-font-footnote-size: 10px;
    --bn-plat-font-footnote-leading: 13px;
    --bn-plat-font-footnote-tracking: 0px;
    --bn-plat-font-footnote-weight: 400;
    --bn-plat-font-footnote-emphasized-weight: 590;
    --bn-plat-font-headline-size: 13px;
    --bn-plat-font-headline-leading: 16px;
    --bn-plat-font-headline-tracking: 0px;
    --bn-plat-font-headline-weight: 700;
    --bn-plat-font-headline-emphasized-weight: 800;
    --bn-plat-font-large-title-size: 26px;
    --bn-plat-font-large-title-leading: 32px;
    --bn-plat-font-large-title-tracking: 0px;
    --bn-plat-font-large-title-weight: 400;
    --bn-plat-font-large-title-emphasized-weight: 700;
    --bn-plat-font-subheadline-size: 11px;
    --bn-plat-font-subheadline-leading: 14px;
    --bn-plat-font-subheadline-tracking: 0px;
    --bn-plat-font-subheadline-weight: 400;
    --bn-plat-font-subheadline-emphasized-weight: 590;
    --bn-plat-font-title-1-size: 22px;
    --bn-plat-font-title-1-leading: 26px;
    --bn-plat-font-title-1-tracking: 0px;
    --bn-plat-font-title-1-weight: 400;
    --bn-plat-font-title-1-emphasized-weight: 700;
    --bn-plat-font-title-2-size: 17px;
    --bn-plat-font-title-2-leading: 22px;
    --bn-plat-font-title-2-tracking: 0px;
    --bn-plat-font-title-2-weight: 400;
    --bn-plat-font-title-2-emphasized-weight: 700;
    --bn-plat-font-title-2-emphasized-family: Inter, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --bn-plat-font-title-3-size: 15px;
    --bn-plat-font-title-3-leading: 20px;
    --bn-plat-font-title-3-tracking: 0px;
    --bn-plat-font-title-3-weight: 400;
    --bn-plat-font-title-3-emphasized-weight: 590;
    --bn-plat-control-arrow-button-font-size: 13px;
    --bn-plat-control-button-padding-horizontal: 16px;
    --bn-plat-control-button-radius: 6px;
    --bn-plat-control-checkboxes-height-checkmark: 8.93px;
    --bn-plat-control-checkboxes-radius: 5.5px;
    --bn-plat-control-checkboxes-width: 16px;
    --bn-plat-control-checkboxes-width-checkmark: 9.31px;
    --bn-plat-control-color-well-height: 24px;
    --bn-plat-control-color-well-width: 48px;
    --bn-plat-control-combo-button-font-size-chevron: 11px;
    --bn-plat-control-combo-button-inset: 2px;
    --bn-plat-control-combo-button-radius-button: 4.5px;
    --bn-plat-control-combo-button-text-inset-right: 28px;
    --bn-plat-control-combo-button-width-button: 24px;
    --bn-plat-control-cursor-height: 18px;
    --bn-plat-control-dial-height-knob: 6px;
    --bn-plat-control-dial-inset-knob: 3px;
    --bn-plat-control-disclosure-font-size: 13px;
    --bn-plat-control-disclosure-radius: 6px;
    --bn-plat-control-fields-font-size-search-glyph: 13px;
    --bn-plat-control-fields-inset-left: 8px;
    --bn-plat-control-fields-inset-right: 8px;
    --bn-plat-control-fields-leading-search-glyph: 15px;
    --bn-plat-control-global-font-size: 13px;
    --bn-plat-control-global-height: 24px;
    --bn-plat-control-global-radius: 6px;
    --bn-plat-control-menu-font-size: 13px;
    --bn-plat-control-menu-font-size-symbol: 13px;
    --bn-plat-control-menu-height: 24px;
    --bn-plat-control-menu-inset-bottom-header: 4px;
    --bn-plat-control-menu-inset-left-header: 20px;
    --bn-plat-control-menu-inset-top-header: 5px;
    --bn-plat-control-menu-width-symbol: 12px;
    --bn-plat-control-popup-font-size-chevron: 11px;
    --bn-plat-control-popup-inset-left: 12px;
    --bn-plat-control-radio-button-height-dash: 2px;
    --bn-plat-control-radio-button-spacing: 3px;
    --bn-plat-control-radio-button-width: 16px;
    --bn-plat-control-radio-button-width-dash: 6.5px;
    --bn-plat-control-radio-button-width-dot: 4.8px;
    --bn-plat-control-segmented-control-height-separator: 14px;
    --bn-plat-control-segmented-control-margins: 10px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 16px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 20px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: 0px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 20px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 25px;
    --bn-plat-control-slider-knob-ticked-slider-height: 16px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 20px;
    --bn-plat-control-slider-knob-ticked-slider-width: 20px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 25px;
    --bn-plat-control-slider-track-inset-horizontal: 1px;
    --bn-plat-control-slider-track-inset-vertical: 1px;
    --bn-plat-control-slider-track-tick-spacing: 2px;
    --bn-plat-control-stepper-font-size: 12px;
    --bn-plat-control-stepper-radius: 6px;
    --bn-plat-control-stepper-width: 20px;
    --bn-plat-control-stepper-width-separator: 14px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 31px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 50px;
    --bn-plat-control-toggle-switch-knob-height: 20px;
    --bn-plat-control-toggle-switch-knob-width: 32px;
    --bn-plat-control-toggle-switch-track-height: 24px;
    --bn-plat-control-toggle-switch-track-width: 54px;
    --bn-plat-material-ultrathin: rgba(246, 246, 246, 0.36);
    --bn-plat-material-thin: rgba(246, 246, 246, 0.48);
    --bn-plat-material-medium: rgba(246, 246, 246, 0.6);
    --bn-plat-material-thick: rgba(246, 246, 246, 0.72);
    --bn-plat-material-ultrathick: rgba(236, 236, 236, 0.88);
    --bn-plat-material-ultrathick-dodge: rgb(51, 51, 51);
    --bn-plat-material-ultrathick-dodge-blend: plus-lighter;
}

[data-bn-platform="macos"][data-bn-control="mini"],
[data-bn-platform="macos"] [data-bn-control="mini"],
.bn-platform-macos[data-bn-control="mini"],
.bn-platform-macos [data-bn-control="mini"],
[data-bn-platform="macos"].bn-control-mini,
[data-bn-platform="macos"] .bn-control-mini,
.bn-platform-macos.bn-control-mini,
.bn-platform-macos .bn-control-mini {
    --bn-plat-control-arrow-button-font-size: 11px;
    --bn-plat-control-button-padding-horizontal: 7px;
    --bn-plat-control-button-radius: 4px;
    --bn-plat-control-checkboxes-height-checkmark: 7.55px;
    --bn-plat-control-checkboxes-radius: 3.5px;
    --bn-plat-control-checkboxes-width: 12px;
    --bn-plat-control-checkboxes-width-checkmark: 7.78px;
    --bn-plat-control-color-well-height: 16px;
    --bn-plat-control-color-well-width: 32px;
    --bn-plat-control-combo-button-font-size-chevron: 9px;
    --bn-plat-control-combo-button-inset: 2px;
    --bn-plat-control-combo-button-radius-button: 2.5px;
    --bn-plat-control-combo-button-text-inset-right: 20px;
    --bn-plat-control-combo-button-width-button: 16px;
    --bn-plat-control-cursor-height: 14px;
    --bn-plat-control-dial-height-knob: 4px;
    --bn-plat-control-dial-inset-knob: 2px;
    --bn-plat-control-disclosure-font-size: 10px;
    --bn-plat-control-disclosure-radius: 4px;
    --bn-plat-control-fields-font-size-search-glyph: 11px;
    --bn-plat-control-fields-inset-left: 6px;
    --bn-plat-control-fields-inset-right: 6px;
    --bn-plat-control-fields-leading-search-glyph: 13px;
    --bn-plat-control-global-font-size: 10px;
    --bn-plat-control-global-height: 16px;
    --bn-plat-control-global-radius: 4px;
    --bn-plat-control-menu-font-size: 10px;
    --bn-plat-control-menu-font-size-symbol: 11px;
    --bn-plat-control-menu-height: 19px;
    --bn-plat-control-menu-inset-bottom-header: 2px;
    --bn-plat-control-menu-inset-left-header: 14px;
    --bn-plat-control-menu-inset-top-header: 3px;
    --bn-plat-control-menu-width-symbol: 6px;
    --bn-plat-control-popup-font-size-chevron: 10px;
    --bn-plat-control-popup-inset-left: 7px;
    --bn-plat-control-radio-button-height-dash: 1.7px;
    --bn-plat-control-radio-button-spacing: 3px;
    --bn-plat-control-radio-button-width: 12px;
    --bn-plat-control-radio-button-width-dash: 5.5px;
    --bn-plat-control-radio-button-width-dot: 4px;
    --bn-plat-control-segmented-control-height-separator: 10px;
    --bn-plat-control-segmented-control-margins: 6px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 12px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 15px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: 2px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 16px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 20px;
    --bn-plat-control-slider-knob-ticked-slider-height: 16px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 20px;
    --bn-plat-control-slider-knob-ticked-slider-width: 8px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 10px;
    --bn-plat-control-slider-track-inset-horizontal: 1px;
    --bn-plat-control-slider-track-inset-vertical: 1px;
    --bn-plat-control-slider-track-tick-spacing: 2px;
    --bn-plat-control-stepper-font-size: 8px;
    --bn-plat-control-stepper-radius: 4px;
    --bn-plat-control-stepper-width: 13px;
    --bn-plat-control-stepper-width-separator: 9px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 20px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 33px;
    --bn-plat-control-toggle-switch-knob-height: 13px;
    --bn-plat-control-toggle-switch-knob-width: 21px;
    --bn-plat-control-toggle-switch-track-height: 16px;
    --bn-plat-control-toggle-switch-track-width: 36px;
}

[data-bn-platform="macos"][data-bn-control="small"],
[data-bn-platform="macos"] [data-bn-control="small"],
.bn-platform-macos[data-bn-control="small"],
.bn-platform-macos [data-bn-control="small"],
[data-bn-platform="macos"].bn-control-small,
[data-bn-platform="macos"] .bn-control-small,
.bn-platform-macos.bn-control-small,
.bn-platform-macos .bn-control-small {
    --bn-plat-control-arrow-button-font-size: 13px;
    --bn-plat-control-button-padding-horizontal: 10px;
    --bn-plat-control-button-radius: 5px;
    --bn-plat-control-checkboxes-height-checkmark: 8.93px;
    --bn-plat-control-checkboxes-radius: 4.5px;
    --bn-plat-control-checkboxes-width: 14px;
    --bn-plat-control-checkboxes-width-checkmark: 9.31px;
    --bn-plat-control-color-well-height: 20px;
    --bn-plat-control-color-well-width: 40px;
    --bn-plat-control-combo-button-font-size-chevron: 10px;
    --bn-plat-control-combo-button-inset: 2px;
    --bn-plat-control-combo-button-radius-button: 3.5px;
    --bn-plat-control-combo-button-text-inset-right: 24px;
    --bn-plat-control-combo-button-width-button: 20px;
    --bn-plat-control-cursor-height: 16px;
    --bn-plat-control-dial-height-knob: 5px;
    --bn-plat-control-dial-inset-knob: 2.5px;
    --bn-plat-control-disclosure-font-size: 10px;
    --bn-plat-control-disclosure-radius: 5px;
    --bn-plat-control-fields-font-size-search-glyph: 13px;
    --bn-plat-control-fields-inset-left: 6px;
    --bn-plat-control-fields-inset-right: 6px;
    --bn-plat-control-fields-leading-search-glyph: 15px;
    --bn-plat-control-global-font-size: 11px;
    --bn-plat-control-global-height: 20px;
    --bn-plat-control-global-radius: 5px;
    --bn-plat-control-menu-font-size: 11px;
    --bn-plat-control-menu-font-size-symbol: 11px;
    --bn-plat-control-menu-height: 22px;
    --bn-plat-control-menu-inset-bottom-header: 3px;
    --bn-plat-control-menu-inset-left-header: 18px;
    --bn-plat-control-menu-inset-top-header: 4px;
    --bn-plat-control-menu-width-symbol: 10px;
    --bn-plat-control-popup-font-size-chevron: 11px;
    --bn-plat-control-popup-inset-left: 10px;
    --bn-plat-control-radio-button-height-dash: 2px;
    --bn-plat-control-radio-button-spacing: 3px;
    --bn-plat-control-radio-button-width: 14px;
    --bn-plat-control-radio-button-width-dash: 6.5px;
    --bn-plat-control-radio-button-width-dot: 4.8px;
    --bn-plat-control-segmented-control-height-separator: 12px;
    --bn-plat-control-segmented-control-margins: 8px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 14px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 18px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: 1px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 18px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 23px;
    --bn-plat-control-slider-knob-ticked-slider-height: 18px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 23px;
    --bn-plat-control-slider-knob-ticked-slider-width: 10px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 13px;
    --bn-plat-control-slider-track-inset-horizontal: 1px;
    --bn-plat-control-slider-track-inset-vertical: 1px;
    --bn-plat-control-slider-track-tick-spacing: 2px;
    --bn-plat-control-stepper-font-size: 9px;
    --bn-plat-control-stepper-radius: 5px;
    --bn-plat-control-stepper-width: 17px;
    --bn-plat-control-stepper-width-separator: 11px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 26px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 40px;
    --bn-plat-control-toggle-switch-knob-height: 16px;
    --bn-plat-control-toggle-switch-knob-width: 26px;
    --bn-plat-control-toggle-switch-track-height: 20px;
    --bn-plat-control-toggle-switch-track-width: 44px;
}

[data-bn-platform="macos"][data-bn-control="large"],
[data-bn-platform="macos"] [data-bn-control="large"],
.bn-platform-macos[data-bn-control="large"],
.bn-platform-macos [data-bn-control="large"],
[data-bn-platform="macos"].bn-control-large,
[data-bn-platform="macos"] .bn-control-large,
.bn-platform-macos.bn-control-large,
.bn-platform-macos .bn-control-large {
    --bn-plat-control-arrow-button-font-size: 13px;
    --bn-plat-control-button-padding-horizontal: 16px;
    --bn-plat-control-button-radius: 1000px;
    --bn-plat-control-checkboxes-height-checkmark: 11.3px;
    --bn-plat-control-checkboxes-radius: 6.5px;
    --bn-plat-control-checkboxes-width: 18px;
    --bn-plat-control-checkboxes-width-checkmark: 11.72px;
    --bn-plat-control-color-well-height: 28px;
    --bn-plat-control-color-well-width: 56px;
    --bn-plat-control-combo-button-font-size-chevron: 12.5px;
    --bn-plat-control-combo-button-inset: 2px;
    --bn-plat-control-combo-button-radius-button: 5.5px;
    --bn-plat-control-combo-button-text-inset-right: 28px;
    --bn-plat-control-combo-button-width-button: 24px;
    --bn-plat-control-cursor-height: 18px;
    --bn-plat-control-dial-height-knob: 6px;
    --bn-plat-control-dial-inset-knob: 3px;
    --bn-plat-control-disclosure-font-size: 13px;
    --bn-plat-control-disclosure-radius: 1000px;
    --bn-plat-control-fields-font-size-search-glyph: 13px;
    --bn-plat-control-fields-inset-left: 8px;
    --bn-plat-control-fields-inset-right: 8px;
    --bn-plat-control-fields-leading-search-glyph: 15px;
    --bn-plat-control-global-font-size: 13px;
    --bn-plat-control-global-height: 28px;
    --bn-plat-control-global-radius: 7px;
    --bn-plat-control-menu-font-size: 13px;
    --bn-plat-control-menu-font-size-symbol: 13px;
    --bn-plat-control-menu-height: 24px;
    --bn-plat-control-menu-inset-bottom-header: 4px;
    --bn-plat-control-menu-inset-left-header: 20px;
    --bn-plat-control-menu-inset-top-header: 5px;
    --bn-plat-control-menu-width-symbol: 12px;
    --bn-plat-control-popup-font-size-chevron: 13px;
    --bn-plat-control-popup-inset-left: 14px;
    --bn-plat-control-radio-button-height-dash: 2px;
    --bn-plat-control-radio-button-spacing: 5px;
    --bn-plat-control-radio-button-width: 18px;
    --bn-plat-control-radio-button-width-dash: 8px;
    --bn-plat-control-radio-button-width-dot: 5px;
    --bn-plat-control-segmented-control-height-separator: 18px;
    --bn-plat-control-segmented-control-margins: 12px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 20px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 25px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: -2px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 24px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 30px;
    --bn-plat-control-slider-knob-ticked-slider-height: 20px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 25px;
    --bn-plat-control-slider-knob-ticked-slider-width: 24px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 30px;
    --bn-plat-control-slider-track-inset-horizontal: 0px;
    --bn-plat-control-slider-track-inset-vertical: 0px;
    --bn-plat-control-slider-track-tick-spacing: 3px;
    --bn-plat-control-stepper-font-size: 12px;
    --bn-plat-control-stepper-radius: 7px;
    --bn-plat-control-stepper-width: 23px;
    --bn-plat-control-stepper-width-separator: 15px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 37px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 59px;
    --bn-plat-control-toggle-switch-knob-height: 24px;
    --bn-plat-control-toggle-switch-knob-width: 38px;
    --bn-plat-control-toggle-switch-track-height: 28px;
    --bn-plat-control-toggle-switch-track-width: 64px;
}

[data-bn-platform="macos"][data-bn-control="xl"],
[data-bn-platform="macos"] [data-bn-control="xl"],
.bn-platform-macos[data-bn-control="xl"],
.bn-platform-macos [data-bn-control="xl"],
[data-bn-platform="macos"].bn-control-xl,
[data-bn-platform="macos"] .bn-control-xl,
.bn-platform-macos.bn-control-xl,
.bn-platform-macos .bn-control-xl {
    --bn-plat-control-arrow-button-font-size: 13px;
    --bn-plat-control-button-padding-horizontal: 16px;
    --bn-plat-control-button-radius: 1000px;
    --bn-plat-control-checkboxes-height-checkmark: 11.3px;
    --bn-plat-control-checkboxes-radius: 6.5px;
    --bn-plat-control-checkboxes-width: 18px;
    --bn-plat-control-checkboxes-width-checkmark: 11.72px;
    --bn-plat-control-color-well-height: 36px;
    --bn-plat-control-color-well-width: 72px;
    --bn-plat-control-combo-button-font-size-chevron: 13px;
    --bn-plat-control-combo-button-inset: 3px;
    --bn-plat-control-combo-button-radius-button: 6.5px;
    --bn-plat-control-combo-button-text-inset-right: 34px;
    --bn-plat-control-combo-button-width-button: 30px;
    --bn-plat-control-cursor-height: 18px;
    --bn-plat-control-dial-height-knob: 7px;
    --bn-plat-control-dial-inset-knob: 3px;
    --bn-plat-control-disclosure-font-size: 13px;
    --bn-plat-control-disclosure-radius: 1000px;
    --bn-plat-control-fields-font-size-search-glyph: 13px;
    --bn-plat-control-fields-inset-left: 10px;
    --bn-plat-control-fields-inset-right: 10px;
    --bn-plat-control-fields-leading-search-glyph: 15px;
    --bn-plat-control-global-font-size: 13px;
    --bn-plat-control-global-height: 36px;
    --bn-plat-control-global-radius: 9px;
    --bn-plat-control-menu-font-size: 13px;
    --bn-plat-control-menu-font-size-symbol: 13px;
    --bn-plat-control-menu-height: 24px;
    --bn-plat-control-menu-inset-bottom-header: 4px;
    --bn-plat-control-menu-inset-left-header: 20px;
    --bn-plat-control-menu-inset-top-header: 5px;
    --bn-plat-control-menu-width-symbol: 12px;
    --bn-plat-control-popup-font-size-chevron: 13px;
    --bn-plat-control-popup-inset-left: 18px;
    --bn-plat-control-radio-button-height-dash: 2px;
    --bn-plat-control-radio-button-spacing: 7px;
    --bn-plat-control-radio-button-width: 18px;
    --bn-plat-control-radio-button-width-dash: 8px;
    --bn-plat-control-radio-button-width-dot: 5px;
    --bn-plat-control-segmented-control-height-separator: 20px;
    --bn-plat-control-segmented-control-margins: 14px;
    --bn-plat-control-slider-knob-non-ticked-slider-height: 20px;
    --bn-plat-control-slider-knob-non-ticked-slider-height-clicked: 25px;
    --bn-plat-control-slider-knob-non-ticked-slider-inset: -2px;
    --bn-plat-control-slider-knob-non-ticked-slider-width: 24px;
    --bn-plat-control-slider-knob-non-ticked-slider-width-clicked: 30px;
    --bn-plat-control-slider-knob-ticked-slider-height: 20px;
    --bn-plat-control-slider-knob-ticked-slider-height-clicked: 25px;
    --bn-plat-control-slider-knob-ticked-slider-width: 24px;
    --bn-plat-control-slider-knob-ticked-slider-width-clicked: 30px;
    --bn-plat-control-slider-track-inset-horizontal: 0px;
    --bn-plat-control-slider-track-inset-vertical: 0px;
    --bn-plat-control-slider-track-tick-spacing: 3px;
    --bn-plat-control-stepper-font-size: 12px;
    --bn-plat-control-stepper-radius: 9px;
    --bn-plat-control-stepper-width: 30px;
    --bn-plat-control-stepper-width-separator: 20px;
    --bn-plat-control-toggle-switch-knob-clicked-height: 46px;
    --bn-plat-control-toggle-switch-knob-clicked-width: 73px;
    --bn-plat-control-toggle-switch-knob-height: 30px;
    --bn-plat-control-toggle-switch-knob-width: 47px;
    --bn-plat-control-toggle-switch-track-height: 36px;
    --bn-plat-control-toggle-switch-track-width: 80px;
}

@media (prefers-contrast: more) {
[data-bn-platform="macos"]:not([data-bn-contrast="default"]),
.bn-platform-macos:not([data-bn-contrast="default"]) {
    /* derived increased contrast — not a kit mode */
    --bn-plat-color-accents-vibrant-blue: rgb(0, 115, 230);
    --bn-plat-color-accents-vibrant-brown: rgb(145, 105, 77);
    --bn-plat-color-accents-vibrant-cyan: rgb(0, 129, 156);
    --bn-plat-color-accents-vibrant-green: rgb(26, 131, 53);
    --bn-plat-color-accents-vibrant-indigo: rgb(59, 44, 225);
    --bn-plat-color-accents-vibrant-mint: rgb(0, 128, 114);
    --bn-plat-color-accents-vibrant-orange: rgb(182, 89, 8);
    --bn-plat-color-accents-vibrant-pink: rgb(229, 10, 52);
    --bn-plat-color-accents-vibrant-purple: rgb(152, 36, 167);
    --bn-plat-color-accents-vibrant-red: rgb(230, 11, 14);
    --bn-plat-color-accents-vibrant-teal: rgb(0, 131, 140);
    --bn-plat-color-accents-vibrant-yellow: rgb(143, 113, 0);
    --bn-plat-color-accents-blue: rgb(0, 114, 214);
    --bn-plat-color-accents-brown: rgb(149, 107, 77);
    --bn-plat-color-accents-cyan: rgb(0, 124, 150);
    --bn-plat-color-accents-green: rgb(35, 134, 60);
    --bn-plat-color-accents-indigo: rgb(61, 46, 243);
    --bn-plat-color-accents-mint: rgb(0, 129, 115);
    --bn-plat-color-accents-orange: rgb(183, 86, 0);
    --bn-plat-color-accents-pink: rgb(229, 0, 44);
    --bn-plat-color-accents-purple: rgb(197, 33, 219);
    --bn-plat-color-accents-red: rgb(229, 0, 5);
    --bn-plat-color-accents-teal: rgb(0, 128, 137);
    --bn-plat-color-accents-yellow: rgb(143, 114, 0);
    --bn-plat-color-fills-opaque-primary: rgba(0, 0, 0, 0.163);
    --bn-plat-color-fills-opaque-quaternary: rgba(0, 0, 0, 0.099);
    --bn-plat-color-fills-opaque-quinary: rgba(0, 0, 0, 0.099);
    --bn-plat-color-fills-opaque-secondary: rgba(0, 0, 0, 0.125);
    --bn-plat-color-fills-opaque-tertiary: rgba(0, 0, 0, 0.099);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-primary: rgb(115, 115, 115);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quaternary: rgb(114, 114, 114);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quinary: rgb(118, 118, 118);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-secondary: rgb(118, 118, 118);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-tertiary: rgb(114, 114, 114);
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    --bn-plat-color-grays-gray: rgb(116, 116, 122);
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-primary: rgb(26, 26, 26);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quaternary: rgb(217, 217, 217);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quinary: rgb(230, 230, 230);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-secondary: rgb(114, 114, 114);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-tertiary: rgb(191, 191, 191);
    --bn-plat-color-labels-primary: rgba(0, 0, 0, 0.971);
    --bn-plat-color-labels-quaternary: rgba(0, 0, 0, 0.417);
    --bn-plat-color-labels-quinary: rgba(0, 0, 0, 0.417);
    --bn-plat-color-labels-secondary: rgba(0, 0, 0, 0.651);
    --bn-plat-color-labels-seximal: rgba(0, 0, 0, 0.417);
    --bn-plat-color-labels-tertiary: rgba(0, 0, 0, 0.535);
    --bn-plat-color-labels-white: rgb(255, 255, 255);
    --bn-plat-color-miscellaneous-alerts-overlay: rgba(171, 171, 171, 0.75);
    --bn-plat-color-miscellaneous-progress-bars-track-stroke: rgba(0, 0, 0, 0.114);
    --bn-plat-color-miscellaneous-scrollbar: rgba(0, 0, 0, 0.803);
    --bn-plat-color-miscellaneous-sidebar-label-inactive: rgb(135, 135, 135);
    --bn-plat-color-miscellaneous-tables-alternating-row-color: rgba(0, 0, 0, 0.099);
    --bn-plat-color-miscellaneous-tables-bg-selected-active: rgb(1, 83, 185);
    --bn-plat-color-miscellaneous-tables-bg-selected-inactive: rgba(0, 0, 0, 0.226);
    --bn-plat-color-miscellaneous-tables-column-separator: rgba(0, 0, 0, 0.163);
    --bn-plat-color-miscellaneous-tooltips-inner-stroke: rgba(255, 255, 255, 0.9);
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-active: rgb(218, 230, 242);
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-inactive: rgb(237, 244, 250);
    --bn-plat-color-window-background: rgb(255, 255, 255);
}
}

[data-bn-platform="macos"]:not([data-theme="dark"])[data-bn-contrast="more"],
[data-bn-platform="macos"]:not([data-theme="dark"]).bn-contrast-more,
.bn-platform-macos:not([data-theme="dark"])[data-bn-contrast="more"],
.bn-platform-macos:not([data-theme="dark"]).bn-contrast-more {
    /* derived increased contrast — not a kit mode */
    --bn-plat-color-accents-vibrant-blue: rgb(0, 115, 230);
    --bn-plat-color-accents-vibrant-brown: rgb(145, 105, 77);
    --bn-plat-color-accents-vibrant-cyan: rgb(0, 129, 156);
    --bn-plat-color-accents-vibrant-green: rgb(26, 131, 53);
    --bn-plat-color-accents-vibrant-indigo: rgb(59, 44, 225);
    --bn-plat-color-accents-vibrant-mint: rgb(0, 128, 114);
    --bn-plat-color-accents-vibrant-orange: rgb(182, 89, 8);
    --bn-plat-color-accents-vibrant-pink: rgb(229, 10, 52);
    --bn-plat-color-accents-vibrant-purple: rgb(152, 36, 167);
    --bn-plat-color-accents-vibrant-red: rgb(230, 11, 14);
    --bn-plat-color-accents-vibrant-teal: rgb(0, 131, 140);
    --bn-plat-color-accents-vibrant-yellow: rgb(143, 113, 0);
    --bn-plat-color-accents-blue: rgb(0, 114, 214);
    --bn-plat-color-accents-brown: rgb(149, 107, 77);
    --bn-plat-color-accents-cyan: rgb(0, 124, 150);
    --bn-plat-color-accents-green: rgb(35, 134, 60);
    --bn-plat-color-accents-indigo: rgb(61, 46, 243);
    --bn-plat-color-accents-mint: rgb(0, 129, 115);
    --bn-plat-color-accents-orange: rgb(183, 86, 0);
    --bn-plat-color-accents-pink: rgb(229, 0, 44);
    --bn-plat-color-accents-purple: rgb(197, 33, 219);
    --bn-plat-color-accents-red: rgb(229, 0, 5);
    --bn-plat-color-accents-teal: rgb(0, 128, 137);
    --bn-plat-color-accents-yellow: rgb(143, 114, 0);
    --bn-plat-color-fills-opaque-primary: rgba(0, 0, 0, 0.163);
    --bn-plat-color-fills-opaque-quaternary: rgba(0, 0, 0, 0.099);
    --bn-plat-color-fills-opaque-quinary: rgba(0, 0, 0, 0.099);
    --bn-plat-color-fills-opaque-secondary: rgba(0, 0, 0, 0.125);
    --bn-plat-color-fills-opaque-tertiary: rgba(0, 0, 0, 0.099);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-primary: rgb(115, 115, 115);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quaternary: rgb(114, 114, 114);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quinary: rgb(118, 118, 118);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-secondary: rgb(118, 118, 118);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-tertiary: rgb(114, 114, 114);
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    --bn-plat-color-grays-gray: rgb(116, 116, 122);
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-primary: rgb(26, 26, 26);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quaternary: rgb(217, 217, 217);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quinary: rgb(230, 230, 230);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-secondary: rgb(114, 114, 114);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-tertiary: rgb(191, 191, 191);
    --bn-plat-color-labels-primary: rgba(0, 0, 0, 0.971);
    --bn-plat-color-labels-quaternary: rgba(0, 0, 0, 0.417);
    --bn-plat-color-labels-quinary: rgba(0, 0, 0, 0.417);
    --bn-plat-color-labels-secondary: rgba(0, 0, 0, 0.651);
    --bn-plat-color-labels-seximal: rgba(0, 0, 0, 0.417);
    --bn-plat-color-labels-tertiary: rgba(0, 0, 0, 0.535);
    --bn-plat-color-labels-white: rgb(255, 255, 255);
    --bn-plat-color-miscellaneous-alerts-overlay: rgba(171, 171, 171, 0.75);
    --bn-plat-color-miscellaneous-progress-bars-track-stroke: rgba(0, 0, 0, 0.114);
    --bn-plat-color-miscellaneous-scrollbar: rgba(0, 0, 0, 0.803);
    --bn-plat-color-miscellaneous-sidebar-label-inactive: rgb(135, 135, 135);
    --bn-plat-color-miscellaneous-tables-alternating-row-color: rgba(0, 0, 0, 0.099);
    --bn-plat-color-miscellaneous-tables-bg-selected-active: rgb(1, 83, 185);
    --bn-plat-color-miscellaneous-tables-bg-selected-inactive: rgba(0, 0, 0, 0.226);
    --bn-plat-color-miscellaneous-tables-column-separator: rgba(0, 0, 0, 0.163);
    --bn-plat-color-miscellaneous-tooltips-inner-stroke: rgba(255, 255, 255, 0.9);
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-active: rgb(218, 230, 242);
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-inactive: rgb(237, 244, 250);
    --bn-plat-color-window-background: rgb(255, 255, 255);
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]):not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-bn-platform="ios"]:not([data-theme="light"]),
.bn-platform-ios:not([data-theme="light"]) {
    /* iOS dark — kit */
    /* Accents/Blue — kit */
    --bn-plat-color-accents-blue: rgb(0, 145, 255);
    /* Accents/Brown — kit */
    --bn-plat-color-accents-brown: rgb(183, 138, 102);
    /* Accents/Cyan — kit */
    --bn-plat-color-accents-cyan: rgb(60, 211, 254);
    /* Accents/Green — kit */
    --bn-plat-color-accents-green: rgb(48, 209, 88);
    /* Accents/Indigo — kit */
    --bn-plat-color-accents-indigo: rgb(109, 124, 255);
    /* Accents/Mint — kit */
    --bn-plat-color-accents-mint: rgb(0, 218, 195);
    /* Accents/Orange — kit */
    --bn-plat-color-accents-orange: rgb(255, 146, 48);
    /* Accents/Pink — kit */
    --bn-plat-color-accents-pink: rgb(255, 55, 95);
    /* Accents/Purple — kit */
    --bn-plat-color-accents-purple: rgb(219, 52, 242);
    /* Accents/Red — kit */
    --bn-plat-color-accents-red: rgb(255, 66, 69);
    /* Accents/Teal — kit */
    --bn-plat-color-accents-teal: rgb(0, 210, 224);
    /* Accents/Yellow — kit */
    --bn-plat-color-accents-yellow: rgb(255, 214, 0);
    /* Backgrounds (Grouped)/Primary — kit */
    --bn-plat-color-backgrounds-grouped-primary: rgb(0, 0, 0);
    /* Backgrounds (Grouped)/Primary - Elevated — kit */
    --bn-plat-color-backgrounds-grouped-primary-elevated: rgb(28, 28, 30);
    /* Backgrounds (Grouped)/Secondary — kit */
    --bn-plat-color-backgrounds-grouped-secondary: rgb(28, 28, 30);
    /* Backgrounds (Grouped)/Secondary - Elevated — kit */
    --bn-plat-color-backgrounds-grouped-secondary-elevated: rgb(44, 44, 46);
    /* Backgrounds (Grouped)/Tertiary — kit */
    --bn-plat-color-backgrounds-grouped-tertiary: rgb(44, 44, 46);
    /* Backgrounds (Grouped)/Tertiary - Elevated — kit */
    --bn-plat-color-backgrounds-grouped-tertiary-elevated: rgb(58, 58, 60);
    /* Backgrounds/Primary — kit */
    --bn-plat-color-backgrounds-primary: rgb(0, 0, 0);
    /* Backgrounds/Primary - Elevated — kit */
    --bn-plat-color-backgrounds-primary-elevated: rgb(28, 28, 30);
    /* Backgrounds/Secondary — kit */
    --bn-plat-color-backgrounds-secondary: rgb(28, 28, 30);
    /* Backgrounds/Secondary - Elevated — kit */
    --bn-plat-color-backgrounds-secondary-elevated: rgb(44, 44, 46);
    /* Backgrounds/Tertiary — kit */
    --bn-plat-color-backgrounds-tertiary: rgb(44, 44, 46);
    /* Backgrounds/Tertiary - Elevated — kit */
    --bn-plat-color-backgrounds-tertiary-elevated: rgb(58, 58, 60);
    /* Fills/Primary — kit */
    --bn-plat-color-fills-primary: rgba(120, 120, 128, 0.361);
    /* Fills/Quaternary — kit */
    --bn-plat-color-fills-quaternary: rgba(118, 118, 128, 0.18);
    /* Fills/Secondary — kit */
    --bn-plat-color-fills-secondary: rgba(120, 120, 128, 0.322);
    /* Fills/Tertiary — kit */
    --bn-plat-color-fills-tertiary: rgba(118, 118, 128, 0.239);
    /* Fills - Vibrant/Primary — kit */
    --bn-plat-color-fills-vibrant-primary: rgb(51, 51, 51);
    /* Fills - Vibrant/Secondary — kit */
    --bn-plat-color-fills-vibrant-secondary: rgb(31, 31, 31);
    /* Fills - Vibrant/Tertiary — kit */
    --bn-plat-color-fills-vibrant-tertiary: rgb(18, 18, 18);
    /* Grays/Black — kit */
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    /* Grays/Gray — kit */
    --bn-plat-color-grays-gray: rgb(142, 142, 147);
    /* Grays/Gray 2 — kit */
    --bn-plat-color-grays-gray-2: rgb(99, 99, 102);
    /* Grays/Gray 3 — kit */
    --bn-plat-color-grays-gray-3: rgb(72, 72, 74);
    /* Grays/Gray 4 — kit */
    --bn-plat-color-grays-gray-4: rgb(58, 58, 60);
    /* Grays/Gray 5 — kit */
    --bn-plat-color-grays-gray-5: rgb(44, 44, 46);
    /* Grays/Gray 6 — kit */
    --bn-plat-color-grays-gray-6: rgb(28, 28, 30);
    /* Grays/White — kit */
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    /* Labels/Primary — kit */
    --bn-plat-color-labels-primary: rgb(255, 255, 255);
    /* Labels/Quaternary — kit */
    --bn-plat-color-labels-quaternary: rgba(235, 235, 245, 0.161);
    /* Labels/Secondary — kit */
    --bn-plat-color-labels-secondary: rgba(235, 235, 245, 0.698);
    /* Labels/Tertiary — kit */
    --bn-plat-color-labels-tertiary: rgba(235, 235, 245, 0.302);
    /* Labels - Vibrant - Controls/Primary — kit */
    --bn-plat-color-labels-vibrant-controls-primary: rgb(245, 245, 245);
    /* Labels - Vibrant - Controls/Secondary — kit */
    --bn-plat-color-labels-vibrant-controls-secondary: rgb(138, 138, 138);
    /* Labels - Vibrant - Controls/Tertiary — kit */
    --bn-plat-color-labels-vibrant-controls-tertiary: rgb(64, 64, 64);
    /* Labels - Vibrant/Primary — kit */
    --bn-plat-color-labels-vibrant-primary: rgb(245, 245, 245);
    /* Labels - Vibrant/Quaternary — kit */
    --bn-plat-color-labels-vibrant-quaternary: rgb(38, 38, 38);
    /* Labels - Vibrant/Secondary — kit */
    --bn-plat-color-labels-vibrant-secondary: rgb(138, 138, 138);
    /* Labels - Vibrant/Tertiary — kit */
    --bn-plat-color-labels-vibrant-tertiary: rgb(64, 64, 64);
    /* Miscellaneous/Buttons/BG - Destructive — kit */
    --bn-plat-color-miscellaneous-buttons-bg-destructive: rgba(255, 66, 69, 0.141);
    /* Miscellaneous/Keyboards/Emoji + Mic — kit */
    --bn-plat-color-miscellaneous-keyboards-emoji-mic: rgb(255, 255, 255);
    /* Miscellaneous/Segmented Control - Selected Fill — kit */
    --bn-plat-color-miscellaneous-segmented-control-selected-fill: rgba(255, 255, 255, 0.271);
    /* Miscellaneous/Sidebar/Sidebar - BG - Active — kit */
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-active: rgb(20, 21, 23);
    /* Miscellaneous/Sidebar/Sidebar - BG - Inactive — kit */
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-inactive: rgb(19, 20, 20);
    /* Miscellaneous/Tab Bar Selection — kit */
    --bn-plat-color-miscellaneous-tab-bar-selection: rgb(255, 255, 255);
    /* Miscellaneous/Toggle/AX Label - Off — kit */
    --bn-plat-color-miscellaneous-toggle-ax-label-off: rgb(166, 166, 166);
    /* Overlays/Activity View Controller — kit */
    --bn-plat-color-overlays-activity-view-controller: rgba(0, 0, 0, 0.29);
    /* Overlays/Default — kit */
    --bn-plat-color-overlays-default: rgba(0, 0, 0, 0.478);
    /* Separators/Non-opaque — kit */
    --bn-plat-color-separators-non-opaque: rgba(255, 255, 255, 0.169);
    /* Separators/Opaque — kit */
    --bn-plat-color-separators-opaque: rgb(56, 56, 58);
    /* Separators/Vibrant — kit */
    --bn-plat-color-separators-vibrant: rgb(26, 26, 26);
    --bn-plat-color-label: var(--bn-plat-color-labels-primary);
    --bn-plat-color-label-secondary: var(--bn-plat-color-labels-secondary);
    --bn-plat-color-label-tertiary: var(--bn-plat-color-labels-tertiary);
    --bn-plat-color-label-quaternary: var(--bn-plat-color-labels-quaternary);
    --bn-plat-color-fill: var(--bn-plat-color-fills-primary);
    --bn-plat-color-fill-secondary: var(--bn-plat-color-fills-secondary);
    --bn-plat-color-fill-tertiary: var(--bn-plat-color-fills-tertiary);
    --bn-plat-color-fill-quaternary: var(--bn-plat-color-fills-quaternary);
    --bn-plat-color-bg: var(--bn-plat-color-backgrounds-primary);
    --bn-plat-color-bg-secondary: var(--bn-plat-color-backgrounds-secondary);
    --bn-plat-color-bg-tertiary: var(--bn-plat-color-backgrounds-tertiary);
    --bn-plat-color-bg-grouped: var(--bn-plat-color-backgrounds-grouped-primary);
    --bn-plat-color-separator: var(--bn-plat-color-separators-non-opaque);
    --bn-plat-color-separator-opaque: var(--bn-plat-color-separators-opaque);
    --bn-plat-color-overlay: var(--bn-plat-color-overlays-default);
    --bn-plat-color-accent: var(--bn-plat-color-accents-blue);
    --bn-plat-color-gray: var(--bn-plat-color-grays-gray);
    --bn-plat-color-accent-red: var(--bn-plat-color-accents-red);
    --bn-plat-color-accent-orange: var(--bn-plat-color-accents-orange);
    --bn-plat-color-accent-yellow: var(--bn-plat-color-accents-yellow);
    --bn-plat-color-accent-green: var(--bn-plat-color-accents-green);
    --bn-plat-color-accent-mint: var(--bn-plat-color-accents-mint);
    --bn-plat-color-accent-teal: var(--bn-plat-color-accents-teal);
    --bn-plat-color-accent-cyan: var(--bn-plat-color-accents-cyan);
    --bn-plat-color-accent-blue: var(--bn-plat-color-accents-blue);
    --bn-plat-color-accent-indigo: var(--bn-plat-color-accents-indigo);
    --bn-plat-color-accent-purple: var(--bn-plat-color-accents-purple);
    --bn-plat-color-accent-pink: var(--bn-plat-color-accents-pink);
    --bn-plat-color-accent-brown: var(--bn-plat-color-accents-brown);
}
} 

@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
:root:not([data-theme="light"]):not([data-bn-platform="macos"]):not(.bn-platform-macos):not([data-bn-contrast="default"]),
[data-bn-platform="ios"]:not([data-theme="light"]):not([data-bn-contrast="default"]),
.bn-platform-ios:not([data-theme="light"]):not([data-bn-contrast="default"]) {
    /* derived increased contrast — not a kit mode */
    --bn-plat-color-accents-blue: rgb(41, 163, 255);
    --bn-plat-color-accents-brown: rgb(196, 159, 130);
    --bn-plat-color-accents-cyan: rgb(101, 220, 254);
    --bn-plat-color-accents-green: rgb(81, 216, 115);
    --bn-plat-color-accents-indigo: rgb(150, 161, 255);
    --bn-plat-color-accents-mint: rgb(4, 255, 228);
    --bn-plat-color-accents-orange: rgb(255, 167, 89);
    --bn-plat-color-accents-pink: rgb(255, 96, 128);
    --bn-plat-color-accents-purple: rgb(226, 90, 244);
    --bn-plat-color-accents-red: rgb(255, 107, 109);
    --bn-plat-color-accents-teal: rgb(10, 240, 255);
    --bn-plat-color-accents-yellow: rgb(255, 221, 41);
    --bn-plat-color-backgrounds-grouped-primary: rgb(0, 0, 0);
    --bn-plat-color-backgrounds-grouped-primary-elevated: rgb(28, 28, 30);
    --bn-plat-color-backgrounds-grouped-secondary: rgb(28, 28, 30);
    --bn-plat-color-backgrounds-grouped-secondary-elevated: rgb(44, 44, 46);
    --bn-plat-color-backgrounds-grouped-tertiary: rgb(44, 44, 46);
    --bn-plat-color-backgrounds-grouped-tertiary-elevated: rgb(58, 58, 60);
    --bn-plat-color-backgrounds-primary: rgb(0, 0, 0);
    --bn-plat-color-backgrounds-primary-elevated: rgb(28, 28, 30);
    --bn-plat-color-backgrounds-secondary: rgb(28, 28, 30);
    --bn-plat-color-backgrounds-secondary-elevated: rgb(44, 44, 46);
    --bn-plat-color-backgrounds-tertiary: rgb(44, 44, 46);
    --bn-plat-color-backgrounds-tertiary-elevated: rgb(58, 58, 60);
    --bn-plat-color-fills-vibrant-primary: rgb(117, 117, 117);
    --bn-plat-color-fills-vibrant-secondary: rgb(118, 118, 118);
    --bn-plat-color-fills-vibrant-tertiary: rgb(120, 120, 120);
    --bn-plat-color-fills-primary: rgba(120, 120, 128, 0.578);
    --bn-plat-color-fills-quaternary: rgba(118, 118, 128, 0.288);
    --bn-plat-color-fills-secondary: rgba(120, 120, 128, 0.515);
    --bn-plat-color-fills-tertiary: rgba(118, 118, 128, 0.382);
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    --bn-plat-color-grays-gray: rgb(163, 163, 167);
    --bn-plat-color-grays-gray-2: rgb(99, 99, 102);
    --bn-plat-color-grays-gray-3: rgb(72, 72, 74);
    --bn-plat-color-grays-gray-4: rgb(58, 58, 60);
    --bn-plat-color-grays-gray-5: rgb(44, 44, 46);
    --bn-plat-color-grays-gray-6: rgb(28, 28, 30);
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    --bn-plat-color-labels-vibrant-controls-primary: rgb(245, 245, 245);
    --bn-plat-color-labels-vibrant-controls-secondary: rgb(138, 138, 138);
    --bn-plat-color-labels-vibrant-controls-tertiary: rgb(64, 64, 64);
    --bn-plat-color-labels-vibrant-primary: rgb(245, 245, 245);
    --bn-plat-color-labels-vibrant-quaternary: rgb(38, 38, 38);
    --bn-plat-color-labels-vibrant-secondary: rgb(138, 138, 138);
    --bn-plat-color-labels-vibrant-tertiary: rgb(64, 64, 64);
    --bn-plat-color-labels-primary: rgb(255, 255, 255);
    --bn-plat-color-labels-quaternary: rgba(235, 235, 245, 0.378);
    --bn-plat-color-labels-secondary: rgba(235, 235, 245, 0.818);
    --bn-plat-color-labels-tertiary: rgba(235, 235, 245, 0.493);
    --bn-plat-color-miscellaneous-buttons-bg-destructive: rgba(255, 66, 69, 0.226);
    --bn-plat-color-miscellaneous-keyboards-emoji-mic: rgb(255, 255, 255);
    --bn-plat-color-miscellaneous-segmented-control-selected-fill: rgba(255, 255, 255, 0.434);
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-active: rgb(20, 21, 23);
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-inactive: rgb(19, 20, 20);
    --bn-plat-color-miscellaneous-tab-bar-selection: rgb(255, 255, 255);
    --bn-plat-color-miscellaneous-toggle-ax-label-off: rgb(166, 166, 166);
    --bn-plat-color-overlays-activity-view-controller: rgba(0, 0, 0, 0.363);
    --bn-plat-color-overlays-default: rgba(0, 0, 0, 0.597);
    --bn-plat-color-separators-non-opaque: rgb(56, 56, 58);
    --bn-plat-color-separators-opaque: rgb(56, 56, 58);
    --bn-plat-color-separators-vibrant: rgb(56, 56, 58);
}
}

[data-theme="dark"]:not([data-bn-platform="macos"]):not(.bn-platform-macos),
[data-theme="dark"][data-bn-platform="ios"],
[data-theme="dark"].bn-platform-ios {
    /* iOS dark — kit */
    /* Accents/Blue — kit */
    --bn-plat-color-accents-blue: rgb(0, 145, 255);
    /* Accents/Brown — kit */
    --bn-plat-color-accents-brown: rgb(183, 138, 102);
    /* Accents/Cyan — kit */
    --bn-plat-color-accents-cyan: rgb(60, 211, 254);
    /* Accents/Green — kit */
    --bn-plat-color-accents-green: rgb(48, 209, 88);
    /* Accents/Indigo — kit */
    --bn-plat-color-accents-indigo: rgb(109, 124, 255);
    /* Accents/Mint — kit */
    --bn-plat-color-accents-mint: rgb(0, 218, 195);
    /* Accents/Orange — kit */
    --bn-plat-color-accents-orange: rgb(255, 146, 48);
    /* Accents/Pink — kit */
    --bn-plat-color-accents-pink: rgb(255, 55, 95);
    /* Accents/Purple — kit */
    --bn-plat-color-accents-purple: rgb(219, 52, 242);
    /* Accents/Red — kit */
    --bn-plat-color-accents-red: rgb(255, 66, 69);
    /* Accents/Teal — kit */
    --bn-plat-color-accents-teal: rgb(0, 210, 224);
    /* Accents/Yellow — kit */
    --bn-plat-color-accents-yellow: rgb(255, 214, 0);
    /* Backgrounds (Grouped)/Primary — kit */
    --bn-plat-color-backgrounds-grouped-primary: rgb(0, 0, 0);
    /* Backgrounds (Grouped)/Primary - Elevated — kit */
    --bn-plat-color-backgrounds-grouped-primary-elevated: rgb(28, 28, 30);
    /* Backgrounds (Grouped)/Secondary — kit */
    --bn-plat-color-backgrounds-grouped-secondary: rgb(28, 28, 30);
    /* Backgrounds (Grouped)/Secondary - Elevated — kit */
    --bn-plat-color-backgrounds-grouped-secondary-elevated: rgb(44, 44, 46);
    /* Backgrounds (Grouped)/Tertiary — kit */
    --bn-plat-color-backgrounds-grouped-tertiary: rgb(44, 44, 46);
    /* Backgrounds (Grouped)/Tertiary - Elevated — kit */
    --bn-plat-color-backgrounds-grouped-tertiary-elevated: rgb(58, 58, 60);
    /* Backgrounds/Primary — kit */
    --bn-plat-color-backgrounds-primary: rgb(0, 0, 0);
    /* Backgrounds/Primary - Elevated — kit */
    --bn-plat-color-backgrounds-primary-elevated: rgb(28, 28, 30);
    /* Backgrounds/Secondary — kit */
    --bn-plat-color-backgrounds-secondary: rgb(28, 28, 30);
    /* Backgrounds/Secondary - Elevated — kit */
    --bn-plat-color-backgrounds-secondary-elevated: rgb(44, 44, 46);
    /* Backgrounds/Tertiary — kit */
    --bn-plat-color-backgrounds-tertiary: rgb(44, 44, 46);
    /* Backgrounds/Tertiary - Elevated — kit */
    --bn-plat-color-backgrounds-tertiary-elevated: rgb(58, 58, 60);
    /* Fills/Primary — kit */
    --bn-plat-color-fills-primary: rgba(120, 120, 128, 0.361);
    /* Fills/Quaternary — kit */
    --bn-plat-color-fills-quaternary: rgba(118, 118, 128, 0.18);
    /* Fills/Secondary — kit */
    --bn-plat-color-fills-secondary: rgba(120, 120, 128, 0.322);
    /* Fills/Tertiary — kit */
    --bn-plat-color-fills-tertiary: rgba(118, 118, 128, 0.239);
    /* Fills - Vibrant/Primary — kit */
    --bn-plat-color-fills-vibrant-primary: rgb(51, 51, 51);
    /* Fills - Vibrant/Secondary — kit */
    --bn-plat-color-fills-vibrant-secondary: rgb(31, 31, 31);
    /* Fills - Vibrant/Tertiary — kit */
    --bn-plat-color-fills-vibrant-tertiary: rgb(18, 18, 18);
    /* Grays/Black — kit */
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    /* Grays/Gray — kit */
    --bn-plat-color-grays-gray: rgb(142, 142, 147);
    /* Grays/Gray 2 — kit */
    --bn-plat-color-grays-gray-2: rgb(99, 99, 102);
    /* Grays/Gray 3 — kit */
    --bn-plat-color-grays-gray-3: rgb(72, 72, 74);
    /* Grays/Gray 4 — kit */
    --bn-plat-color-grays-gray-4: rgb(58, 58, 60);
    /* Grays/Gray 5 — kit */
    --bn-plat-color-grays-gray-5: rgb(44, 44, 46);
    /* Grays/Gray 6 — kit */
    --bn-plat-color-grays-gray-6: rgb(28, 28, 30);
    /* Grays/White — kit */
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    /* Labels/Primary — kit */
    --bn-plat-color-labels-primary: rgb(255, 255, 255);
    /* Labels/Quaternary — kit */
    --bn-plat-color-labels-quaternary: rgba(235, 235, 245, 0.161);
    /* Labels/Secondary — kit */
    --bn-plat-color-labels-secondary: rgba(235, 235, 245, 0.698);
    /* Labels/Tertiary — kit */
    --bn-plat-color-labels-tertiary: rgba(235, 235, 245, 0.302);
    /* Labels - Vibrant - Controls/Primary — kit */
    --bn-plat-color-labels-vibrant-controls-primary: rgb(245, 245, 245);
    /* Labels - Vibrant - Controls/Secondary — kit */
    --bn-plat-color-labels-vibrant-controls-secondary: rgb(138, 138, 138);
    /* Labels - Vibrant - Controls/Tertiary — kit */
    --bn-plat-color-labels-vibrant-controls-tertiary: rgb(64, 64, 64);
    /* Labels - Vibrant/Primary — kit */
    --bn-plat-color-labels-vibrant-primary: rgb(245, 245, 245);
    /* Labels - Vibrant/Quaternary — kit */
    --bn-plat-color-labels-vibrant-quaternary: rgb(38, 38, 38);
    /* Labels - Vibrant/Secondary — kit */
    --bn-plat-color-labels-vibrant-secondary: rgb(138, 138, 138);
    /* Labels - Vibrant/Tertiary — kit */
    --bn-plat-color-labels-vibrant-tertiary: rgb(64, 64, 64);
    /* Miscellaneous/Buttons/BG - Destructive — kit */
    --bn-plat-color-miscellaneous-buttons-bg-destructive: rgba(255, 66, 69, 0.141);
    /* Miscellaneous/Keyboards/Emoji + Mic — kit */
    --bn-plat-color-miscellaneous-keyboards-emoji-mic: rgb(255, 255, 255);
    /* Miscellaneous/Segmented Control - Selected Fill — kit */
    --bn-plat-color-miscellaneous-segmented-control-selected-fill: rgba(255, 255, 255, 0.271);
    /* Miscellaneous/Sidebar/Sidebar - BG - Active — kit */
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-active: rgb(20, 21, 23);
    /* Miscellaneous/Sidebar/Sidebar - BG - Inactive — kit */
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-inactive: rgb(19, 20, 20);
    /* Miscellaneous/Tab Bar Selection — kit */
    --bn-plat-color-miscellaneous-tab-bar-selection: rgb(255, 255, 255);
    /* Miscellaneous/Toggle/AX Label - Off — kit */
    --bn-plat-color-miscellaneous-toggle-ax-label-off: rgb(166, 166, 166);
    /* Overlays/Activity View Controller — kit */
    --bn-plat-color-overlays-activity-view-controller: rgba(0, 0, 0, 0.29);
    /* Overlays/Default — kit */
    --bn-plat-color-overlays-default: rgba(0, 0, 0, 0.478);
    /* Separators/Non-opaque — kit */
    --bn-plat-color-separators-non-opaque: rgba(255, 255, 255, 0.169);
    /* Separators/Opaque — kit */
    --bn-plat-color-separators-opaque: rgb(56, 56, 58);
    /* Separators/Vibrant — kit */
    --bn-plat-color-separators-vibrant: rgb(26, 26, 26);
    --bn-plat-color-label: var(--bn-plat-color-labels-primary);
    --bn-plat-color-label-secondary: var(--bn-plat-color-labels-secondary);
    --bn-plat-color-label-tertiary: var(--bn-plat-color-labels-tertiary);
    --bn-plat-color-label-quaternary: var(--bn-plat-color-labels-quaternary);
    --bn-plat-color-fill: var(--bn-plat-color-fills-primary);
    --bn-plat-color-fill-secondary: var(--bn-plat-color-fills-secondary);
    --bn-plat-color-fill-tertiary: var(--bn-plat-color-fills-tertiary);
    --bn-plat-color-fill-quaternary: var(--bn-plat-color-fills-quaternary);
    --bn-plat-color-bg: var(--bn-plat-color-backgrounds-primary);
    --bn-plat-color-bg-secondary: var(--bn-plat-color-backgrounds-secondary);
    --bn-plat-color-bg-tertiary: var(--bn-plat-color-backgrounds-tertiary);
    --bn-plat-color-bg-grouped: var(--bn-plat-color-backgrounds-grouped-primary);
    --bn-plat-color-separator: var(--bn-plat-color-separators-non-opaque);
    --bn-plat-color-separator-opaque: var(--bn-plat-color-separators-opaque);
    --bn-plat-color-overlay: var(--bn-plat-color-overlays-default);
    --bn-plat-color-accent: var(--bn-plat-color-accents-blue);
    --bn-plat-color-gray: var(--bn-plat-color-grays-gray);
    --bn-plat-color-accent-red: var(--bn-plat-color-accents-red);
    --bn-plat-color-accent-orange: var(--bn-plat-color-accents-orange);
    --bn-plat-color-accent-yellow: var(--bn-plat-color-accents-yellow);
    --bn-plat-color-accent-green: var(--bn-plat-color-accents-green);
    --bn-plat-color-accent-mint: var(--bn-plat-color-accents-mint);
    --bn-plat-color-accent-teal: var(--bn-plat-color-accents-teal);
    --bn-plat-color-accent-cyan: var(--bn-plat-color-accents-cyan);
    --bn-plat-color-accent-blue: var(--bn-plat-color-accents-blue);
    --bn-plat-color-accent-indigo: var(--bn-plat-color-accents-indigo);
    --bn-plat-color-accent-purple: var(--bn-plat-color-accents-purple);
    --bn-plat-color-accent-pink: var(--bn-plat-color-accents-pink);
    --bn-plat-color-accent-brown: var(--bn-plat-color-accents-brown);
}

[data-theme="dark"][data-bn-contrast="more"]:not([data-bn-platform="macos"]),
[data-theme="dark"].bn-contrast-more:not([data-bn-platform="macos"]),
[data-theme="dark"][data-bn-platform="ios"][data-bn-contrast="more"],
[data-theme="dark"][data-bn-platform="ios"].bn-contrast-more {
    /* derived increased contrast — not a kit mode */
    --bn-plat-color-accents-blue: rgb(41, 163, 255);
    --bn-plat-color-accents-brown: rgb(196, 159, 130);
    --bn-plat-color-accents-cyan: rgb(101, 220, 254);
    --bn-plat-color-accents-green: rgb(81, 216, 115);
    --bn-plat-color-accents-indigo: rgb(150, 161, 255);
    --bn-plat-color-accents-mint: rgb(4, 255, 228);
    --bn-plat-color-accents-orange: rgb(255, 167, 89);
    --bn-plat-color-accents-pink: rgb(255, 96, 128);
    --bn-plat-color-accents-purple: rgb(226, 90, 244);
    --bn-plat-color-accents-red: rgb(255, 107, 109);
    --bn-plat-color-accents-teal: rgb(10, 240, 255);
    --bn-plat-color-accents-yellow: rgb(255, 221, 41);
    --bn-plat-color-backgrounds-grouped-primary: rgb(0, 0, 0);
    --bn-plat-color-backgrounds-grouped-primary-elevated: rgb(28, 28, 30);
    --bn-plat-color-backgrounds-grouped-secondary: rgb(28, 28, 30);
    --bn-plat-color-backgrounds-grouped-secondary-elevated: rgb(44, 44, 46);
    --bn-plat-color-backgrounds-grouped-tertiary: rgb(44, 44, 46);
    --bn-plat-color-backgrounds-grouped-tertiary-elevated: rgb(58, 58, 60);
    --bn-plat-color-backgrounds-primary: rgb(0, 0, 0);
    --bn-plat-color-backgrounds-primary-elevated: rgb(28, 28, 30);
    --bn-plat-color-backgrounds-secondary: rgb(28, 28, 30);
    --bn-plat-color-backgrounds-secondary-elevated: rgb(44, 44, 46);
    --bn-plat-color-backgrounds-tertiary: rgb(44, 44, 46);
    --bn-plat-color-backgrounds-tertiary-elevated: rgb(58, 58, 60);
    --bn-plat-color-fills-vibrant-primary: rgb(117, 117, 117);
    --bn-plat-color-fills-vibrant-secondary: rgb(118, 118, 118);
    --bn-plat-color-fills-vibrant-tertiary: rgb(120, 120, 120);
    --bn-plat-color-fills-primary: rgba(120, 120, 128, 0.578);
    --bn-plat-color-fills-quaternary: rgba(118, 118, 128, 0.288);
    --bn-plat-color-fills-secondary: rgba(120, 120, 128, 0.515);
    --bn-plat-color-fills-tertiary: rgba(118, 118, 128, 0.382);
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    --bn-plat-color-grays-gray: rgb(163, 163, 167);
    --bn-plat-color-grays-gray-2: rgb(99, 99, 102);
    --bn-plat-color-grays-gray-3: rgb(72, 72, 74);
    --bn-plat-color-grays-gray-4: rgb(58, 58, 60);
    --bn-plat-color-grays-gray-5: rgb(44, 44, 46);
    --bn-plat-color-grays-gray-6: rgb(28, 28, 30);
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    --bn-plat-color-labels-vibrant-controls-primary: rgb(245, 245, 245);
    --bn-plat-color-labels-vibrant-controls-secondary: rgb(138, 138, 138);
    --bn-plat-color-labels-vibrant-controls-tertiary: rgb(64, 64, 64);
    --bn-plat-color-labels-vibrant-primary: rgb(245, 245, 245);
    --bn-plat-color-labels-vibrant-quaternary: rgb(38, 38, 38);
    --bn-plat-color-labels-vibrant-secondary: rgb(138, 138, 138);
    --bn-plat-color-labels-vibrant-tertiary: rgb(64, 64, 64);
    --bn-plat-color-labels-primary: rgb(255, 255, 255);
    --bn-plat-color-labels-quaternary: rgba(235, 235, 245, 0.378);
    --bn-plat-color-labels-secondary: rgba(235, 235, 245, 0.818);
    --bn-plat-color-labels-tertiary: rgba(235, 235, 245, 0.493);
    --bn-plat-color-miscellaneous-buttons-bg-destructive: rgba(255, 66, 69, 0.226);
    --bn-plat-color-miscellaneous-keyboards-emoji-mic: rgb(255, 255, 255);
    --bn-plat-color-miscellaneous-segmented-control-selected-fill: rgba(255, 255, 255, 0.434);
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-active: rgb(20, 21, 23);
    --bn-plat-color-miscellaneous-sidebar-sidebar-bg-inactive: rgb(19, 20, 20);
    --bn-plat-color-miscellaneous-tab-bar-selection: rgb(255, 255, 255);
    --bn-plat-color-miscellaneous-toggle-ax-label-off: rgb(166, 166, 166);
    --bn-plat-color-overlays-activity-view-controller: rgba(0, 0, 0, 0.363);
    --bn-plat-color-overlays-default: rgba(0, 0, 0, 0.597);
    --bn-plat-color-separators-non-opaque: rgb(56, 56, 58);
    --bn-plat-color-separators-opaque: rgb(56, 56, 58);
    --bn-plat-color-separators-vibrant: rgb(56, 56, 58);
}

@media (prefers-color-scheme: dark) {
[data-bn-platform="macos"]:not([data-theme="light"]),
.bn-platform-macos:not([data-theme="light"]) {
    /* macOS dark — kit */
    /* Accents/Blue — kit */
    --bn-plat-color-accents-blue: rgb(0, 145, 255);
    /* Accents/Brown — kit */
    --bn-plat-color-accents-brown: rgb(183, 138, 102);
    /* Accents/Cyan — kit */
    --bn-plat-color-accents-cyan: rgb(60, 211, 254);
    /* Accents/Green — kit */
    --bn-plat-color-accents-green: rgb(48, 209, 88);
    /* Accents/Indigo — kit */
    --bn-plat-color-accents-indigo: rgb(109, 124, 255);
    /* Accents/Mint — kit */
    --bn-plat-color-accents-mint: rgb(0, 218, 195);
    /* Accents/Orange — kit */
    --bn-plat-color-accents-orange: rgb(255, 146, 48);
    /* Accents/Pink — kit */
    --bn-plat-color-accents-pink: rgb(255, 55, 95);
    /* Accents/Purple — kit */
    --bn-plat-color-accents-purple: rgb(219, 52, 242);
    /* Accents/Red — kit */
    --bn-plat-color-accents-red: rgb(255, 66, 69);
    /* Accents/Teal — kit */
    --bn-plat-color-accents-teal: rgb(0, 210, 224);
    /* Accents - Vibrant/Blue — kit */
    --bn-plat-color-accents-vibrant-blue: rgb(10, 153, 255);
    /* Accents - Vibrant/Brown — kit */
    --bn-plat-color-accents-vibrant-brown: rgb(194, 150, 114);
    /* Accents - Vibrant/Cyan — kit */
    --bn-plat-color-accents-vibrant-cyan: rgb(71, 216, 252);
    /* Accents - Vibrant/Green — kit */
    --bn-plat-color-accents-vibrant-green: rgb(59, 219, 99);
    /* Accents - Vibrant/Indigo — kit */
    --bn-plat-color-accents-vibrant-indigo: rgb(113, 99, 255);
    /* Accents - Vibrant/Mint — kit */
    --bn-plat-color-accents-vibrant-mint: rgb(45, 224, 205);
    /* Accents - Vibrant/Orange — kit */
    --bn-plat-color-accents-vibrant-orange: rgb(255, 158, 51);
    /* Accents - Vibrant/Pink — kit */
    --bn-plat-color-accents-vibrant-pink: rgb(255, 65, 105);
    /* Accents - Vibrant/Purple — kit */
    --bn-plat-color-accents-vibrant-purple: rgb(230, 71, 252);
    /* Accents - Vibrant/Red — kit */
    --bn-plat-color-accents-vibrant-red: rgb(255, 71, 71);
    /* Accents - Vibrant/Teal — kit */
    --bn-plat-color-accents-vibrant-teal: rgb(45, 215, 224);
    /* Accents - Vibrant/Yellow — kit */
    --bn-plat-color-accents-vibrant-yellow: rgb(255, 224, 20);
    /* Accents/Yellow — kit */
    --bn-plat-color-accents-yellow: rgb(255, 214, 0);
    /* Fills - Opaque/Primary — kit */
    --bn-plat-color-fills-opaque-primary: rgba(255, 255, 255, 0.102);
    /* Fills - Opaque/Quaternary — kit */
    --bn-plat-color-fills-opaque-quaternary: rgba(255, 255, 255, 0.031);
    /* Fills - Opaque/Quinary — kit */
    --bn-plat-color-fills-opaque-quinary: rgba(255, 255, 255, 0.02);
    /* Fills - Opaque/Secondary — kit */
    --bn-plat-color-fills-opaque-secondary: rgba(255, 255, 255, 0.078);
    /* Fills - Opaque/Tertiary — kit */
    --bn-plat-color-fills-opaque-tertiary: rgba(255, 255, 255, 0.051);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Primary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-primary: rgb(36, 36, 36);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Quaternary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quaternary: rgb(9, 9, 9);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Quinary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quinary: rgb(7, 7, 7);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Secondary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-secondary: rgb(20, 20, 20);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Tertiary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-tertiary: rgb(13, 13, 13);
    /* Grays/Black — kit */
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    /* Grays/Gray — kit */
    --bn-plat-color-grays-gray: rgb(152, 152, 159);
    /* Grays/White — kit */
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    /* Labels/Primary — kit */
    --bn-plat-color-labels-primary: rgba(255, 255, 255, 0.851);
    /* Labels/Quaternary — kit */
    --bn-plat-color-labels-quaternary: rgba(255, 255, 255, 0.102);
    /* Labels/Quinary — kit */
    --bn-plat-color-labels-quinary: rgba(255, 255, 255, 0.051);
    /* Labels/Secondary — kit */
    --bn-plat-color-labels-secondary: rgba(255, 255, 255, 0.549);
    /* Labels/Seximal — kit */
    --bn-plat-color-labels-seximal: rgba(255, 255, 255, 0.031);
    /* Labels/Tertiary — kit */
    --bn-plat-color-labels-tertiary: rgba(255, 255, 255, 0.251);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Primary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-primary: rgb(245, 245, 245);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Quaternary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quaternary: rgb(38, 38, 38);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Quinary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quinary: rgb(17, 17, 17);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Secondary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-secondary: rgb(138, 138, 138);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Tertiary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-tertiary: rgb(64, 64, 64);
    /* Labels/White — kit */
    --bn-plat-color-labels-white: rgb(255, 255, 255);
    /* Miscellaneous/Alerts/Overlay — kit */
    --bn-plat-color-miscellaneous-alerts-overlay: rgba(23, 23, 23, 0.62);
    /* Miscellaneous/Progress Bars/Track - Stroke — kit */
    --bn-plat-color-miscellaneous-progress-bars-track-stroke: rgba(255, 255, 255, 0.039);
    /* Miscellaneous/Scrollbar — kit */
    --bn-plat-color-miscellaneous-scrollbar: rgba(255, 255, 255, 0.549);
    /* Miscellaneous/Sidebar/Label - Inactive — kit */
    --bn-plat-color-miscellaneous-sidebar-label-inactive: rgb(102, 102, 102);
    /* Miscellaneous/Tables/Alternating Row Color — kit */
    --bn-plat-color-miscellaneous-tables-alternating-row-color: rgba(255, 255, 255, 0.051);
    /* Miscellaneous/Tables/BG - Selected + Active — kit */
    --bn-plat-color-miscellaneous-tables-bg-selected-active: rgb(1, 88, 210);
    /* Miscellaneous/Tables/BG - Selected + Inactive — kit */
    --bn-plat-color-miscellaneous-tables-bg-selected-inactive: rgba(255, 255, 255, 0.18);
    /* Miscellaneous/Tables/Column Separator — kit */
    --bn-plat-color-miscellaneous-tables-column-separator: rgba(255, 255, 255, 0.102);
    /* Miscellaneous/Tooltips/Inner Stroke — kit */
    --bn-plat-color-miscellaneous-tooltips-inner-stroke: rgba(255, 255, 255, 0.149);
    /* Miscellaneous/Tooltips/Sidebar - BG - Active — kit */
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-active: rgb(20, 21, 23);
    /* Miscellaneous/Tooltips/Sidebar - BG - Inactive — kit */
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-inactive: rgb(19, 20, 20);
    /* Window Background — kit */
    --bn-plat-color-window-background: rgb(30, 30, 30);
    --bn-plat-color-label: var(--bn-plat-color-labels-primary);
    --bn-plat-color-label-secondary: var(--bn-plat-color-labels-secondary);
    --bn-plat-color-label-tertiary: var(--bn-plat-color-labels-tertiary);
    --bn-plat-color-label-quaternary: var(--bn-plat-color-labels-quaternary);
    --bn-plat-color-label-quinary: var(--bn-plat-color-labels-quinary);
    --bn-plat-color-label-seximal: var(--bn-plat-color-labels-seximal);
    --bn-plat-color-fill: var(--bn-plat-color-fills-opaque-primary);
    --bn-plat-color-bg: var(--bn-plat-color-window-background);
    --bn-plat-color-separator: var(--bn-plat-color-miscellaneous-tables-column-separator);
    --bn-plat-color-overlay: var(--bn-plat-color-miscellaneous-alerts-overlay);
    --bn-plat-color-accent: var(--bn-plat-color-accents-blue);
    --bn-plat-color-gray: var(--bn-plat-color-grays-gray);
    --bn-plat-color-accent-red: var(--bn-plat-color-accents-red);
    --bn-plat-color-accent-orange: var(--bn-plat-color-accents-orange);
    --bn-plat-color-accent-yellow: var(--bn-plat-color-accents-yellow);
    --bn-plat-color-accent-green: var(--bn-plat-color-accents-green);
    --bn-plat-color-accent-mint: var(--bn-plat-color-accents-mint);
    --bn-plat-color-accent-teal: var(--bn-plat-color-accents-teal);
    --bn-plat-color-accent-cyan: var(--bn-plat-color-accents-cyan);
    --bn-plat-color-accent-blue: var(--bn-plat-color-accents-blue);
    --bn-plat-color-accent-indigo: var(--bn-plat-color-accents-indigo);
    --bn-plat-color-accent-purple: var(--bn-plat-color-accents-purple);
    --bn-plat-color-accent-pink: var(--bn-plat-color-accents-pink);
    --bn-plat-color-accent-brown: var(--bn-plat-color-accents-brown);
    --bn-plat-material-ultrathin: rgba(0, 0, 0, 0.1);
    --bn-plat-material-thin: rgba(0, 0, 0, 0.2);
    --bn-plat-material-medium: rgba(0, 0, 0, 0.29);
    --bn-plat-material-thick: rgba(0, 0, 0, 0.4);
    --bn-plat-material-ultrathick: rgba(0, 0, 0, 0.5);
}
}

@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
[data-bn-platform="macos"]:not([data-theme="light"]):not([data-bn-contrast="default"]),
.bn-platform-macos:not([data-theme="light"]):not([data-bn-contrast="default"]) {
    /* derived increased contrast — not a kit mode */
    --bn-plat-color-accents-vibrant-blue: rgb(51, 170, 255);
    --bn-plat-color-accents-vibrant-brown: rgb(206, 171, 142);
    --bn-plat-color-accents-vibrant-cyan: rgb(111, 225, 253);
    --bn-plat-color-accents-vibrant-green: rgb(93, 225, 126);
    --bn-plat-color-accents-vibrant-indigo: rgb(132, 119, 255);
    --bn-plat-color-accents-vibrant-mint: rgb(81, 229, 213);
    --bn-plat-color-accents-vibrant-orange: rgb(255, 177, 92);
    --bn-plat-color-accents-vibrant-pink: rgb(255, 106, 137);
    --bn-plat-color-accents-vibrant-purple: rgb(235, 111, 253);
    --bn-plat-color-accents-vibrant-red: rgb(255, 112, 112);
    --bn-plat-color-accents-vibrant-teal: rgb(81, 222, 229);
    --bn-plat-color-accents-vibrant-yellow: rgb(255, 229, 61);
    --bn-plat-color-accents-blue: rgb(41, 163, 255);
    --bn-plat-color-accents-brown: rgb(196, 159, 130);
    --bn-plat-color-accents-cyan: rgb(101, 220, 254);
    --bn-plat-color-accents-green: rgb(81, 216, 115);
    --bn-plat-color-accents-indigo: rgb(150, 161, 255);
    --bn-plat-color-accents-mint: rgb(4, 255, 228);
    --bn-plat-color-accents-orange: rgb(255, 167, 89);
    --bn-plat-color-accents-pink: rgb(255, 96, 128);
    --bn-plat-color-accents-purple: rgb(226, 90, 244);
    --bn-plat-color-accents-red: rgb(255, 107, 109);
    --bn-plat-color-accents-teal: rgb(10, 240, 255);
    --bn-plat-color-accents-yellow: rgb(255, 221, 41);
    --bn-plat-color-fills-opaque-primary: rgba(255, 255, 255, 0.163);
    --bn-plat-color-fills-opaque-quaternary: rgba(255, 255, 255, 0.077);
    --bn-plat-color-fills-opaque-quinary: rgba(255, 255, 255, 0.077);
    --bn-plat-color-fills-opaque-secondary: rgba(255, 255, 255, 0.125);
    --bn-plat-color-fills-opaque-tertiary: rgba(255, 255, 255, 0.082);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-primary: rgb(133, 133, 133);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quaternary: rgb(137, 137, 137);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quinary: rgb(135, 135, 135);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-secondary: rgb(137, 137, 137);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-tertiary: rgb(135, 135, 135);
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    --bn-plat-color-grays-gray: rgb(173, 173, 179);
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-primary: rgb(245, 245, 245);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quaternary: rgb(38, 38, 38);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quinary: rgb(17, 17, 17);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-secondary: rgb(138, 138, 138);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-tertiary: rgb(64, 64, 64);
    --bn-plat-color-labels-primary: rgba(255, 255, 255, 0.971);
    --bn-plat-color-labels-quaternary: rgba(255, 255, 255, 0.33);
    --bn-plat-color-labels-quinary: rgba(255, 255, 255, 0.33);
    --bn-plat-color-labels-secondary: rgba(255, 255, 255, 0.613);
    --bn-plat-color-labels-seximal: rgba(255, 255, 255, 0.33);
    --bn-plat-color-labels-tertiary: rgba(255, 255, 255, 0.457);
    --bn-plat-color-labels-white: rgb(255, 255, 255);
    --bn-plat-color-miscellaneous-alerts-overlay: rgba(23, 23, 23, 0.775);
    --bn-plat-color-miscellaneous-progress-bars-track-stroke: rgba(255, 255, 255, 0.077);
    --bn-plat-color-miscellaneous-scrollbar: rgba(255, 255, 255, 0.878);
    --bn-plat-color-miscellaneous-sidebar-label-inactive: rgb(102, 102, 102);
    --bn-plat-color-miscellaneous-tables-alternating-row-color: rgba(255, 255, 255, 0.082);
    --bn-plat-color-miscellaneous-tables-bg-selected-active: rgb(49, 134, 254);
    --bn-plat-color-miscellaneous-tables-bg-selected-inactive: rgba(255, 255, 255, 0.288);
    --bn-plat-color-miscellaneous-tables-column-separator: rgba(255, 255, 255, 0.163);
    --bn-plat-color-miscellaneous-tooltips-inner-stroke: rgba(255, 255, 255, 0.238);
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-active: rgb(20, 21, 23);
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-inactive: rgb(19, 20, 20);
    --bn-plat-color-window-background: rgb(30, 30, 30);
}
}

[data-theme="dark"][data-bn-platform="macos"],
[data-theme="dark"].bn-platform-macos {
    /* macOS dark — kit */
    /* Accents/Blue — kit */
    --bn-plat-color-accents-blue: rgb(0, 145, 255);
    /* Accents/Brown — kit */
    --bn-plat-color-accents-brown: rgb(183, 138, 102);
    /* Accents/Cyan — kit */
    --bn-plat-color-accents-cyan: rgb(60, 211, 254);
    /* Accents/Green — kit */
    --bn-plat-color-accents-green: rgb(48, 209, 88);
    /* Accents/Indigo — kit */
    --bn-plat-color-accents-indigo: rgb(109, 124, 255);
    /* Accents/Mint — kit */
    --bn-plat-color-accents-mint: rgb(0, 218, 195);
    /* Accents/Orange — kit */
    --bn-plat-color-accents-orange: rgb(255, 146, 48);
    /* Accents/Pink — kit */
    --bn-plat-color-accents-pink: rgb(255, 55, 95);
    /* Accents/Purple — kit */
    --bn-plat-color-accents-purple: rgb(219, 52, 242);
    /* Accents/Red — kit */
    --bn-plat-color-accents-red: rgb(255, 66, 69);
    /* Accents/Teal — kit */
    --bn-plat-color-accents-teal: rgb(0, 210, 224);
    /* Accents - Vibrant/Blue — kit */
    --bn-plat-color-accents-vibrant-blue: rgb(10, 153, 255);
    /* Accents - Vibrant/Brown — kit */
    --bn-plat-color-accents-vibrant-brown: rgb(194, 150, 114);
    /* Accents - Vibrant/Cyan — kit */
    --bn-plat-color-accents-vibrant-cyan: rgb(71, 216, 252);
    /* Accents - Vibrant/Green — kit */
    --bn-plat-color-accents-vibrant-green: rgb(59, 219, 99);
    /* Accents - Vibrant/Indigo — kit */
    --bn-plat-color-accents-vibrant-indigo: rgb(113, 99, 255);
    /* Accents - Vibrant/Mint — kit */
    --bn-plat-color-accents-vibrant-mint: rgb(45, 224, 205);
    /* Accents - Vibrant/Orange — kit */
    --bn-plat-color-accents-vibrant-orange: rgb(255, 158, 51);
    /* Accents - Vibrant/Pink — kit */
    --bn-plat-color-accents-vibrant-pink: rgb(255, 65, 105);
    /* Accents - Vibrant/Purple — kit */
    --bn-plat-color-accents-vibrant-purple: rgb(230, 71, 252);
    /* Accents - Vibrant/Red — kit */
    --bn-plat-color-accents-vibrant-red: rgb(255, 71, 71);
    /* Accents - Vibrant/Teal — kit */
    --bn-plat-color-accents-vibrant-teal: rgb(45, 215, 224);
    /* Accents - Vibrant/Yellow — kit */
    --bn-plat-color-accents-vibrant-yellow: rgb(255, 224, 20);
    /* Accents/Yellow — kit */
    --bn-plat-color-accents-yellow: rgb(255, 214, 0);
    /* Fills - Opaque/Primary — kit */
    --bn-plat-color-fills-opaque-primary: rgba(255, 255, 255, 0.102);
    /* Fills - Opaque/Quaternary — kit */
    --bn-plat-color-fills-opaque-quaternary: rgba(255, 255, 255, 0.031);
    /* Fills - Opaque/Quinary — kit */
    --bn-plat-color-fills-opaque-quinary: rgba(255, 255, 255, 0.02);
    /* Fills - Opaque/Secondary — kit */
    --bn-plat-color-fills-opaque-secondary: rgba(255, 255, 255, 0.078);
    /* Fills - Opaque/Tertiary — kit */
    --bn-plat-color-fills-opaque-tertiary: rgba(255, 255, 255, 0.051);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Primary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-primary: rgb(36, 36, 36);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Quaternary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quaternary: rgb(9, 9, 9);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Quinary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quinary: rgb(7, 7, 7);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Secondary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-secondary: rgb(20, 20, 20);
    /* Fills - Vibrant (Use Plus Lighter | Darker)/Tertiary — kit */
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-tertiary: rgb(13, 13, 13);
    /* Grays/Black — kit */
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    /* Grays/Gray — kit */
    --bn-plat-color-grays-gray: rgb(152, 152, 159);
    /* Grays/White — kit */
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    /* Labels/Primary — kit */
    --bn-plat-color-labels-primary: rgba(255, 255, 255, 0.851);
    /* Labels/Quaternary — kit */
    --bn-plat-color-labels-quaternary: rgba(255, 255, 255, 0.102);
    /* Labels/Quinary — kit */
    --bn-plat-color-labels-quinary: rgba(255, 255, 255, 0.051);
    /* Labels/Secondary — kit */
    --bn-plat-color-labels-secondary: rgba(255, 255, 255, 0.549);
    /* Labels/Seximal — kit */
    --bn-plat-color-labels-seximal: rgba(255, 255, 255, 0.031);
    /* Labels/Tertiary — kit */
    --bn-plat-color-labels-tertiary: rgba(255, 255, 255, 0.251);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Primary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-primary: rgb(245, 245, 245);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Quaternary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quaternary: rgb(38, 38, 38);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Quinary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quinary: rgb(17, 17, 17);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Secondary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-secondary: rgb(138, 138, 138);
    /* Labels - Vibrant (Use Plus Lighter | Darker)/Tertiary — kit */
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-tertiary: rgb(64, 64, 64);
    /* Labels/White — kit */
    --bn-plat-color-labels-white: rgb(255, 255, 255);
    /* Miscellaneous/Alerts/Overlay — kit */
    --bn-plat-color-miscellaneous-alerts-overlay: rgba(23, 23, 23, 0.62);
    /* Miscellaneous/Progress Bars/Track - Stroke — kit */
    --bn-plat-color-miscellaneous-progress-bars-track-stroke: rgba(255, 255, 255, 0.039);
    /* Miscellaneous/Scrollbar — kit */
    --bn-plat-color-miscellaneous-scrollbar: rgba(255, 255, 255, 0.549);
    /* Miscellaneous/Sidebar/Label - Inactive — kit */
    --bn-plat-color-miscellaneous-sidebar-label-inactive: rgb(102, 102, 102);
    /* Miscellaneous/Tables/Alternating Row Color — kit */
    --bn-plat-color-miscellaneous-tables-alternating-row-color: rgba(255, 255, 255, 0.051);
    /* Miscellaneous/Tables/BG - Selected + Active — kit */
    --bn-plat-color-miscellaneous-tables-bg-selected-active: rgb(1, 88, 210);
    /* Miscellaneous/Tables/BG - Selected + Inactive — kit */
    --bn-plat-color-miscellaneous-tables-bg-selected-inactive: rgba(255, 255, 255, 0.18);
    /* Miscellaneous/Tables/Column Separator — kit */
    --bn-plat-color-miscellaneous-tables-column-separator: rgba(255, 255, 255, 0.102);
    /* Miscellaneous/Tooltips/Inner Stroke — kit */
    --bn-plat-color-miscellaneous-tooltips-inner-stroke: rgba(255, 255, 255, 0.149);
    /* Miscellaneous/Tooltips/Sidebar - BG - Active — kit */
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-active: rgb(20, 21, 23);
    /* Miscellaneous/Tooltips/Sidebar - BG - Inactive — kit */
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-inactive: rgb(19, 20, 20);
    /* Window Background — kit */
    --bn-plat-color-window-background: rgb(30, 30, 30);
    --bn-plat-color-label: var(--bn-plat-color-labels-primary);
    --bn-plat-color-label-secondary: var(--bn-plat-color-labels-secondary);
    --bn-plat-color-label-tertiary: var(--bn-plat-color-labels-tertiary);
    --bn-plat-color-label-quaternary: var(--bn-plat-color-labels-quaternary);
    --bn-plat-color-label-quinary: var(--bn-plat-color-labels-quinary);
    --bn-plat-color-label-seximal: var(--bn-plat-color-labels-seximal);
    --bn-plat-color-fill: var(--bn-plat-color-fills-opaque-primary);
    --bn-plat-color-bg: var(--bn-plat-color-window-background);
    --bn-plat-color-separator: var(--bn-plat-color-miscellaneous-tables-column-separator);
    --bn-plat-color-overlay: var(--bn-plat-color-miscellaneous-alerts-overlay);
    --bn-plat-color-accent: var(--bn-plat-color-accents-blue);
    --bn-plat-color-gray: var(--bn-plat-color-grays-gray);
    --bn-plat-color-accent-red: var(--bn-plat-color-accents-red);
    --bn-plat-color-accent-orange: var(--bn-plat-color-accents-orange);
    --bn-plat-color-accent-yellow: var(--bn-plat-color-accents-yellow);
    --bn-plat-color-accent-green: var(--bn-plat-color-accents-green);
    --bn-plat-color-accent-mint: var(--bn-plat-color-accents-mint);
    --bn-plat-color-accent-teal: var(--bn-plat-color-accents-teal);
    --bn-plat-color-accent-cyan: var(--bn-plat-color-accents-cyan);
    --bn-plat-color-accent-blue: var(--bn-plat-color-accents-blue);
    --bn-plat-color-accent-indigo: var(--bn-plat-color-accents-indigo);
    --bn-plat-color-accent-purple: var(--bn-plat-color-accents-purple);
    --bn-plat-color-accent-pink: var(--bn-plat-color-accents-pink);
    --bn-plat-color-accent-brown: var(--bn-plat-color-accents-brown);
    --bn-plat-material-ultrathin: rgba(0, 0, 0, 0.1);
    --bn-plat-material-thin: rgba(0, 0, 0, 0.2);
    --bn-plat-material-medium: rgba(0, 0, 0, 0.29);
    --bn-plat-material-thick: rgba(0, 0, 0, 0.4);
    --bn-plat-material-ultrathick: rgba(0, 0, 0, 0.5);
}

[data-theme="dark"][data-bn-platform="macos"][data-bn-contrast="more"],
[data-theme="dark"][data-bn-platform="macos"].bn-contrast-more,
[data-theme="dark"].bn-platform-macos[data-bn-contrast="more"],
[data-theme="dark"].bn-platform-macos.bn-contrast-more {
    /* derived increased contrast — not a kit mode */
    --bn-plat-color-accents-vibrant-blue: rgb(51, 170, 255);
    --bn-plat-color-accents-vibrant-brown: rgb(206, 171, 142);
    --bn-plat-color-accents-vibrant-cyan: rgb(111, 225, 253);
    --bn-plat-color-accents-vibrant-green: rgb(93, 225, 126);
    --bn-plat-color-accents-vibrant-indigo: rgb(132, 119, 255);
    --bn-plat-color-accents-vibrant-mint: rgb(81, 229, 213);
    --bn-plat-color-accents-vibrant-orange: rgb(255, 177, 92);
    --bn-plat-color-accents-vibrant-pink: rgb(255, 106, 137);
    --bn-plat-color-accents-vibrant-purple: rgb(235, 111, 253);
    --bn-plat-color-accents-vibrant-red: rgb(255, 112, 112);
    --bn-plat-color-accents-vibrant-teal: rgb(81, 222, 229);
    --bn-plat-color-accents-vibrant-yellow: rgb(255, 229, 61);
    --bn-plat-color-accents-blue: rgb(41, 163, 255);
    --bn-plat-color-accents-brown: rgb(196, 159, 130);
    --bn-plat-color-accents-cyan: rgb(101, 220, 254);
    --bn-plat-color-accents-green: rgb(81, 216, 115);
    --bn-plat-color-accents-indigo: rgb(150, 161, 255);
    --bn-plat-color-accents-mint: rgb(4, 255, 228);
    --bn-plat-color-accents-orange: rgb(255, 167, 89);
    --bn-plat-color-accents-pink: rgb(255, 96, 128);
    --bn-plat-color-accents-purple: rgb(226, 90, 244);
    --bn-plat-color-accents-red: rgb(255, 107, 109);
    --bn-plat-color-accents-teal: rgb(10, 240, 255);
    --bn-plat-color-accents-yellow: rgb(255, 221, 41);
    --bn-plat-color-fills-opaque-primary: rgba(255, 255, 255, 0.163);
    --bn-plat-color-fills-opaque-quaternary: rgba(255, 255, 255, 0.077);
    --bn-plat-color-fills-opaque-quinary: rgba(255, 255, 255, 0.077);
    --bn-plat-color-fills-opaque-secondary: rgba(255, 255, 255, 0.125);
    --bn-plat-color-fills-opaque-tertiary: rgba(255, 255, 255, 0.082);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-primary: rgb(133, 133, 133);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quaternary: rgb(137, 137, 137);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-quinary: rgb(135, 135, 135);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-secondary: rgb(137, 137, 137);
    --bn-plat-color-fills-vibrant-use-plus-lighter-darker-tertiary: rgb(135, 135, 135);
    --bn-plat-color-grays-black: rgb(0, 0, 0);
    --bn-plat-color-grays-gray: rgb(173, 173, 179);
    --bn-plat-color-grays-white: rgb(255, 255, 255);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-primary: rgb(245, 245, 245);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quaternary: rgb(38, 38, 38);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-quinary: rgb(17, 17, 17);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-secondary: rgb(138, 138, 138);
    --bn-plat-color-labels-vibrant-use-plus-lighter-darker-tertiary: rgb(64, 64, 64);
    --bn-plat-color-labels-primary: rgba(255, 255, 255, 0.971);
    --bn-plat-color-labels-quaternary: rgba(255, 255, 255, 0.33);
    --bn-plat-color-labels-quinary: rgba(255, 255, 255, 0.33);
    --bn-plat-color-labels-secondary: rgba(255, 255, 255, 0.613);
    --bn-plat-color-labels-seximal: rgba(255, 255, 255, 0.33);
    --bn-plat-color-labels-tertiary: rgba(255, 255, 255, 0.457);
    --bn-plat-color-labels-white: rgb(255, 255, 255);
    --bn-plat-color-miscellaneous-alerts-overlay: rgba(23, 23, 23, 0.775);
    --bn-plat-color-miscellaneous-progress-bars-track-stroke: rgba(255, 255, 255, 0.077);
    --bn-plat-color-miscellaneous-scrollbar: rgba(255, 255, 255, 0.878);
    --bn-plat-color-miscellaneous-sidebar-label-inactive: rgb(102, 102, 102);
    --bn-plat-color-miscellaneous-tables-alternating-row-color: rgba(255, 255, 255, 0.082);
    --bn-plat-color-miscellaneous-tables-bg-selected-active: rgb(49, 134, 254);
    --bn-plat-color-miscellaneous-tables-bg-selected-inactive: rgba(255, 255, 255, 0.288);
    --bn-plat-color-miscellaneous-tables-column-separator: rgba(255, 255, 255, 0.163);
    --bn-plat-color-miscellaneous-tooltips-inner-stroke: rgba(255, 255, 255, 0.238);
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-active: rgb(20, 21, 23);
    --bn-plat-color-miscellaneous-tooltips-sidebar-bg-inactive: rgb(19, 20, 20);
    --bn-plat-color-window-background: rgb(30, 30, 30);
}

}