/* Generated from appearance v1 tokens.json. Opt-in boundaries only. */ [data-iarf-appearance="v1"], :host([data-iarf-appearance="v1"]) { --iarf-appearance-canvas: var(--iarf-brand-light-canvas, #f8f9fa); --iarf-appearance-surface: var(--iarf-brand-light-surface, #ffffff); --iarf-appearance-elevated: var(--iarf-brand-light-elevated, #ffffff); --iarf-appearance-sunken: var(--iarf-brand-light-sunken, #eef1f5); --iarf-appearance-text: var(--iarf-brand-light-text, #343a40); --iarf-appearance-muted: var(--iarf-brand-light-muted, #5f6872); --iarf-appearance-border: var(--iarf-brand-light-border, #d4dae1); --iarf-appearance-control-border: var(--iarf-brand-light-control-border, #788391); --iarf-appearance-focus: var(--iarf-brand-light-focus, #1a5494); --iarf-appearance-action: var(--iarf-brand-light-action, #246fbd); --iarf-appearance-action-hover: var(--iarf-brand-light-action-hover, #1a5494); --iarf-appearance-action-active: var(--iarf-brand-light-action-active, #154477); --iarf-appearance-on-action: var(--iarf-brand-light-on-action, #ffffff); --iarf-appearance-link: var(--iarf-brand-light-link, #1a5494); --iarf-appearance-link-hover: var(--iarf-brand-light-link-hover, #154477); --iarf-appearance-selection: var(--iarf-brand-light-selection, #dcecff); --iarf-appearance-selection-text: var(--iarf-brand-light-selection-text, #17395f); --iarf-appearance-disabled: var(--iarf-brand-light-disabled, #e9ecef); --iarf-appearance-disabled-text: var(--iarf-brand-light-disabled-text, #5f6872); --iarf-appearance-danger: var(--iarf-brand-light-danger, #9b1c1c); --iarf-appearance-danger-surface: var(--iarf-brand-light-danger-surface, #fff1f2); --iarf-appearance-success: var(--iarf-brand-light-success, #22633d); --iarf-appearance-success-surface: var(--iarf-brand-light-success-surface, #ecfdf3); --iarf-appearance-warning: var(--iarf-brand-light-warning, #6b4900); --iarf-appearance-warning-surface: var(--iarf-brand-light-warning-surface, #fff7db); --iarf-appearance-info: var(--iarf-brand-light-info, #175489); --iarf-appearance-info-surface: var(--iarf-brand-light-info-surface, #edf6ff); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: light; } [data-iarf-appearance="v1"][data-iarf-product="network"], :host([data-iarf-appearance="v1"][data-iarf-product="network"]) { --iarf-appearance-canvas: var(--network-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--network-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--network-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--network-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--network-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--network-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--network-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--network-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--network-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--network-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--network-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--network-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--network-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--network-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--network-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--network-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--network-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--network-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--network-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--network-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--network-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--network-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--network-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--network-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--network-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--network-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--network-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: light; } [data-iarf-appearance="v1"][data-iarf-product="free-library"], :host([data-iarf-appearance="v1"][data-iarf-product="free-library"]) { --iarf-appearance-canvas: var(--free-library-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--free-library-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--free-library-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--free-library-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--free-library-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--free-library-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--free-library-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--free-library-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--free-library-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--free-library-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--free-library-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--free-library-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--free-library-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--free-library-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--free-library-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--free-library-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--free-library-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--free-library-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--free-library-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--free-library-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--free-library-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--free-library-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--free-library-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--free-library-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--free-library-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--free-library-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--free-library-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: light; } [data-iarf-appearance="v1"][data-iarf-product="community-tours"], :host([data-iarf-appearance="v1"][data-iarf-product="community-tours"]) { --iarf-appearance-canvas: var(--community-tours-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--community-tours-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--community-tours-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--community-tours-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--community-tours-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--community-tours-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--community-tours-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--community-tours-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--community-tours-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--community-tours-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--community-tours-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--community-tours-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--community-tours-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--community-tours-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--community-tours-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--community-tours-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--community-tours-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--community-tours-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--community-tours-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--community-tours-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--community-tours-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--community-tours-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--community-tours-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--community-tours-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--community-tours-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--community-tours-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--community-tours-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: light; } [data-iarf-appearance="v1"][data-iarf-product="pandatask"], :host([data-iarf-appearance="v1"][data-iarf-product="pandatask"]) { --iarf-appearance-canvas: var(--pandatask-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--pandatask-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--pandatask-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--pandatask-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--pandatask-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--pandatask-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--pandatask-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--pandatask-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--pandatask-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--pandatask-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--pandatask-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--pandatask-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--pandatask-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--pandatask-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--pandatask-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--pandatask-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--pandatask-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--pandatask-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--pandatask-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--pandatask-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--pandatask-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--pandatask-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--pandatask-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--pandatask-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--pandatask-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--pandatask-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--pandatask-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: light; } [data-iarf-appearance="v1"][data-iarf-product="post-library"], :host([data-iarf-appearance="v1"][data-iarf-product="post-library"]) { --iarf-appearance-canvas: var(--postlib25-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--postlib25-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--postlib25-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--postlib25-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--postlib25-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--postlib25-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--postlib25-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--postlib25-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--postlib25-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--postlib25-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--postlib25-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--postlib25-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--postlib25-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--postlib25-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--postlib25-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--postlib25-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--postlib25-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--postlib25-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--postlib25-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--postlib25-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--postlib25-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--postlib25-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--postlib25-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--postlib25-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--postlib25-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--postlib25-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--postlib25-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: light; } [data-iarf-appearance="v1"][data-iarf-product="calendar"], :host([data-iarf-appearance="v1"][data-iarf-product="calendar"]) { --iarf-appearance-canvas: var(--iarf-cal-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--iarf-cal-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--iarf-cal-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--iarf-cal-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--iarf-cal-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--iarf-cal-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--iarf-cal-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--iarf-cal-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--iarf-cal-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--iarf-cal-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--iarf-cal-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--iarf-cal-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--iarf-cal-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--iarf-cal-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--iarf-cal-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--iarf-cal-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--iarf-cal-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--iarf-cal-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--iarf-cal-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--iarf-cal-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--iarf-cal-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--iarf-cal-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--iarf-cal-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--iarf-cal-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--iarf-cal-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--iarf-cal-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--iarf-cal-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: light; } @media (prefers-color-scheme: dark) { [data-iarf-appearance="v1"], :host([data-iarf-appearance="v1"]) { --iarf-appearance-canvas: var(--iarf-brand-dark-canvas, #111820); --iarf-appearance-surface: var(--iarf-brand-dark-surface, #18222e); --iarf-appearance-elevated: var(--iarf-brand-dark-elevated, #223041); --iarf-appearance-sunken: var(--iarf-brand-dark-sunken, #0d141c); --iarf-appearance-text: var(--iarf-brand-dark-text, #edf2f7); --iarf-appearance-muted: var(--iarf-brand-dark-muted, #b6c2cf); --iarf-appearance-border: var(--iarf-brand-dark-border, #3d4d60); --iarf-appearance-control-border: var(--iarf-brand-dark-control-border, #8394a8); --iarf-appearance-focus: var(--iarf-brand-dark-focus, #9ecbff); --iarf-appearance-action: var(--iarf-brand-dark-action, #9ecbff); --iarf-appearance-action-hover: var(--iarf-brand-dark-action-hover, #bedcff); --iarf-appearance-action-active: var(--iarf-brand-dark-action-active, #dbebff); --iarf-appearance-on-action: var(--iarf-brand-dark-on-action, #10233a); --iarf-appearance-link: var(--iarf-brand-dark-link, #9ecbff); --iarf-appearance-link-hover: var(--iarf-brand-dark-link-hover, #c6e0ff); --iarf-appearance-selection: var(--iarf-brand-dark-selection, #294f76); --iarf-appearance-selection-text: var(--iarf-brand-dark-selection-text, #f2f7ff); --iarf-appearance-disabled: var(--iarf-brand-dark-disabled, #2d3948); --iarf-appearance-disabled-text: var(--iarf-brand-dark-disabled-text, #a5b1bf); --iarf-appearance-danger: var(--iarf-brand-dark-danger, #ffb4b8); --iarf-appearance-danger-surface: var(--iarf-brand-dark-danger-surface, #431f29); --iarf-appearance-success: var(--iarf-brand-dark-success, #abebc6); --iarf-appearance-success-surface: var(--iarf-brand-dark-success-surface, #163b2b); --iarf-appearance-warning: var(--iarf-brand-dark-warning, #f7d77c); --iarf-appearance-warning-surface: var(--iarf-brand-dark-warning-surface, #40351a); --iarf-appearance-info: var(--iarf-brand-dark-info, #b6d9ff); --iarf-appearance-info-surface: var(--iarf-brand-dark-info-surface, #19354e); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: dark; } } @media (prefers-color-scheme: dark) { [data-iarf-appearance="v1"][data-iarf-product="network"], :host([data-iarf-appearance="v1"][data-iarf-product="network"]) { --iarf-appearance-canvas: var(--network-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--network-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--network-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--network-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--network-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--network-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--network-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--network-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--network-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--network-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--network-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--network-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--network-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--network-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--network-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--network-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--network-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--network-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--network-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--network-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--network-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--network-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--network-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--network-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--network-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--network-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--network-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: dark; } } @media (prefers-color-scheme: dark) { [data-iarf-appearance="v1"][data-iarf-product="free-library"], :host([data-iarf-appearance="v1"][data-iarf-product="free-library"]) { --iarf-appearance-canvas: var(--free-library-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--free-library-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--free-library-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--free-library-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--free-library-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--free-library-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--free-library-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--free-library-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--free-library-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--free-library-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--free-library-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--free-library-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--free-library-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--free-library-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--free-library-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--free-library-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--free-library-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--free-library-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--free-library-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--free-library-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--free-library-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--free-library-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--free-library-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--free-library-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--free-library-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--free-library-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--free-library-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: dark; } } @media (prefers-color-scheme: dark) { [data-iarf-appearance="v1"][data-iarf-product="community-tours"], :host([data-iarf-appearance="v1"][data-iarf-product="community-tours"]) { --iarf-appearance-canvas: var(--community-tours-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--community-tours-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--community-tours-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--community-tours-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--community-tours-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--community-tours-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--community-tours-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--community-tours-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--community-tours-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--community-tours-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--community-tours-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--community-tours-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--community-tours-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--community-tours-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--community-tours-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--community-tours-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--community-tours-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--community-tours-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--community-tours-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--community-tours-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--community-tours-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--community-tours-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--community-tours-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--community-tours-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--community-tours-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--community-tours-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--community-tours-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: dark; } } @media (prefers-color-scheme: dark) { [data-iarf-appearance="v1"][data-iarf-product="pandatask"], :host([data-iarf-appearance="v1"][data-iarf-product="pandatask"]) { --iarf-appearance-canvas: var(--pandatask-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--pandatask-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--pandatask-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--pandatask-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--pandatask-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--pandatask-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--pandatask-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--pandatask-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--pandatask-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--pandatask-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--pandatask-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--pandatask-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--pandatask-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--pandatask-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--pandatask-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--pandatask-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--pandatask-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--pandatask-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--pandatask-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--pandatask-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--pandatask-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--pandatask-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--pandatask-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--pandatask-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--pandatask-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--pandatask-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--pandatask-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: dark; } } @media (prefers-color-scheme: dark) { [data-iarf-appearance="v1"][data-iarf-product="post-library"], :host([data-iarf-appearance="v1"][data-iarf-product="post-library"]) { --iarf-appearance-canvas: var(--postlib25-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--postlib25-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--postlib25-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--postlib25-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--postlib25-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--postlib25-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--postlib25-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--postlib25-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--postlib25-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--postlib25-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--postlib25-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--postlib25-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--postlib25-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--postlib25-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--postlib25-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--postlib25-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--postlib25-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--postlib25-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--postlib25-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--postlib25-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--postlib25-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--postlib25-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--postlib25-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--postlib25-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--postlib25-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--postlib25-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--postlib25-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: dark; } } @media (prefers-color-scheme: dark) { [data-iarf-appearance="v1"][data-iarf-product="calendar"], :host([data-iarf-appearance="v1"][data-iarf-product="calendar"]) { --iarf-appearance-canvas: var(--iarf-cal-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--iarf-cal-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--iarf-cal-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--iarf-cal-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--iarf-cal-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--iarf-cal-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--iarf-cal-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--iarf-cal-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--iarf-cal-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--iarf-cal-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--iarf-cal-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--iarf-cal-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--iarf-cal-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--iarf-cal-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--iarf-cal-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--iarf-cal-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--iarf-cal-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--iarf-cal-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--iarf-cal-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--iarf-cal-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--iarf-cal-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--iarf-cal-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--iarf-cal-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--iarf-cal-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--iarf-cal-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--iarf-cal-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--iarf-cal-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: dark; } } html[data-iarf-mode="light"] [data-iarf-appearance="v1"], [data-iarf-appearance="v1"][data-iarf-mode="light"], :host([data-iarf-appearance="v1"][data-iarf-mode="light"]) { --iarf-appearance-canvas: var(--iarf-brand-light-canvas, #f8f9fa); --iarf-appearance-surface: var(--iarf-brand-light-surface, #ffffff); --iarf-appearance-elevated: var(--iarf-brand-light-elevated, #ffffff); --iarf-appearance-sunken: var(--iarf-brand-light-sunken, #eef1f5); --iarf-appearance-text: var(--iarf-brand-light-text, #343a40); --iarf-appearance-muted: var(--iarf-brand-light-muted, #5f6872); --iarf-appearance-border: var(--iarf-brand-light-border, #d4dae1); --iarf-appearance-control-border: var(--iarf-brand-light-control-border, #788391); --iarf-appearance-focus: var(--iarf-brand-light-focus, #1a5494); --iarf-appearance-action: var(--iarf-brand-light-action, #246fbd); --iarf-appearance-action-hover: var(--iarf-brand-light-action-hover, #1a5494); --iarf-appearance-action-active: var(--iarf-brand-light-action-active, #154477); --iarf-appearance-on-action: var(--iarf-brand-light-on-action, #ffffff); --iarf-appearance-link: var(--iarf-brand-light-link, #1a5494); --iarf-appearance-link-hover: var(--iarf-brand-light-link-hover, #154477); --iarf-appearance-selection: var(--iarf-brand-light-selection, #dcecff); --iarf-appearance-selection-text: var(--iarf-brand-light-selection-text, #17395f); --iarf-appearance-disabled: var(--iarf-brand-light-disabled, #e9ecef); --iarf-appearance-disabled-text: var(--iarf-brand-light-disabled-text, #5f6872); --iarf-appearance-danger: var(--iarf-brand-light-danger, #9b1c1c); --iarf-appearance-danger-surface: var(--iarf-brand-light-danger-surface, #fff1f2); --iarf-appearance-success: var(--iarf-brand-light-success, #22633d); --iarf-appearance-success-surface: var(--iarf-brand-light-success-surface, #ecfdf3); --iarf-appearance-warning: var(--iarf-brand-light-warning, #6b4900); --iarf-appearance-warning-surface: var(--iarf-brand-light-warning-surface, #fff7db); --iarf-appearance-info: var(--iarf-brand-light-info, #175489); --iarf-appearance-info-surface: var(--iarf-brand-light-info-surface, #edf6ff); color-scheme: light; } html[data-iarf-mode="light"] [data-iarf-appearance="v1"][data-iarf-product="network"], [data-iarf-appearance="v1"][data-iarf-product="network"][data-iarf-mode="light"], :host([data-iarf-appearance="v1"][data-iarf-product="network"][data-iarf-mode="light"]) { --iarf-appearance-canvas: var(--network-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--network-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--network-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--network-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--network-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--network-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--network-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--network-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--network-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--network-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--network-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--network-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--network-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--network-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--network-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--network-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--network-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--network-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--network-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--network-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--network-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--network-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--network-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--network-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--network-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--network-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--network-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); color-scheme: light; } html[data-iarf-mode="light"] [data-iarf-appearance="v1"][data-iarf-product="free-library"], [data-iarf-appearance="v1"][data-iarf-product="free-library"][data-iarf-mode="light"], :host([data-iarf-appearance="v1"][data-iarf-product="free-library"][data-iarf-mode="light"]) { --iarf-appearance-canvas: var(--free-library-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--free-library-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--free-library-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--free-library-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--free-library-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--free-library-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--free-library-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--free-library-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--free-library-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--free-library-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--free-library-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--free-library-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--free-library-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--free-library-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--free-library-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--free-library-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--free-library-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--free-library-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--free-library-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--free-library-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--free-library-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--free-library-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--free-library-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--free-library-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--free-library-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--free-library-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--free-library-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); color-scheme: light; } html[data-iarf-mode="light"] [data-iarf-appearance="v1"][data-iarf-product="community-tours"], [data-iarf-appearance="v1"][data-iarf-product="community-tours"][data-iarf-mode="light"], :host([data-iarf-appearance="v1"][data-iarf-product="community-tours"][data-iarf-mode="light"]) { --iarf-appearance-canvas: var(--community-tours-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--community-tours-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--community-tours-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--community-tours-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--community-tours-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--community-tours-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--community-tours-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--community-tours-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--community-tours-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--community-tours-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--community-tours-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--community-tours-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--community-tours-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--community-tours-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--community-tours-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--community-tours-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--community-tours-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--community-tours-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--community-tours-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--community-tours-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--community-tours-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--community-tours-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--community-tours-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--community-tours-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--community-tours-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--community-tours-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--community-tours-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); color-scheme: light; } html[data-iarf-mode="light"] [data-iarf-appearance="v1"][data-iarf-product="pandatask"], [data-iarf-appearance="v1"][data-iarf-product="pandatask"][data-iarf-mode="light"], :host([data-iarf-appearance="v1"][data-iarf-product="pandatask"][data-iarf-mode="light"]) { --iarf-appearance-canvas: var(--pandatask-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--pandatask-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--pandatask-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--pandatask-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--pandatask-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--pandatask-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--pandatask-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--pandatask-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--pandatask-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--pandatask-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--pandatask-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--pandatask-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--pandatask-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--pandatask-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--pandatask-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--pandatask-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--pandatask-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--pandatask-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--pandatask-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--pandatask-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--pandatask-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--pandatask-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--pandatask-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--pandatask-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--pandatask-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--pandatask-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--pandatask-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); color-scheme: light; } html[data-iarf-mode="light"] [data-iarf-appearance="v1"][data-iarf-product="post-library"], [data-iarf-appearance="v1"][data-iarf-product="post-library"][data-iarf-mode="light"], :host([data-iarf-appearance="v1"][data-iarf-product="post-library"][data-iarf-mode="light"]) { --iarf-appearance-canvas: var(--postlib25-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--postlib25-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--postlib25-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--postlib25-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--postlib25-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--postlib25-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--postlib25-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--postlib25-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--postlib25-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--postlib25-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--postlib25-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--postlib25-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--postlib25-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--postlib25-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--postlib25-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--postlib25-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--postlib25-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--postlib25-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--postlib25-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--postlib25-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--postlib25-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--postlib25-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--postlib25-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--postlib25-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--postlib25-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--postlib25-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--postlib25-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); color-scheme: light; } html[data-iarf-mode="light"] [data-iarf-appearance="v1"][data-iarf-product="calendar"], [data-iarf-appearance="v1"][data-iarf-product="calendar"][data-iarf-mode="light"], :host([data-iarf-appearance="v1"][data-iarf-product="calendar"][data-iarf-mode="light"]) { --iarf-appearance-canvas: var(--iarf-cal-appearance-light-canvas, var(--iarf-brand-light-canvas, #f8f9fa)); --iarf-appearance-surface: var(--iarf-cal-appearance-light-surface, var(--iarf-brand-light-surface, #ffffff)); --iarf-appearance-elevated: var(--iarf-cal-appearance-light-elevated, var(--iarf-brand-light-elevated, #ffffff)); --iarf-appearance-sunken: var(--iarf-cal-appearance-light-sunken, var(--iarf-brand-light-sunken, #eef1f5)); --iarf-appearance-text: var(--iarf-cal-appearance-light-text, var(--iarf-brand-light-text, #343a40)); --iarf-appearance-muted: var(--iarf-cal-appearance-light-muted, var(--iarf-brand-light-muted, #5f6872)); --iarf-appearance-border: var(--iarf-cal-appearance-light-border, var(--iarf-brand-light-border, #d4dae1)); --iarf-appearance-control-border: var(--iarf-cal-appearance-light-control-border, var(--iarf-brand-light-control-border, #788391)); --iarf-appearance-focus: var(--iarf-cal-appearance-light-focus, var(--iarf-brand-light-focus, #1a5494)); --iarf-appearance-action: var(--iarf-cal-appearance-light-action, var(--iarf-brand-light-action, #246fbd)); --iarf-appearance-action-hover: var(--iarf-cal-appearance-light-action-hover, var(--iarf-brand-light-action-hover, #1a5494)); --iarf-appearance-action-active: var(--iarf-cal-appearance-light-action-active, var(--iarf-brand-light-action-active, #154477)); --iarf-appearance-on-action: var(--iarf-cal-appearance-light-on-action, var(--iarf-brand-light-on-action, #ffffff)); --iarf-appearance-link: var(--iarf-cal-appearance-light-link, var(--iarf-brand-light-link, #1a5494)); --iarf-appearance-link-hover: var(--iarf-cal-appearance-light-link-hover, var(--iarf-brand-light-link-hover, #154477)); --iarf-appearance-selection: var(--iarf-cal-appearance-light-selection, var(--iarf-brand-light-selection, #dcecff)); --iarf-appearance-selection-text: var(--iarf-cal-appearance-light-selection-text, var(--iarf-brand-light-selection-text, #17395f)); --iarf-appearance-disabled: var(--iarf-cal-appearance-light-disabled, var(--iarf-brand-light-disabled, #e9ecef)); --iarf-appearance-disabled-text: var(--iarf-cal-appearance-light-disabled-text, var(--iarf-brand-light-disabled-text, #5f6872)); --iarf-appearance-danger: var(--iarf-cal-appearance-light-danger, var(--iarf-brand-light-danger, #9b1c1c)); --iarf-appearance-danger-surface: var(--iarf-cal-appearance-light-danger-surface, var(--iarf-brand-light-danger-surface, #fff1f2)); --iarf-appearance-success: var(--iarf-cal-appearance-light-success, var(--iarf-brand-light-success, #22633d)); --iarf-appearance-success-surface: var(--iarf-cal-appearance-light-success-surface, var(--iarf-brand-light-success-surface, #ecfdf3)); --iarf-appearance-warning: var(--iarf-cal-appearance-light-warning, var(--iarf-brand-light-warning, #6b4900)); --iarf-appearance-warning-surface: var(--iarf-cal-appearance-light-warning-surface, var(--iarf-brand-light-warning-surface, #fff7db)); --iarf-appearance-info: var(--iarf-cal-appearance-light-info, var(--iarf-brand-light-info, #175489)); --iarf-appearance-info-surface: var(--iarf-cal-appearance-light-info-surface, var(--iarf-brand-light-info-surface, #edf6ff)); color-scheme: light; } html[data-iarf-mode="dark"] [data-iarf-appearance="v1"], [data-iarf-appearance="v1"][data-iarf-mode="dark"], :host([data-iarf-appearance="v1"][data-iarf-mode="dark"]) { --iarf-appearance-canvas: var(--iarf-brand-dark-canvas, #111820); --iarf-appearance-surface: var(--iarf-brand-dark-surface, #18222e); --iarf-appearance-elevated: var(--iarf-brand-dark-elevated, #223041); --iarf-appearance-sunken: var(--iarf-brand-dark-sunken, #0d141c); --iarf-appearance-text: var(--iarf-brand-dark-text, #edf2f7); --iarf-appearance-muted: var(--iarf-brand-dark-muted, #b6c2cf); --iarf-appearance-border: var(--iarf-brand-dark-border, #3d4d60); --iarf-appearance-control-border: var(--iarf-brand-dark-control-border, #8394a8); --iarf-appearance-focus: var(--iarf-brand-dark-focus, #9ecbff); --iarf-appearance-action: var(--iarf-brand-dark-action, #9ecbff); --iarf-appearance-action-hover: var(--iarf-brand-dark-action-hover, #bedcff); --iarf-appearance-action-active: var(--iarf-brand-dark-action-active, #dbebff); --iarf-appearance-on-action: var(--iarf-brand-dark-on-action, #10233a); --iarf-appearance-link: var(--iarf-brand-dark-link, #9ecbff); --iarf-appearance-link-hover: var(--iarf-brand-dark-link-hover, #c6e0ff); --iarf-appearance-selection: var(--iarf-brand-dark-selection, #294f76); --iarf-appearance-selection-text: var(--iarf-brand-dark-selection-text, #f2f7ff); --iarf-appearance-disabled: var(--iarf-brand-dark-disabled, #2d3948); --iarf-appearance-disabled-text: var(--iarf-brand-dark-disabled-text, #a5b1bf); --iarf-appearance-danger: var(--iarf-brand-dark-danger, #ffb4b8); --iarf-appearance-danger-surface: var(--iarf-brand-dark-danger-surface, #431f29); --iarf-appearance-success: var(--iarf-brand-dark-success, #abebc6); --iarf-appearance-success-surface: var(--iarf-brand-dark-success-surface, #163b2b); --iarf-appearance-warning: var(--iarf-brand-dark-warning, #f7d77c); --iarf-appearance-warning-surface: var(--iarf-brand-dark-warning-surface, #40351a); --iarf-appearance-info: var(--iarf-brand-dark-info, #b6d9ff); --iarf-appearance-info-surface: var(--iarf-brand-dark-info-surface, #19354e); color-scheme: dark; } html[data-iarf-mode="dark"] [data-iarf-appearance="v1"][data-iarf-product="network"], [data-iarf-appearance="v1"][data-iarf-product="network"][data-iarf-mode="dark"], :host([data-iarf-appearance="v1"][data-iarf-product="network"][data-iarf-mode="dark"]) { --iarf-appearance-canvas: var(--network-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--network-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--network-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--network-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--network-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--network-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--network-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--network-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--network-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--network-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--network-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--network-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--network-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--network-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--network-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--network-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--network-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--network-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--network-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--network-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--network-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--network-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--network-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--network-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--network-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--network-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--network-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); color-scheme: dark; } html[data-iarf-mode="dark"] [data-iarf-appearance="v1"][data-iarf-product="free-library"], [data-iarf-appearance="v1"][data-iarf-product="free-library"][data-iarf-mode="dark"], :host([data-iarf-appearance="v1"][data-iarf-product="free-library"][data-iarf-mode="dark"]) { --iarf-appearance-canvas: var(--free-library-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--free-library-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--free-library-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--free-library-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--free-library-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--free-library-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--free-library-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--free-library-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--free-library-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--free-library-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--free-library-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--free-library-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--free-library-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--free-library-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--free-library-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--free-library-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--free-library-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--free-library-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--free-library-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--free-library-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--free-library-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--free-library-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--free-library-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--free-library-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--free-library-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--free-library-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--free-library-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); color-scheme: dark; } html[data-iarf-mode="dark"] [data-iarf-appearance="v1"][data-iarf-product="community-tours"], [data-iarf-appearance="v1"][data-iarf-product="community-tours"][data-iarf-mode="dark"], :host([data-iarf-appearance="v1"][data-iarf-product="community-tours"][data-iarf-mode="dark"]) { --iarf-appearance-canvas: var(--community-tours-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--community-tours-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--community-tours-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--community-tours-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--community-tours-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--community-tours-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--community-tours-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--community-tours-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--community-tours-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--community-tours-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--community-tours-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--community-tours-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--community-tours-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--community-tours-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--community-tours-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--community-tours-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--community-tours-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--community-tours-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--community-tours-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--community-tours-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--community-tours-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--community-tours-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--community-tours-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--community-tours-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--community-tours-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--community-tours-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--community-tours-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); color-scheme: dark; } html[data-iarf-mode="dark"] [data-iarf-appearance="v1"][data-iarf-product="pandatask"], [data-iarf-appearance="v1"][data-iarf-product="pandatask"][data-iarf-mode="dark"], :host([data-iarf-appearance="v1"][data-iarf-product="pandatask"][data-iarf-mode="dark"]) { --iarf-appearance-canvas: var(--pandatask-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--pandatask-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--pandatask-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--pandatask-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--pandatask-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--pandatask-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--pandatask-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--pandatask-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--pandatask-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--pandatask-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--pandatask-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--pandatask-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--pandatask-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--pandatask-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--pandatask-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--pandatask-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--pandatask-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--pandatask-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--pandatask-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--pandatask-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--pandatask-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--pandatask-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--pandatask-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--pandatask-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--pandatask-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--pandatask-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--pandatask-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); color-scheme: dark; } html[data-iarf-mode="dark"] [data-iarf-appearance="v1"][data-iarf-product="post-library"], [data-iarf-appearance="v1"][data-iarf-product="post-library"][data-iarf-mode="dark"], :host([data-iarf-appearance="v1"][data-iarf-product="post-library"][data-iarf-mode="dark"]) { --iarf-appearance-canvas: var(--postlib25-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--postlib25-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--postlib25-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--postlib25-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--postlib25-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--postlib25-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--postlib25-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--postlib25-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--postlib25-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--postlib25-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--postlib25-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--postlib25-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--postlib25-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--postlib25-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--postlib25-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--postlib25-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--postlib25-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--postlib25-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--postlib25-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--postlib25-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--postlib25-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--postlib25-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--postlib25-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--postlib25-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--postlib25-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--postlib25-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--postlib25-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); color-scheme: dark; } html[data-iarf-mode="dark"] [data-iarf-appearance="v1"][data-iarf-product="calendar"], [data-iarf-appearance="v1"][data-iarf-product="calendar"][data-iarf-mode="dark"], :host([data-iarf-appearance="v1"][data-iarf-product="calendar"][data-iarf-mode="dark"]) { --iarf-appearance-canvas: var(--iarf-cal-appearance-dark-canvas, var(--iarf-brand-dark-canvas, #111820)); --iarf-appearance-surface: var(--iarf-cal-appearance-dark-surface, var(--iarf-brand-dark-surface, #18222e)); --iarf-appearance-elevated: var(--iarf-cal-appearance-dark-elevated, var(--iarf-brand-dark-elevated, #223041)); --iarf-appearance-sunken: var(--iarf-cal-appearance-dark-sunken, var(--iarf-brand-dark-sunken, #0d141c)); --iarf-appearance-text: var(--iarf-cal-appearance-dark-text, var(--iarf-brand-dark-text, #edf2f7)); --iarf-appearance-muted: var(--iarf-cal-appearance-dark-muted, var(--iarf-brand-dark-muted, #b6c2cf)); --iarf-appearance-border: var(--iarf-cal-appearance-dark-border, var(--iarf-brand-dark-border, #3d4d60)); --iarf-appearance-control-border: var(--iarf-cal-appearance-dark-control-border, var(--iarf-brand-dark-control-border, #8394a8)); --iarf-appearance-focus: var(--iarf-cal-appearance-dark-focus, var(--iarf-brand-dark-focus, #9ecbff)); --iarf-appearance-action: var(--iarf-cal-appearance-dark-action, var(--iarf-brand-dark-action, #9ecbff)); --iarf-appearance-action-hover: var(--iarf-cal-appearance-dark-action-hover, var(--iarf-brand-dark-action-hover, #bedcff)); --iarf-appearance-action-active: var(--iarf-cal-appearance-dark-action-active, var(--iarf-brand-dark-action-active, #dbebff)); --iarf-appearance-on-action: var(--iarf-cal-appearance-dark-on-action, var(--iarf-brand-dark-on-action, #10233a)); --iarf-appearance-link: var(--iarf-cal-appearance-dark-link, var(--iarf-brand-dark-link, #9ecbff)); --iarf-appearance-link-hover: var(--iarf-cal-appearance-dark-link-hover, var(--iarf-brand-dark-link-hover, #c6e0ff)); --iarf-appearance-selection: var(--iarf-cal-appearance-dark-selection, var(--iarf-brand-dark-selection, #294f76)); --iarf-appearance-selection-text: var(--iarf-cal-appearance-dark-selection-text, var(--iarf-brand-dark-selection-text, #f2f7ff)); --iarf-appearance-disabled: var(--iarf-cal-appearance-dark-disabled, var(--iarf-brand-dark-disabled, #2d3948)); --iarf-appearance-disabled-text: var(--iarf-cal-appearance-dark-disabled-text, var(--iarf-brand-dark-disabled-text, #a5b1bf)); --iarf-appearance-danger: var(--iarf-cal-appearance-dark-danger, var(--iarf-brand-dark-danger, #ffb4b8)); --iarf-appearance-danger-surface: var(--iarf-cal-appearance-dark-danger-surface, var(--iarf-brand-dark-danger-surface, #431f29)); --iarf-appearance-success: var(--iarf-cal-appearance-dark-success, var(--iarf-brand-dark-success, #abebc6)); --iarf-appearance-success-surface: var(--iarf-cal-appearance-dark-success-surface, var(--iarf-brand-dark-success-surface, #163b2b)); --iarf-appearance-warning: var(--iarf-cal-appearance-dark-warning, var(--iarf-brand-dark-warning, #f7d77c)); --iarf-appearance-warning-surface: var(--iarf-cal-appearance-dark-warning-surface, var(--iarf-brand-dark-warning-surface, #40351a)); --iarf-appearance-info: var(--iarf-cal-appearance-dark-info, var(--iarf-brand-dark-info, #b6d9ff)); --iarf-appearance-info-surface: var(--iarf-cal-appearance-dark-info-surface, var(--iarf-brand-dark-info-surface, #19354e)); color-scheme: dark; } [data-iarf-appearance="legacy-light"], :host([data-iarf-appearance="legacy-light"]) { --iarf-appearance-canvas: #f8f9fa; --iarf-appearance-surface: #ffffff; --iarf-appearance-elevated: #ffffff; --iarf-appearance-sunken: #eef1f5; --iarf-appearance-text: #343a40; --iarf-appearance-muted: #5f6872; --iarf-appearance-border: #d4dae1; --iarf-appearance-control-border: #788391; --iarf-appearance-focus: #1a5494; --iarf-appearance-action: #246fbd; --iarf-appearance-action-hover: #1a5494; --iarf-appearance-action-active: #154477; --iarf-appearance-on-action: #ffffff; --iarf-appearance-link: #1a5494; --iarf-appearance-link-hover: #154477; --iarf-appearance-selection: #dcecff; --iarf-appearance-selection-text: #17395f; --iarf-appearance-disabled: #e9ecef; --iarf-appearance-disabled-text: #5f6872; --iarf-appearance-danger: #9b1c1c; --iarf-appearance-danger-surface: #fff1f2; --iarf-appearance-success: #22633d; --iarf-appearance-success-surface: #ecfdf3; --iarf-appearance-warning: #6b4900; --iarf-appearance-warning-surface: #fff7db; --iarf-appearance-info: #175489; --iarf-appearance-info-surface: #edf6ff; --iarf-color-text: var(--iarf-appearance-text); --iarf-color-muted: var(--iarf-appearance-muted); --iarf-color-surface: var(--iarf-appearance-surface); --iarf-color-surface-muted: var(--iarf-appearance-sunken); --iarf-color-border: var(--iarf-appearance-border); --iarf-color-primary: var(--iarf-appearance-action); --iarf-color-primary-dark: var(--iarf-appearance-action-hover); --iarf-color-primary-light: var(--iarf-appearance-action-active); --iarf-color-primary-subtle: var(--iarf-appearance-selection); --iarf-color-danger: var(--iarf-appearance-danger); --iarf-color-success: var(--iarf-appearance-success); --iarf-color-warning: var(--iarf-appearance-warning); color-scheme: light; color: var(--iarf-appearance-text); background-color: var(--iarf-appearance-surface); }