/* GENERATED from tokens.json. Do not edit. 1.3.0 */
:root {
  --lf-space-1: 0.25rem;
  --lf-space-2: 0.5rem;
  --lf-space-3: 0.75rem;
  --lf-space-4: 1rem;
  --lf-space-5: 1.25rem;
  --lf-space-6: 1.5rem;
  --lf-space-8: 2rem;
  --lf-space-10: 2.5rem;
  --lf-space-12: 3rem;
  --lf-space-16: 4rem;
  --lf-radius-field: 9px;
  --lf-radius-card: 18px;
  --lf-radius-inner: 12px;
  --lf-radius-pill: 999px;
  --lf-control-height: 46px;
  --lf-control-compact-height: 38px;
  --lf-control-touch-target: 44px;
  --lf-control-icon-size: 44px;
  --lf-control-field-help-gap: 12px;
  --lf-control-label-gap: 8px;
  --lf-control-switch-width: 44px;
  --lf-control-switch-height: 26px;
  --lf-control-spinner-size: 16px;
  --lf-control-press-distance: 2px;
  --lf-control-min-action-width: 152px;
  --lf-control-status-font-size: 13px;
  --lf-control-status-line-height: 20px;
  --lf-control-status-min-height: 30px;
  --lf-control-status-icon-size: 14px;
  --lf-control-tag-radius: 7px;
  --lf-control-tag-font-size: 13px;
  --lf-control-tag-line-height: 20px;
  --lf-control-open-font-size: 14px;
  --lf-control-switch-thumb-size: 20px;
  --lf-control-switch-inset: 3px;
  --lf-control-switch-travel: 18px;
  --lf-control-status-border: 1px;
  --lf-control-selection-ring: 3px;
  --lf-control-selection-gap: 12px;
  --lf-control-idea-panel-edge: 2px;
  --lf-control-mobile-wordmark: 36px;
  --lf-layout-max-width: 1220px;
  --lf-layout-gutter: 24px;
  --lf-layout-gutter-mobile: 18px;
  --lf-layout-dialog-width: 640px;
  --lf-layout-dialog-wide: 880px;
  --lf-layout-article-brief-max-height: 18rem;
  --lf-layout-app-header-min-height: 72px;
  --lf-layout-section-scroll-gap: 16px;
  --lf-layout-account-avatar-size: 56px;
  --lf-layout-provider-badge-size: 24px;
  --lf-motion-press: 120ms;
  --lf-motion-hover: 240ms;
  --lf-motion-switch: 220ms;
  --lf-motion-segment: 300ms;
  --lf-motion-dialog: 180ms;
  --lf-motion-theme: 550ms;
  --lf-motion-landscape: 650ms;
  --lf-motion-theme-wave: 800ms;
  --lf-motion-progress: 800ms;
  --lf-motion-ease: ease;
  --lf-motion-settle: cubic-bezier(.2,.85,.3,1);
  --lf-motion-disclosure: 180ms;
  --lf-shadow-secondary: inset 0 1px 0 var(--lf-color-highlight), 0 2px 0 var(--lf-color-border), 0 3px 6px var(--lf-color-shadow);
  --lf-shadow-secondary-hover: inset 0 1px 0 var(--lf-color-highlight), 0 2px 0 var(--lf-color-border), 0 5px 10px var(--lf-color-shadow);
  --lf-shadow-primary: inset 0 1px 0 var(--lf-color-primary-highlight), 0 2px 0 var(--lf-color-primary-edge), 0 4px 8px var(--lf-color-shadow);
  --lf-shadow-primary-hover: inset 0 1px 0 var(--lf-color-primary-highlight), 0 2px 0 var(--lf-color-primary-edge), 0 5px 10px var(--lf-color-shadow);
  --lf-shadow-pressed: inset 0 2px 4px var(--lf-color-shadow);
  --lf-shadow-field: inset 0 1px 2px var(--lf-color-shadow);
  --lf-shadow-popover: 0 12px 35px var(--lf-color-shadow);
  --lf-landscape-day-sky-top: #d7d8d2;
  --lf-landscape-day-sky-bottom: #f1eee5;
  --lf-landscape-sun: #fbfaf6;
  --lf-landscape-day-ridge: #86897f;
  --lf-landscape-night-sky-top: #191d1a;
  --lf-landscape-night-sky-bottom: #272a27;
  --lf-landscape-moon: #fbfaf6;
  --lf-landscape-night-ridge: #3c423a;
  --lf-z-sticky: 20;
  --lf-z-popover: 40;
  --lf-z-toast: 60;
  --lf-z-appearance-decoration: 80;
  --lf-z-modal: 50;
  --lf-feedback-foundation-warning: #866014;
  --lf-feedback-foundation-danger: #9b3450;
  --lf-type-family-ui: 'Ledeform Inter', Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --lf-type-family-display: 'Ledeform Inter', Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --lf-type-family-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --lf-type-size-micro: 0.75rem;
  --lf-type-size-help: 0.8125rem;
  --lf-type-size-label: 0.875rem;
  --lf-type-size-body: 1rem;
  --lf-type-size-lead: 1.125rem;
  --lf-type-size-title: 1.75rem;
  --lf-type-size-section: 2.25rem;
  --lf-type-size-display: 3.5rem;
  --lf-type-line-tight: 1.15;
  --lf-type-line-heading: 1.25;
  --lf-type-line-ui: 1.5;
  --lf-type-line-reading: 1.65;
  --lf-type-weight-normal: 400;
  --lf-type-weight-medium: 500;
  --lf-type-weight-semibold: 600;
  --lf-type-weight-bold: 700;
  --lf-type-weight-heading: 500;
  --lf-type-weight-working-heading: 600;
  --lf-type-weight-inspector-heading: 600;
  --lf-type-weight-display: 500;
  --lf-type-measure-reading: 65ch;
  --lf-type-measure-help: 52ch;
  --lf-type-tracking-ui: 0;
  --lf-type-tracking-heading: -.018em;
  --lf-type-tracking-display: -.035em;
  --lf-foundation-ink: #151713;
  --lf-foundation-grey: #60665b;
  --lf-foundation-white: #fbfaf6;
  --lf-foundation-light-background: #f1eee5;
  --lf-foundation-dark-background: #191d1a;
  --lf-surface-texture: url(assets/textures/surface-noise.png);
  --lf-foundation-light-grey: var(--lf-color-border);
  --lf-product-ledeform-light: #151713;
  --lf-product-ledeform-dark: #fbfaf6;
  --lf-product-ledeform-tile-light: #151713;
  --lf-product-ledeform-tile-dark: #151713;
  --lf-product-ledeform-soft-light: #ebeae6;
  --lf-product-ledeform-soft-dark: #333734;
  --lf-product-ledeform-switch-light: #151713;
  --lf-product-ledeform-switch-dark: #151713;
  --lf-product-ledeform-switch-thumb-light: #fbfaf6;
  --lf-product-ledeform-switch-thumb-dark: #fbfaf6;
  --lf-product-relay-light: #a43a2b;
  --lf-product-relay-dark: #dfaa9d;
  --lf-product-relay-tile-light: #a43a2b;
  --lf-product-relay-tile-dark: #573e38;
  --lf-product-relay-soft-light: #f5ede8;
  --lf-product-relay-soft-dark: #31312d;
  --lf-product-relay-switch-light: #a43a2b;
  --lf-product-relay-switch-dark: #573e38;
  --lf-product-relay-switch-thumb-light: #fbfaf6;
  --lf-product-relay-switch-thumb-dark: #dfaa9d;
  --lf-product-desk-light: #285747;
  --lf-product-desk-dark: #b0c8b5;
  --lf-product-desk-tile-light: #285747;
  --lf-product-desk-tile-dark: #354a3d;
  --lf-product-desk-soft-light: #ecefea;
  --lf-product-desk-soft-dark: #2d332f;
  --lf-product-desk-switch-light: #285747;
  --lf-product-desk-switch-dark: #354a3d;
  --lf-product-desk-switch-thumb-light: #fbfaf6;
  --lf-product-desk-switch-thumb-dark: #b0c8b5;
  --lf-product-reply-light: #40628d;
  --lf-product-reply-dark: #a1c4f1;
  --lf-product-reply-tile-light: #537fb8;
  --lf-product-reply-tile-dark: #28394f;
  --lf-product-reply-soft-light: #eeefef;
  --lf-product-reply-soft-dark: #2c3333;
  --lf-product-reply-switch-light: #40628d;
  --lf-product-reply-switch-dark: #28394f;
  --lf-product-reply-switch-thumb-light: #fbfaf6;
  --lf-product-reply-switch-thumb-dark: #a1c4f1;
  --lf-product-beacon-light: #755d25;
  --lf-product-beacon-dark: #d7be89;
  --lf-product-beacon-tile-light: #98782d;
  --lf-product-beacon-tile-dark: #43361b;
  --lf-product-beacon-soft-light: #f2efe7;
  --lf-product-beacon-soft-dark: #30322b;
  --lf-product-beacon-switch-light: #755d25;
  --lf-product-beacon-switch-dark: #43361b;
  --lf-product-beacon-switch-thumb-light: #fbfaf6;
  --lf-product-beacon-switch-thumb-dark: #d7be89;
  --lf-product-rally-light: #7f4e6f;
  --lf-product-rally-dark: #e3aed0;
  --lf-product-rally-tile-light: #a56590;
  --lf-product-rally-tile-dark: #482f3f;
  --lf-product-rally-soft-light: #f2eeed;
  --lf-product-rally-soft-dark: #313131;
  --lf-product-rally-switch-light: #7f4e6f;
  --lf-product-rally-switch-dark: #482f3f;
  --lf-product-rally-switch-thumb-light: #fbfaf6;
  --lf-product-rally-switch-thumb-dark: #e3aed0;
  --lf-product-place-light: #0f6d76;
  --lf-product-place-dark: #85cfd8;
  --lf-product-place-tile-light: #058e99;
  --lf-product-place-tile-dark: #173f43;
  --lf-product-place-soft-light: #eaf0ed;
  --lf-product-place-soft-dark: #2a3431;
  --lf-product-place-switch-light: #0f6d76;
  --lf-product-place-switch-dark: #173f43;
  --lf-product-place-switch-thumb-light: #fbfaf6;
  --lf-product-place-switch-thumb-dark: #85cfd8;
  --lf-product-pace-light: #5b6730;
  --lf-product-pace-dark: #bac992;
  --lf-product-pace-tile-light: #76863d;
  --lf-product-pace-tile-dark: #353b20;
  --lf-product-pace-soft-light: #f0f0e8;
  --lf-product-pace-soft-dark: #2e332c;
  --lf-product-pace-switch-light: #5b6730;
  --lf-product-pace-switch-dark: #353b20;
  --lf-product-pace-switch-thumb-light: #fbfaf6;
  --lf-product-pace-switch-thumb-dark: #bac992;
  --lf-product-frame-light: #835332;
  --lf-product-frame-dark: #e8b593;
  --lf-product-frame-tile-light: #ab6c3f;
  --lf-product-frame-tile-dark: #4a3221;
  --lf-product-frame-soft-light: #f3eee8;
  --lf-product-frame-soft-dark: #32312c;
  --lf-product-frame-switch-light: #835332;
  --lf-product-frame-switch-dark: #4a3221;
  --lf-product-frame-switch-thumb-light: #fbfaf6;
  --lf-product-frame-switch-thumb-dark: #e8b593;
  --lf-product-byline-light: #645789;
  --lf-product-byline-dark: #c4b8ed;
  --lf-product-byline-tile-light: #8271b2;
  --lf-product-byline-tile-dark: #39334d;
  --lf-product-byline-soft-light: #f0efee;
  --lf-product-byline-soft-dark: #2f3233;
  --lf-product-byline-switch-light: #645789;
  --lf-product-byline-switch-dark: #39334d;
  --lf-product-byline-switch-thumb-light: #fbfaf6;
  --lf-product-byline-switch-thumb-dark: #c4b8ed;
}
:root, [data-lf-theme="light"] {
  --lf-color-page: #f1eee5;
  --lf-color-page-top: #f4f2eb;
  --lf-color-card: #fbfaf6;
  --lf-color-field: #fbfaf6;
  --lf-color-text: #151713;
  --lf-color-muted: #60665b;
  --lf-color-label: #151713;
  --lf-color-border: #d8d8d4;
  --lf-color-input-border: #7f847a;
  --lf-color-focus: #151713;
  --lf-color-soft: #f1f0ec;
  --lf-color-inset: #eae9e5;
  --lf-color-neutral-text: #151713;
  --lf-color-neutral-bg: #fbfaf6;
  --lf-color-primary-top: #151713;
  --lf-color-primary-bottom: #151713;
  --lf-color-primary-text: #fbfaf6;
  --lf-color-primary-edge: #151713;
  --lf-color-highlight: #fbfaf666;
  --lf-color-primary-highlight: #fbfaf626;
  --lf-color-shadow: #15171326;
  --lf-color-selection-bg: #dfdfdb;
  --lf-color-selection-text: #151713;
  --lf-color-switch-on: #151713;
  --lf-color-switch-off: #777c72;
  --lf-color-thumb: #fbfaf6;
  --lf-color-overlay: #151713b8;
  --lf-color-success-text: #151713;
  --lf-color-success-bg: #fbfaf6;
  --lf-color-error-text: #9b3450;
  --lf-color-error-bg: #f6efed;
  --lf-color-warning-text: #866014;
  --lf-color-warning-bg: #f3efe6;
  --lf-color-info-text: #151713;
  --lf-color-info-bg: #fbfaf6;
  --lf-color-preview-text: #151713;
  --lf-color-preview-bg: #fbfaf6;
  --lf-color-decision-passed-text: #151713;
  --lf-color-decision-passed-bg: #fbfaf6;
  --lf-color-decision-approved-text: #151713;
  --lf-color-decision-approved-bg: #fbfaf6;
  --lf-color-decision-published-text: #151713;
  --lf-color-decision-published-bg: #fbfaf6;
  --lf-color-tooltip: #f1eee5;
  --lf-color-active-bg: #151713;
  --lf-color-active-text: #fbfaf6;
  --lf-color-tag-public-bg: #ecebe7;
  --lf-color-tag-public-text: #151713;
  --lf-color-tag-public-border: #b6b6b2;
  --lf-color-tag-internal-bg: #fbfaf6;
  --lf-color-tag-internal-text: #60665b;
  --lf-color-tag-internal-border: #9ea199;
  --lf-color-rail: #e7e4dc;
  --lf-color-admin-inset: #f1f0ec;
  --lf-color-table-header: #ecebe6;
  --lf-color-warning-border: #866014;
  --lf-color-error-border: #9b3450;
  --lf-desk-candidate-bg: #fbfaf6;
  --lf-desk-candidate-text: #151713;
  --lf-desk-approved-bg: #ecefea;
  --lf-desk-approved-edge: #285747;
  --lf-desk-approved-text: #151713;
  --lf-desk-passed-bg: #ecebe6;
  --lf-desk-passed-text: #60665b;
  --lf-desk-passed-stripe: #e4e3de;
  --lf-desk-published-bg: #f7f6f2;
  --lf-desk-published-text: #60665b;
  --lf-desk-idea-panel-bg: #f1f0ec;
  --lf-desk-idea-panel-edge: #285747;
  --lf-context-bg: #f1f0ec;
  --lf-context-text: #60665b;
  --lf-context-heading: #151713;
  --lf-rule-allowed-bg: #fbfaf6;
  --lf-rule-allowed-text: #151713;
  --lf-rule-allowed-edge: #7f847a;
  --lf-rule-excluded-bg: #f1f0ec;
  --lf-rule-excluded-text: #60665b;
  --lf-rule-excluded-edge: #60665b;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root:not([data-lf-theme]) {
  --lf-color-page: #191d1a;
  --lf-color-page-top: #1c201d;
  --lf-color-card: #222623;
  --lf-color-field: #222623;
  --lf-color-text: #edede9;
  --lf-color-muted: #b7b8b4;
  --lf-color-label: #edede9;
  --lf-color-border: #494c49;
  --lf-color-input-border: #7d7f7c;
  --lf-color-focus: #fbfaf6;
  --lf-color-soft: #2e322f;
  --lf-color-inset: #1f2320;
  --lf-color-neutral-text: #edede9;
  --lf-color-neutral-bg: #222623;
  --lf-color-primary-top: #fbfaf6;
  --lf-color-primary-bottom: #fbfaf6;
  --lf-color-primary-text: #151713;
  --lf-color-primary-edge: #151713;
  --lf-color-highlight: #fbfaf666;
  --lf-color-primary-highlight: #fbfaf626;
  --lf-color-shadow: #15171359;
  --lf-color-selection-bg: #5f615e;
  --lf-color-selection-text: #fbfaf6;
  --lf-color-switch-on: #fbfaf6;
  --lf-color-switch-off: #7d7f7c;
  --lf-color-thumb: #191d1a;
  --lf-color-overlay: #151713b8;
  --lf-color-success-text: #edede9;
  --lf-color-success-bg: #222623;
  --lf-color-error-text: #debfc4;
  --lf-color-error-bg: #2f312e;
  --lf-color-warning-text: #d8ccb2;
  --lf-color-warning-bg: #31332e;
  --lf-color-info-text: #edede9;
  --lf-color-info-bg: #222623;
  --lf-color-preview-text: #edede9;
  --lf-color-preview-bg: #222623;
  --lf-color-decision-passed-text: #edede9;
  --lf-color-decision-passed-bg: #222623;
  --lf-color-decision-approved-text: #edede9;
  --lf-color-decision-approved-bg: #222623;
  --lf-color-decision-published-text: #edede9;
  --lf-color-decision-published-bg: #222623;
  --lf-color-tooltip: #2c302d;
  --lf-color-active-bg: #fbfaf6;
  --lf-color-active-text: #151713;
  --lf-color-tag-public-bg: #333734;
  --lf-color-tag-public-text: #edede9;
  --lf-color-tag-public-border: #636662;
  --lf-color-tag-internal-bg: #222623;
  --lf-color-tag-internal-text: #b7b8b4;
  --lf-color-tag-internal-border: #5f615e;
  --lf-color-rail: #161915;
  --lf-color-admin-inset: #2e322f;
  --lf-color-table-header: #2f3330;
  --lf-color-warning-border: #d8ccb2;
  --lf-color-error-border: #debfc4;
  --lf-desk-candidate-bg: #222623;
  --lf-desk-candidate-text: #edede9;
  --lf-desk-approved-bg: #2d332f;
  --lf-desk-approved-edge: #b0c8b5;
  --lf-desk-approved-text: #edede9;
  --lf-desk-passed-bg: #2e322f;
  --lf-desk-passed-text: #b7b8b4;
  --lf-desk-passed-stripe: #353936;
  --lf-desk-published-bg: #262a27;
  --lf-desk-published-text: #b7b8b4;
  --lf-desk-idea-panel-bg: #2e322f;
  --lf-desk-idea-panel-edge: #b0c8b5;
  --lf-context-bg: #2e322f;
  --lf-context-text: #b7b8b4;
  --lf-context-heading: #edede9;
  --lf-rule-allowed-bg: #222623;
  --lf-rule-allowed-text: #edede9;
  --lf-rule-allowed-edge: #7d7f7c;
  --lf-rule-excluded-bg: #2e322f;
  --lf-rule-excluded-text: #b7b8b4;
  --lf-rule-excluded-edge: #b7b8b4;
  color-scheme: dark;
}
}
[data-lf-theme="dark"] {
  --lf-color-page: #191d1a;
  --lf-color-page-top: #1c201d;
  --lf-color-card: #222623;
  --lf-color-field: #222623;
  --lf-color-text: #edede9;
  --lf-color-muted: #b7b8b4;
  --lf-color-label: #edede9;
  --lf-color-border: #494c49;
  --lf-color-input-border: #7d7f7c;
  --lf-color-focus: #fbfaf6;
  --lf-color-soft: #2e322f;
  --lf-color-inset: #1f2320;
  --lf-color-neutral-text: #edede9;
  --lf-color-neutral-bg: #222623;
  --lf-color-primary-top: #fbfaf6;
  --lf-color-primary-bottom: #fbfaf6;
  --lf-color-primary-text: #151713;
  --lf-color-primary-edge: #151713;
  --lf-color-highlight: #fbfaf666;
  --lf-color-primary-highlight: #fbfaf626;
  --lf-color-shadow: #15171359;
  --lf-color-selection-bg: #5f615e;
  --lf-color-selection-text: #fbfaf6;
  --lf-color-switch-on: #fbfaf6;
  --lf-color-switch-off: #7d7f7c;
  --lf-color-thumb: #191d1a;
  --lf-color-overlay: #151713b8;
  --lf-color-success-text: #edede9;
  --lf-color-success-bg: #222623;
  --lf-color-error-text: #debfc4;
  --lf-color-error-bg: #2f312e;
  --lf-color-warning-text: #d8ccb2;
  --lf-color-warning-bg: #31332e;
  --lf-color-info-text: #edede9;
  --lf-color-info-bg: #222623;
  --lf-color-preview-text: #edede9;
  --lf-color-preview-bg: #222623;
  --lf-color-decision-passed-text: #edede9;
  --lf-color-decision-passed-bg: #222623;
  --lf-color-decision-approved-text: #edede9;
  --lf-color-decision-approved-bg: #222623;
  --lf-color-decision-published-text: #edede9;
  --lf-color-decision-published-bg: #222623;
  --lf-color-tooltip: #2c302d;
  --lf-color-active-bg: #fbfaf6;
  --lf-color-active-text: #151713;
  --lf-color-tag-public-bg: #333734;
  --lf-color-tag-public-text: #edede9;
  --lf-color-tag-public-border: #636662;
  --lf-color-tag-internal-bg: #222623;
  --lf-color-tag-internal-text: #b7b8b4;
  --lf-color-tag-internal-border: #5f615e;
  --lf-color-rail: #161915;
  --lf-color-admin-inset: #2e322f;
  --lf-color-table-header: #2f3330;
  --lf-color-warning-border: #d8ccb2;
  --lf-color-error-border: #debfc4;
  --lf-desk-candidate-bg: #222623;
  --lf-desk-candidate-text: #edede9;
  --lf-desk-approved-bg: #2d332f;
  --lf-desk-approved-edge: #b0c8b5;
  --lf-desk-approved-text: #edede9;
  --lf-desk-passed-bg: #2e322f;
  --lf-desk-passed-text: #b7b8b4;
  --lf-desk-passed-stripe: #353936;
  --lf-desk-published-bg: #262a27;
  --lf-desk-published-text: #b7b8b4;
  --lf-desk-idea-panel-bg: #2e322f;
  --lf-desk-idea-panel-edge: #b0c8b5;
  --lf-context-bg: #2e322f;
  --lf-context-text: #b7b8b4;
  --lf-context-heading: #edede9;
  --lf-rule-allowed-bg: #222623;
  --lf-rule-allowed-text: #edede9;
  --lf-rule-allowed-edge: #7d7f7c;
  --lf-rule-excluded-bg: #2e322f;
  --lf-rule-excluded-text: #b7b8b4;
  --lf-rule-excluded-edge: #b7b8b4;
  color-scheme: dark;
}
[data-lf-product="ledeform"] { --lf-product-light: #151713; --lf-product-dark: #fbfaf6; --lf-product-tile-light: #151713; --lf-product-tile-dark: #151713; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#ebeae6, #333734); --lf-product-enabled-track: light-dark(#151713, #151713); --lf-product-enabled-thumb: light-dark(#fbfaf6, #fbfaf6); --lf-product-ridge-day: #86897f; --lf-product-ridge-night: #3c423a; --lf-product-scene-sun-day: #fbfaf6; --lf-product-scene-moon-night: #fbfaf6; }
[data-lf-product="relay"] { --lf-product-light: #a43a2b; --lf-product-dark: #dfaa9d; --lf-product-tile-light: #a43a2b; --lf-product-tile-dark: #573e38; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#f5ede8, #31312d); --lf-product-enabled-track: light-dark(#a43a2b, #573e38); --lf-product-enabled-thumb: light-dark(#fbfaf6, #dfaa9d); --lf-product-ridge-day: #86897f; --lf-product-ridge-night: #3c423a; --lf-product-scene-sun-day: #a43a2b; --lf-product-scene-moon-night: #dfaa9d; }
[data-lf-product="desk"] { --lf-product-light: #285747; --lf-product-dark: #b0c8b5; --lf-product-tile-light: #285747; --lf-product-tile-dark: #354a3d; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#ecefea, #2d332f); --lf-product-enabled-track: light-dark(#285747, #354a3d); --lf-product-enabled-thumb: light-dark(#fbfaf6, #b0c8b5); --lf-product-ridge-day: #285747; --lf-product-ridge-night: #354a3d; --lf-product-scene-sun-day: #fbfaf6; --lf-product-scene-moon-night: #fbfaf6; }
[data-lf-product="reply"] { --lf-product-light: #40628d; --lf-product-dark: #a1c4f1; --lf-product-tile-light: #537fb8; --lf-product-tile-dark: #28394f; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#eeefef, #2c3333); --lf-product-enabled-track: light-dark(#40628d, #28394f); --lf-product-enabled-thumb: light-dark(#fbfaf6, #a1c4f1); --lf-product-ridge-day: #86897f; --lf-product-ridge-night: #3c423a; --lf-product-scene-sun-day: #fbfaf6; --lf-product-scene-moon-night: #fbfaf6; }
[data-lf-product="beacon"] { --lf-product-light: #755d25; --lf-product-dark: #d7be89; --lf-product-tile-light: #98782d; --lf-product-tile-dark: #43361b; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#f2efe7, #30322b); --lf-product-enabled-track: light-dark(#755d25, #43361b); --lf-product-enabled-thumb: light-dark(#fbfaf6, #d7be89); --lf-product-ridge-day: #86897f; --lf-product-ridge-night: #3c423a; --lf-product-scene-sun-day: #fbfaf6; --lf-product-scene-moon-night: #fbfaf6; }
[data-lf-product="rally"] { --lf-product-light: #7f4e6f; --lf-product-dark: #e3aed0; --lf-product-tile-light: #a56590; --lf-product-tile-dark: #482f3f; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#f2eeed, #313131); --lf-product-enabled-track: light-dark(#7f4e6f, #482f3f); --lf-product-enabled-thumb: light-dark(#fbfaf6, #e3aed0); --lf-product-ridge-day: #86897f; --lf-product-ridge-night: #3c423a; --lf-product-scene-sun-day: #fbfaf6; --lf-product-scene-moon-night: #fbfaf6; }
[data-lf-product="place"] { --lf-product-light: #0f6d76; --lf-product-dark: #85cfd8; --lf-product-tile-light: #058e99; --lf-product-tile-dark: #173f43; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#eaf0ed, #2a3431); --lf-product-enabled-track: light-dark(#0f6d76, #173f43); --lf-product-enabled-thumb: light-dark(#fbfaf6, #85cfd8); --lf-product-ridge-day: #86897f; --lf-product-ridge-night: #3c423a; --lf-product-scene-sun-day: #fbfaf6; --lf-product-scene-moon-night: #fbfaf6; }
[data-lf-product="pace"] { --lf-product-light: #5b6730; --lf-product-dark: #bac992; --lf-product-tile-light: #76863d; --lf-product-tile-dark: #353b20; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#f0f0e8, #2e332c); --lf-product-enabled-track: light-dark(#5b6730, #353b20); --lf-product-enabled-thumb: light-dark(#fbfaf6, #bac992); --lf-product-ridge-day: #86897f; --lf-product-ridge-night: #3c423a; --lf-product-scene-sun-day: #fbfaf6; --lf-product-scene-moon-night: #fbfaf6; }
[data-lf-product="frame"] { --lf-product-light: #835332; --lf-product-dark: #e8b593; --lf-product-tile-light: #ab6c3f; --lf-product-tile-dark: #4a3221; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#f3eee8, #32312c); --lf-product-enabled-track: light-dark(#835332, #4a3221); --lf-product-enabled-thumb: light-dark(#fbfaf6, #e8b593); --lf-product-ridge-day: #86897f; --lf-product-ridge-night: #3c423a; --lf-product-scene-sun-day: #fbfaf6; --lf-product-scene-moon-night: #fbfaf6; }
[data-lf-product="byline"] { --lf-product-light: #645789; --lf-product-dark: #c4b8ed; --lf-product-tile-light: #8271b2; --lf-product-tile-dark: #39334d; --lf-product-accent: light-dark(var(--lf-product-light), var(--lf-product-dark)); --lf-product-soft: light-dark(#f0efee, #2f3233); --lf-product-enabled-track: light-dark(#645789, #39334d); --lf-product-enabled-thumb: light-dark(#fbfaf6, #c4b8ed); --lf-product-ridge-day: #86897f; --lf-product-ridge-night: #3c423a; --lf-product-scene-sun-day: #fbfaf6; --lf-product-scene-moon-night: #fbfaf6; }
@media(prefers-reduced-motion:reduce) { :root { --lf-motion-press:0ms; --lf-motion-hover:0ms; --lf-motion-switch:0ms; --lf-motion-segment:0ms; --lf-motion-dialog:0ms; --lf-motion-disclosure:0ms; --lf-motion-theme:0ms; --lf-motion-landscape:0ms; --lf-motion-theme-wave:0ms; } }