/* GENERATED from tokens.json; do not edit this derivative independently. */
:root {
  --ob-brand-orange: #FF6A00;
  --ob-brand-orange50: #FFF3EB;
  --ob-brand-orange100: #FFE4CF;
  --ob-brand-orange200: #FFC999;
  --ob-brand-orange300: #FFB374;
  --ob-brand-orange400: #FF8A33;
  --ob-brand-orange500: #FF6A00;
  --ob-brand-orange600: #E55800;
  --ob-brand-orange700: #CC4300;
  --ob-brand-orange800: #8A3100;
  --ob-brand-orange900: #5C2A00;
  --ob-neutral-ink: #1A1A1C;
  --ob-neutral-white: #FFFFFF;
  --ob-neutral-surface: #F1F6FB;
  --ob-neutral-textMuted: #4E6376;
  --ob-neutral-line: #D6DFE8;
  --ob-neutral-controlBorder: #6F8394;
  --ob-webLight-background: #FAFCFE;
  --ob-webLight-surface: #F1F6FB;
  --ob-webLight-selected: #E1EBF4;
  --ob-webLight-line: #D6DFE8;
  --ob-webLight-text: #13212D;
  --ob-webLight-textMuted: #4E6376;
  --ob-webLight-controlBorder: #6F8394;
  --ob-webLight-link: #234058;
  --ob-webLight-focusOuter: #234058;
  --ob-webLight-focusInner: #FFFFFF;
  --ob-webDark-background: #0F1419;
  --ob-webDark-surface: #161D22;
  --ob-webDark-selected: #212A32;
  --ob-webDark-line: #2D373F;
  --ob-webDark-text: #ECF1F5;
  --ob-webDark-textMuted: #ABB9C7;
  --ob-webDark-controlBorder: #6C7D8B;
  --ob-webDark-link: #BFD4E7;
  --ob-webDark-focusOuter: #BFD4E7;
  --ob-webDark-focusInner: #0F1419;
  --ob-primary-default: #234058;
  --ob-primary-hover: #16334A;
  --ob-primary-pressed: #0E293D;
  --ob-primary-text: #FFFFFF;
  --ob-primary-border: #234058;
  --ob-inkCta-default: #13212D;
  --ob-inkCta-hover: #234058;
  --ob-inkCta-pressed: #0B1620;
  --ob-inkCta-text: #FFFFFF;
  --ob-danger-default: #C12535;
  --ob-danger-hover: #A51D2B;
  --ob-danger-pressed: #8D1925;
  --ob-danger-text: #FFFFFF;
  --ob-secondary-default: #FFFFFF;
  --ob-secondary-hover: #F1F6FB;
  --ob-secondary-pressed: #E1EBF4;
  --ob-secondary-text: #13212D;
  --ob-secondary-border: #6F8394;
  --ob-disabled-background: #E1EBF4;
  --ob-disabled-text: #6F8394;
  --ob-switch-on: #234058;
  --ob-switch-off: #6F8394;
  --ob-switch-thumb: #FFFFFF;
  --ob-switch-onDark: #BFD4E7;
  --ob-switch-thumbDark: #0F1419;
  --ob-semantic-success-background: #E4FBE7;
  --ob-semantic-success-icon: #298646;
  --ob-semantic-success-onIcon: #FFFFFF;
  --ob-semantic-success-text: #13212D;
  --ob-semantic-warning-background: #FEF4CE;
  --ob-semantic-warning-icon: #F0BC12;
  --ob-semantic-warning-onIcon: #13212D;
  --ob-semantic-warning-text: #13212D;
  --ob-semantic-error-background: #FFEEEE;
  --ob-semantic-error-icon: #C12535;
  --ob-semantic-error-onIcon: #FFFFFF;
  --ob-semantic-error-text: #13212D;
  --ob-semantic-info-background: #E7F4FF;
  --ob-semantic-info-icon: #234058;
  --ob-semantic-info-onIcon: #FFFFFF;
  --ob-semantic-info-text: #13212D;
  --ob-semanticDark-success-background: #173221;
  --ob-semanticDark-success-icon: #6FD087;
  --ob-semanticDark-success-onIcon: #0F1419;
  --ob-semanticDark-success-text: #ECF1F5;
  --ob-semanticDark-warning-background: #382C0C;
  --ob-semanticDark-warning-icon: #F5C83E;
  --ob-semanticDark-warning-onIcon: #0F1419;
  --ob-semanticDark-warning-text: #ECF1F5;
  --ob-semanticDark-error-background: #412022;
  --ob-semanticDark-error-icon: #F47A79;
  --ob-semanticDark-error-onIcon: #0F1419;
  --ob-semanticDark-error-text: #ECF1F5;
  --ob-semanticDark-info-background: #1C2D3C;
  --ob-semanticDark-info-icon: #BFD4E7;
  --ob-semanticDark-info-onIcon: #0F1419;
  --ob-semanticDark-info-text: #ECF1F5;
  --ob-workflow-development-background: #CCE1F4;
  --ob-workflow-development-text: #234058;
  --ob-workflow-review-background: #F1F6FB;
  --ob-workflow-review-text: #4E6376;
  --ob-windowsExample-background: #F6F8FC;
  --ob-windowsExample-surface: #FFFFFF;
  --ob-windowsExample-text: #1F2937;
  --ob-windowsExample-primary: #005993;
  --ob-windowsExample-onPrimary: #FFFFFF;
  --ob-windowsExample-accentDecoration: #168DD9;
  --ob-windowsExample-darkPrimary: #86BEEE;
  --ob-windowsExample-darkOnPrimary: #121418;
  --ob-windowsExample-darkSecondary: #272B33;
  --ob-product-neomfc: #005993;
  --ob-product-mfcguide: #1D3D58;
  --ob-product-hexscope: #1C2B37;
  --ob-dataSeries-1: #005993;
  --ob-dataSeries-2: #7C3AED;
  --ob-dataSeries-3: #0F766E;
  --ob-dataSeries-4: #A16207;
  --ob-dataSeries-5: #BE185D;
  --ob-dataSeries-6: #475569;
  --ob-primaryDark-default: #BFD4E7;
  --ob-primaryDark-hover: #CEE1F1;
  --ob-primaryDark-pressed: #ACC1D3;
  --ob-primaryDark-text: #0F1419;
  --ob-inkCtaDark-default: #ECF1F5;
  --ob-inkCtaDark-hover: #FFFFFF;
  --ob-inkCtaDark-pressed: #D5DEE6;
  --ob-inkCtaDark-text: #0F1419;
  --ob-workspaceLight-primary-default: #234058;
  --ob-workspaceLight-primary-hover: #16334A;
  --ob-workspaceLight-primary-pressed: #0E293D;
  --ob-workspaceLight-primary-text: #FFFFFF;
  --ob-workspaceLight-accent: #234058;
  --ob-workspaceLight-currentDot: #FF6A00;
  --ob-workspaceDark-primary-default: #BFD4E7;
  --ob-workspaceDark-primary-hover: #CEE1F1;
  --ob-workspaceDark-primary-pressed: #ACC1D3;
  --ob-workspaceDark-primary-text: #0F1419;
  --ob-workspaceDark-accent: #BFD4E7;
  --ob-workspaceDark-currentDot: #FF6A00;
  --ob-currentDot: #FF6A00;
  --ob-dangerDark-default: #F47A79;
  --ob-dangerDark-hover: #FDA19E;
  --ob-dangerDark-pressed: #E36364;
  --ob-dangerDark-text: #0F1419;
  --ob-secondaryDark-default: #161D22;
  --ob-secondaryDark-hover: #212A32;
  --ob-secondaryDark-pressed: #2D373F;
  --ob-secondaryDark-text: #ECF1F5;
  --ob-secondaryDark-border: #6C7D8B;
  --ob-disabledDark-background: #212A32;
  --ob-disabledDark-text: #6C7D8B;
  --ob-workflowDark-development-background: #264056;
  --ob-workflowDark-development-text: #ECF1F5;
  --ob-workflowDark-review-background: #161D22;
  --ob-workflowDark-review-text: #ABB9C7;
  --ob-font-brand: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --ob-font-app: "Segoe UI", "Yu Gothic UI", sans-serif;
  --ob-type-hero-size: 56px;
  --ob-type-hero-weight: 700;
  --ob-type-hero-line: 1.15;
  --ob-type-h1-size: 40px;
  --ob-type-h1-weight: 700;
  --ob-type-h1-line: 1.2;
  --ob-type-h2-size: 32px;
  --ob-type-h2-weight: 700;
  --ob-type-h2-line: 1.3;
  --ob-type-h3-size: 24px;
  --ob-type-h3-weight: 700;
  --ob-type-h3-line: 1.4;
  --ob-type-body-size: 16px;
  --ob-type-body-weight: 400;
  --ob-type-body-line: 1.8;
  --ob-type-caption-size: 14px;
  --ob-type-caption-weight: 400;
  --ob-type-caption-line: 1.6;
  --ob-type-button-size: 16px;
  --ob-type-button-weight: 700;
  --ob-type-button-line: 1.4;
  --ob-type-metric-size: 28px;
  --ob-type-metric-weight: 700;
  --ob-type-metric-line: 1.2;
  --ob-type-small-size: 12px;
  --ob-type-small-weight: 400;
  --ob-type-small-line: 1.6;
  --ob-space-4: 4px;
  --ob-space-8: 8px;
  --ob-space-12: 12px;
  --ob-space-16: 16px;
  --ob-space-24: 24px;
  --ob-space-32: 32px;
  --ob-space-40: 40px;
  --ob-space-48: 48px;
  --ob-space-64: 64px;
  --ob-radius-control: 8px;
  --ob-radius-card: 12px;
  --ob-radius-hero: 24px;
  --ob-radius-pill: 999px;
  --ob-control-height: 44px;
  --ob-control-compactHeight: 32px;
  --ob-control-focusInner: 2px;
  --ob-control-focusOuter: 2px;
  --ob-motion-hoverMs: 120ms;
  --ob-motion-transitionMs: 200ms;
  --ob-motion-brandMs: 1800ms;
  --ob-easing: cubic-bezier(0.2,0,0,1);
  --ob-bg: var(--ob-webLight-background);
  --ob-fg: var(--ob-webLight-text);
  --ob-surface: var(--ob-webLight-surface);
  --ob-selected: var(--ob-webLight-selected);
  --ob-line: var(--ob-webLight-line);
  --ob-muted: var(--ob-webLight-textMuted);
  --ob-focus-inner: var(--ob-webLight-focusInner);
  --ob-focus-outer: var(--ob-webLight-focusOuter);
  --ob-current-dot: var(--ob-currentDot);
}
[data-theme="dark"] { --ob-bg: var(--ob-webDark-background); --ob-fg: var(--ob-webDark-text); --ob-surface: var(--ob-webDark-surface); --ob-selected: var(--ob-webDark-selected); --ob-line: var(--ob-webDark-line); --ob-muted: var(--ob-webDark-textMuted); --ob-focus-inner: var(--ob-webDark-focusInner); --ob-focus-outer: var(--ob-webDark-focusOuter); }
.ob-control { min-height: var(--ob-control-height); border-radius: var(--ob-radius-control); font-family: var(--ob-font-brand); font-size: var(--ob-type-button-size); font-weight: var(--ob-type-button-weight); line-height: var(--ob-type-button-line); transition: background-color var(--ob-motion-hoverMs) var(--ob-easing); }
.ob-control:focus-visible { outline: none; box-shadow: 0 0 0 var(--ob-control-focusInner) var(--ob-focus-inner), 0 0 0 calc(var(--ob-control-focusInner) + var(--ob-control-focusOuter)) var(--ob-focus-outer); }
.ob-button-primary { color: var(--ob-primary-text); background: var(--ob-primary-default); border: 1px solid var(--ob-primary-border); }
.ob-button-primary:hover:not(:disabled) { background: var(--ob-primary-hover); }
.ob-button-primary:active:not(:disabled) { background: var(--ob-primary-pressed); }
.ob-button-danger { color: var(--ob-danger-text); background: var(--ob-danger-default); border: 1px solid var(--ob-danger-default); }
.ob-button-danger:hover:not(:disabled) { background: var(--ob-danger-hover); }
.ob-button-danger:active:not(:disabled) { background: var(--ob-danger-pressed); }
.ob-button-ink { color: var(--ob-inkCta-text); background: var(--ob-inkCta-default); border: 1px solid var(--ob-inkCta-default); }
.ob-button-ink:hover:not(:disabled) { background: var(--ob-inkCta-hover); }
.ob-button-ink:active:not(:disabled) { background: var(--ob-inkCta-pressed); }
.ob-button-secondary { color: var(--ob-secondary-text); background: var(--ob-secondary-default); border: 1px solid var(--ob-secondary-border); }
.ob-button-secondary:hover:not(:disabled) { background: var(--ob-secondary-hover); }
.ob-button-secondary:active:not(:disabled) { background: var(--ob-secondary-pressed); }
.ob-control:disabled { color: var(--ob-disabled-text); background: var(--ob-disabled-background); border-color: transparent; cursor: not-allowed; }
.ob-link { color: var(--ob-webLight-link); text-decoration: underline; }
[data-theme="dark"] .ob-link { color: var(--ob-webDark-link); }
@media (prefers-reduced-motion: reduce) { .ob-brand-motion, .ob-ui-motion, .ob-control { animation: none !important; transition: none !important; transform: none !important; } }
@media (forced-colors: active) { .ob-control:focus-visible { box-shadow: none; outline: 2px solid Highlight; outline-offset: 2px; } .ob-control { forced-color-adjust: auto; } }
[data-theme="dark"] .ob-button-primary { background: var(--ob-primaryDark-default); color: var(--ob-primaryDark-text); border-color: var(--ob-primaryDark-default); }
[data-theme="dark"] .ob-button-primary:hover:not(:disabled) { background: var(--ob-primaryDark-hover); }
[data-theme="dark"] .ob-button-primary:active:not(:disabled) { background: var(--ob-primaryDark-pressed); }
[data-theme="dark"] .ob-button-ink { background: var(--ob-inkCtaDark-default); color: var(--ob-inkCtaDark-text); border-color: var(--ob-inkCtaDark-default); }
[data-theme="dark"] .ob-button-ink:hover:not(:disabled) { background: var(--ob-inkCtaDark-hover); }
[data-theme="dark"] .ob-button-ink:active:not(:disabled) { background: var(--ob-inkCtaDark-pressed); }
[data-theme="dark"] .ob-button-danger { background: var(--ob-dangerDark-default); color: var(--ob-dangerDark-text); border-color: var(--ob-dangerDark-default); }
[data-theme="dark"] .ob-button-danger:hover:not(:disabled) { background: var(--ob-dangerDark-hover); }
[data-theme="dark"] .ob-button-danger:active:not(:disabled) { background: var(--ob-dangerDark-pressed); }
[data-theme="dark"] .ob-button-secondary { background: var(--ob-secondaryDark-default); color: var(--ob-secondaryDark-text); border-color: var(--ob-secondaryDark-border); }
[data-theme="dark"] .ob-button-secondary:hover:not(:disabled) { background: var(--ob-secondaryDark-hover); }
[data-theme="dark"] .ob-button-secondary:active:not(:disabled) { background: var(--ob-secondaryDark-pressed); }
[data-ui="workspace"], [data-ui="workspace"] .ob-control { font-family: var(--ob-font-app); }
[data-theme="dark"] .ob-control:disabled { color: var(--ob-disabledDark-text); background: var(--ob-disabledDark-background); border-color: transparent; }
.ob-current-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ob-current-dot); flex: none; }
@media (forced-colors: active) { .ob-current-dot { background: Highlight; } }