@charset "UTF-8";
/*
  SCSS modules organized based on the guidelines listed at https://sass-guidelin.es/#architecture
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */ /* 2 */
  text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  /* The highlight stays yellow in both themes, so its text must not invert
     with the ramp — --cf-black would become white on yellow in dark. */
  background: #ff0;
  color: var(--cf-paper-ink);
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  /* stylelint-disable-next-line font-family-no-duplicate-names */
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
.timezone-click-to-edit,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
html [type=button].timezone-click-to-edit,
input[type=reset],
[type=reset].timezone-click-to-edit,
input[type=submit],
[type=submit].timezone-click-to-edit {
  appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled],
html [disabled].timezone-click-to-edit {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner,
.timezone-click-to-edit::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input, .timezone-click-to-edit {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox], [type=checkbox].timezone-click-to-edit,
input[type=radio],
[type=radio].timezone-click-to-edit {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button, [type=number].timezone-click-to-edit::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
[type=number].timezone-click-to-edit::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search], [type=search].timezone-click-to-edit {
  appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button, [type=search].timezone-click-to-edit::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
[type=search].timezone-click-to-edit::-webkit-search-decoration {
  appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid var(--cf-gray-300);
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

:root {
  /* =========================================================================
     CaseFleet Design System tokens — mirror of the Figma "CF Design System"
     core file. Introduced 2026-04; migration from legacy --camelCase tokens
     is in progress. When a Figma-prescribed value diverged from the current
     in-use value, the current value wins so that appearance is preserved.
     ========================================================================= */
  /* ---------- Primitive color tokens ---------- */
  /* Neutrals */
  --cf-white: rgb(255 255 255);
  --cf-off-white: rgb(249 249 249);
  --cf-lilac-tint: rgb(250 249 254);
  --cf-gray-100: rgb(235 235 235);
  --cf-gray-200: rgb(217 217 217);
  --cf-gray-300: rgb(209 209 209);
  --cf-gray-500: rgb(139 139 139);
  --cf-gray-600: rgb(110 110 110);
  --cf-gray-700: rgb(86 86 86);
  --cf-gray-800: rgb(61 61 61);
  --cf-gray-900: rgb(41 41 41);
  --cf-gray-950: rgb(31 31 31);
  --cf-ink: rgb(24 24 24);
  --cf-black: rgb(0 0 0);
  /* Primary — CaseFleet Purple */
  --cf-purple-50: rgb(250 249 254);
  --cf-purple-100: rgb(235 232 253);
  --cf-purple-200: rgb(209 202 247);
  --cf-purple-300: rgb(172 148 217);
  --cf-purple-400: rgb(151 71 255);
  /* 500 was referenced by the Skills Library UI but never declared, so its
     accents silently fell back to currentcolor. Aliased to the primary until
     design assigns it a distinct value; deriving keeps it theme-correct. */
  --cf-purple-500: var(--cf-purple-600);
  --cf-purple-600: rgb(94 61 187);
  --cf-purple-700: rgb(67 42 137);
  --cf-purple-900: rgb(46 27 97);
  /* Semantic status primitives */
  --cf-success-100: rgb(219 241 216);
  --cf-success-400: rgb(168 221 159);
  --cf-success-700: rgb(27 127 77);
  --cf-warning-500: rgb(218 109 0);
  --cf-warning-700: rgb(174 86 0);
  --cf-alert-500: rgb(161 41 44);
  --cf-alert-pure: rgb(255 0 0);
  /* Shadow ink values */
  --cf-shadow-006: rgb(24 24 24 / 6%);
  --cf-shadow-004: rgb(24 24 24 / 4%);
  --cf-shadow-ink-18: rgb(24 24 24 / 18%);
  /* ---------- Fixed (never-themed) surfaces ----------
     Everything else in this file flips under the dark theme (see
     abstracts/theme-dark). These four deliberately do not. They are for
     rendered evidence — document pages, page thumbnails, the printable
     invoice paper view. Inverting an exhibit would misrepresent it, so
     the page stays white in dark mode and only the chrome around it
     goes dark. Do not point these at --cf-white. */
  --cf-paper: rgb(255 255 255);
  --cf-paper-ink: rgb(24 24 24);
  --cf-paper-edge: rgb(209 209 209);
  --cf-paper-muted: rgb(110 110 110);
  /* ---------- Semantic color tokens ---------- */
  /* Backgrounds */
  --bg-default: var(--cf-white);
  --bg-subtle: var(--cf-off-white);
  --bg-neutral: var(--cf-gray-100);
  --bg-primary-light: var(--cf-purple-100);
  --bg-primary-strong: var(--cf-purple-600);
  --bg-default-strong: var(--cf-ink);
  --bg-inverse: var(--cf-ink);
  --bg-sidebar: var(--cf-lilac-tint);
  /* Background — action states */
  --bg-action-utility-default: var(--cf-white);
  --bg-action-utility-hover: var(--cf-gray-100);
  --bg-action-utility-active: var(--cf-gray-200);
  --bg-action-primary-light-default: var(--cf-purple-100);
  --bg-action-primary-light-hover: var(--cf-purple-200);
  --bg-action-primary-light-active: var(--cf-purple-200);
  --bg-action-primary-strong-default: var(--cf-purple-600);
  --bg-action-primary-strong-hover: var(--cf-purple-700);
  --bg-action-primary-strong-active: var(--cf-purple-900);
  --bg-action-secondary-strong-default: var(--cf-ink);
  --bg-action-secondary-strong-hover: var(--cf-gray-900);
  --bg-action-secondary-strong-active: var(--cf-black);
  --bg-action-primary-dark-default: var(--cf-purple-900);
  --bg-action-primary-dark-hover: var(--cf-purple-700);
  --bg-action-primary-dark-active: var(--cf-purple-600);
  /* Background — status */
  --bg-status-primary-light: var(--cf-purple-100);
  --bg-status-success-light: var(--cf-success-100);
  --bg-status-warning-light: rgb(255 238 214);
  --bg-status-alert-light: rgb(255 225 225);
  --bg-status-info-light: rgb(222 236 255);
  /* Foreground */
  /* subtle was referenced by components (chat, suggested-facts pane) but
     never declared, so those colours silently fell back to inherited text —
     which is what made the pane copy unreadable in dark mode. */
  --fg-neutral-subtle: var(--cf-gray-600);
  --fg-neutral-medium: var(--cf-gray-600);
  --fg-neutral-strong: var(--cf-ink);
  --fg-primary-medium: var(--cf-purple-600);
  --fg-primary-strong: var(--cf-purple-900);
  --fg-neutral-inverse: var(--cf-white);
  --fg-primary-light-inverse: var(--cf-purple-100);
  /* Foreground — action */
  --fg-action-link-primary-default: var(--cf-purple-600);
  --fg-action-link-primary-hover: var(--cf-purple-700);
  --fg-action-link-primary-active: var(--cf-purple-900);
  --fg-action-tag-link-default: var(--cf-ink);
  --fg-action-tag-link-hover: var(--cf-gray-900);
  --fg-action-tag-link-active: var(--cf-black);
  /* Foreground — status */
  --fg-status-neutral-strong: var(--cf-gray-700);
  --fg-status-primary-strong: var(--cf-purple-600);
  --fg-status-warning-strong: var(--cf-warning-700);
  --fg-status-success-strong: var(--cf-success-700);
  --fg-status-alert-strong: var(--cf-alert-500);
  --fg-status-info-strong: rgb(28 79 179);
  /* Borders */
  --border-neutral: var(--cf-gray-100);
  --border-primary-neutral: var(--cf-gray-300);
  --border-error: var(--cf-alert-500);
  --border-action-secondary-hover: var(--cf-gray-500);
  --border-action-secondary-active: var(--cf-ink);
  --border-status-primary: var(--cf-purple-600);
  --border-status-success: var(--cf-success-400);
  --border-status-warning: var(--cf-warning-500);
  --border-status-alert: var(--cf-alert-500);
  --border-status-info: rgb(28 79 179);
  --border-utility-dark-focus: var(--cf-purple-900);
  --border-error-focus: var(--cf-alert-pure);
  /* ---------- Effects / elevation ---------- */
  --shadow-subtle: 0 1px 2px 0 var(--cf-shadow-004);
  --shadow-marketing: 0 2px 8px 0 var(--cf-shadow-006);
  --shadow-overlay: 0 6px 20px 0 var(--cf-shadow-ink-18);
  /* Legacy shadow scale, kept as tokens so the theme can restate it. Consumed
     through the SCSS aliases at the bottom of this file ($light-shade,
     $deep-shadow, $medium-dark-shadow, $dark-shadow), several of which carry
     !important — hence the values have to live here rather than in a
     component-level override. */
  --shadow-light-shade: 0 1px 3px 0 rgb(0 0 0 / 8%);
  --shadow-deep: 0 1px 8px 0 rgb(0 0 0 / 8%);
  --shadow-medium-dark: 0 1px 10px 0 rgb(0 0 0 / 14%);
  --shadow-dark: 0 1px 10px 0 rgb(0 0 0 / 32%);
  --focus-ring:
    0 0 0 2px rgb(255 255 255 / 100%), 0 0 0 4px var(--cf-purple-900);
  --focus-ring-error:
    0 0 0 2px rgb(255 255 255 / 100%), 0 0 0 4px var(--cf-alert-pure);
  /* ---------- Gradients ---------- */
  --gradient-hero: linear-gradient(
    180deg,
    var(--cf-purple-100) 0%,
    var(--cf-off-white) 100%
  );
  --gradient-dark-marketing-1: linear-gradient(
    135deg,
    var(--cf-purple-900) 0%,
    var(--cf-purple-600) 100%
  );
  --gradient-dark-marketing-2: linear-gradient(
    135deg,
    var(--cf-purple-600) 0%,
    var(--cf-purple-400) 100%
  );
  /* ---------- Radii ---------- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;
  /* ---------- Spacing (4pt base) ---------- */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  /* ---------- Typography ---------- */
  --font-sans: "Inter", system-ui, -apple-system, segoe ui, roboto, sans-serif;
  --font-label: "IBM Plex Sans", "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, menlo, monospace;
  --font-icon: "Material Symbols Rounded";
  --h1-size: 48px;
  --h1-lh: 1.25;
  --h1-tr: -0.02em;
  --h1-weight: 700;
  --h2-size: 40px;
  --h2-lh: 1.25;
  --h2-tr: -0.01em;
  --h2-weight: 700;
  --h3-size: 32px;
  --h3-lh: 1.25;
  --h3-tr: -0.01em;
  --h3-weight: 700;
  --h4-size: 24px;
  --h4-lh: 1.3;
  --h4-tr: 0;
  --h4-weight: 600;
  --h5-size: 20px;
  --h5-lh: 1.4;
  --h5-tr: 0;
  --h5-weight: 600;
  --h6-size: 16px;
  --h6-lh: 1.5;
  --h6-tr: 0;
  --h6-weight: 700;
  --text-lg-size: 20px;
  --text-lg-lh: 1.5;
  --text-md-size: 16px;
  --text-md-lh: 1.5;
  --text-sm-size: 14px;
  --text-sm-lh: 1.5;
  --text-xs-size: 12px;
  --text-xs-lh: 1.5;
  --label-size: 12px;
  --label-lh: 1.5;
  --label-weight: 500;
  /* ---------- Extended color tokens ---------- */
  /* Off-palette foreground used for softer help/caption copy. */
  --fg-neutral-light: #7f7f7f;
  /* Extended success shade used in banners; doesn't match Figma's
     success-100/400 but is preserved as-is to avoid a visual change. */
  --cf-success-200: #e0f1c8;
  /* ---------- Component-level layout tokens ---------- */
  /* Borders */
  --border-width: 1px;
  --input-border-width: 1px;
  --border-color-secondary-active: #95a6ab;
  /* Links */
  --link-decoration: underline;
  /* Inputs */
  --input-height: 40px;
  /* Buttons */
  --button-box-shadow: none;
  /* Cards */
  --card-box-shadow: none;
  /* Chat
     An ad-hoc grey that predates the palette and is one notch off
     --cf-gray-800 (#3d3d3d). Kept at its exact original value so light mode
     is untouched; the theme restates it. */
  --chat-fg-case-name: #333;
  /* Tooltips */
  --tooltip-sm-bg: #4b4b4b;
  /* Top bar */
  --top-bar-height: 56px;
  --top-bar-toggle-active-decoration: none;
  /* Tables */
  --table-header-text-transform: none;
  --table-header-bg: #f8f9f9;
  /* Primary nav */
  --primary-nav-width: 64px;
  /* Font stack (legacy — prefer --font-sans) */
  --font-stack: inter, roboto, helvetica neue, helvetica, sans-serif;
  /* ---------- Ad-hoc brand accents ---------- */
  --blue: #205b81;
  --green: #216300;
  /* ---------- Legacy named brand colors ----------
     TODO: consolidate to the --cf-* / semantic palette above and delete
     these. Kept in parallel with the corresponding SCSS $-vars so that
     SCSS color math (darken/lighten/color.adjust) still works while
     CSS-only call sites reference the CSS tokens. */
  --cf-legacy-dust: #dee6e9;
  --cf-legacy-cloud: #3d5158;
  --cf-legacy-red: #c02830;
  --cf-legacy-ash: #778a90;
  --cf-legacy-ash-light: #95a6ab;
  --cf-legacy-ash-dark: #5b7177;
  --cf-legacy-loblolly: #c6cdd1;
  --cf-legacy-nobel: #b7b7b7;
  --cf-legacy-dirt: #adbbbf;
  --cf-legacy-green-glow: #03cfaa;
  --cf-legacy-teal: #057b9f; /* the legacy $blue — a distinct color from --blue */
  /* ---------- One-off colours recovered from component stylesheets ----------
     These duplicate the --cf-gray-* ramp to within a few points but were
     written as literals all over the codebase (and in the component-local
     *.module.scss files, which the first theming pass never touched). They are
     preserved at their EXACT original values so light mode cannot move; the
     dark theme restates them. Collapsing them into --cf-gray-* is the right
     end state but needs sign-off on a 2-5/255 light-mode shift. */
  --cf-legacy-nfe: #fefefe;
  --cf-legacy-nfa: #fafafa;
  --cf-legacy-nf7f9: #f7f7f9;
  --cf-legacy-nf8: #f8f8f8;
  --cf-legacy-nf5: #f5f5f5;
  --cf-legacy-nf0: #f0f0f0;
  --cf-legacy-nee: #eee;
  --cf-legacy-ne8: #e8e8e8;
  --cf-legacy-ne5: #e5e5e5;
  --cf-legacy-ne0: #e0e0e0;
  --cf-legacy-ndd: #ddd;
  --cf-legacy-nd0: #d0d0d0;
  --cf-legacy-ncc: #ccc;
  --cf-legacy-nbb: #bbb;
  --cf-legacy-nb8: #b8b8b8;
  --cf-legacy-n99: #999;
  --cf-legacy-n8a: #8a8a8a;
  --cf-legacy-n88: #888;
  --cf-legacy-n6b: #6b6b6b;
  --cf-legacy-n66: #666;
  --cf-legacy-n3c: #3c3c3c;
  --cf-legacy-n1a: #1a1a1a;
  --cf-legacy-n11: #111;
  /* Tints */
  --cf-legacy-tint-purple: #f5f3ff;
  --cf-legacy-tint-slate: #f5f7f8;
  --cf-legacy-tint-indigo: #e0e7ff;
  --cf-legacy-tint-blue: #e8f4fd;
  /* Warm start of the AI pane-header gradient (highlights-forms-v2.scss). */
  --cf-legacy-tint-peach: #fde5de;
  /* Status one-offs (usage/billing overage indicators, inline errors) */
  --cf-legacy-green-mid: #4e9e53;
  --cf-legacy-green-deep: #1a7f64;
  --cf-legacy-orange-mid: #d27301;
  --cf-legacy-orange-bright: #e68a00;
  --cf-legacy-orange-deep: #996b00;
  --cf-legacy-gold: #b8860b;
  --cf-legacy-red-strong: #d32f2f;
  --cf-legacy-nf7: #f7f7f7;
  --cf-legacy-ne9: #e9e9e9;
  --cf-legacy-naa: #aaa;
  --cf-legacy-n55: #555;
  --cf-legacy-green-badge: #1a7a2e;
  --cf-legacy-red-vivid: #dc2626;
  --cf-legacy-crimson: #c7254e;
  --cf-legacy-purple-text: #5b4a9d;
  --cf-legacy-tint-periwinkle: #f0f4ff;
  --cf-legacy-air: #f8f9f9;
  --cf-legacy-air-dark: #f3f5f5; /* was color.adjust($air, -2%) */
  --cf-legacy-thunderstorm: #041e26;
  --cf-legacy-outer-space: #31393f;
  /* Casey's case-instructions proposal card (chat.scss): body ink and the
     Accept button's hover wash. */
  --cf-legacy-gunmetal: #2d3748;
  --cf-legacy-tint-lavender: #f8f7ff;
  --cf-legacy-scrollbar-thumb: #ccd2d6; /* was color.adjust($loblolly, 2%) */
  --cf-legacy-wash-me-dark: #d6cef7; /* was color.scale($wash-me, -10%) */
  /* Derived legacy shades. These were SCSS `color.adjust()` calls whose
     result no srgb color-mix() reproduces closely enough to keep light mode
     pixel-identical, so the light value is pinned here and the dark
     counterpart is chosen by hand in theme-dark. */
  --cf-legacy-dust-strong: #a1b8c0; /* was color.adjust($border, -20%) */
  --cf-legacy-dust-strongest: #648997; /* was color.adjust($border, -40%) */
  --cf-legacy-cloud-light: #526d76; /* was color.adjust($text, 10%) */
  --cf-legacy-cloud-lighter: #678894; /* was color.adjust($text, 20%) */
  --cf-legacy-wash-me-dark-active: #b1a2f0; /* was adjust($wash-me--dark, -10%) */
  --cf-legacy-modal-overlay: rgb(102 112 118 / 90%);
  /* Softer scrim used by the fact-form modal backdrop. */
  --cf-legacy-modal-overlay-soft: rgb(102 112 118 / 70%);
  /* The document-viewer shell, which is a solid slate rather than a scrim. */
  --cf-legacy-viewer-shell: rgb(102 112 118);
  --tooltip-bg: #222;
  /* ---------- Cool-gray (slate) and indigo palette ----------
     A secondary cool/bluish gray scale plus two indigos, used across
     the data tables, calendar, date inputs, onboarding flow, chat
     search, modals, and toggle switch. Distinct from --cf-gray-* which
     is a neutral warm-gray scale. */
  --cf-slate-50: #f9fafb;
  --cf-slate-100: #f3f4f6;
  --cf-slate-200: #e5e7eb;
  --cf-slate-300: #d1d5db;
  --cf-slate-400: #9ca3af;
  --cf-slate-500: #6b7280;
  --cf-slate-900: #111827;
  --cf-indigo-500: #6366f1;
  --cf-indigo-600: #4f46e5;
  /* ---------- Entity colors ---------- */
  --entity-person: #059dfc;
  --entity-organization: #1d488e;
  --entity-event: #24560d;
  --entity-location: #5ba540;
  --entity-date: #ff9f3e;
  --entity-product: #c9ce29;
  --entity-datetime: #fb86a5;
  --entity-document: #ffb5e8;
  --entity-other: #964b00;
}

/* =============================================================================
   Dark theme — token overrides only.

   Approach: the app overwhelmingly styles itself from the *primitive* colour
   tokens (--cf-white, --cf-ink, --cf-gray-*, --cf-purple-*) rather than the
   semantic layer, so dark mode is implemented as a tonal inversion of those
   ramps: hue is preserved, lightness is flipped. Because every existing
   foreground/background pairing was authored against the light ramp, flipping
   both ends of each ramp preserves the pairing's contrast automatically —
   `color: var(--cf-white)` on `background: var(--cf-purple-600)` becomes dark
   text on light purple, which still reads.

   Consequences worth knowing before editing this file:
     * "white" means "the surface colour", not the colour white. Anything that
       must literally stay white uses --cf-paper (see variables.scss).
     * A bare `color: white` in a component is NOT converted, because those sit
       on gradients and vivid accents that do not invert.
     * Nothing outside this file should be theme-aware, with one carve-out:
       CSS modules (*.module.scss) hash their class names, so this file cannot
       reach them. A module's rare non-tokenizable dark rule lives inside the
       module, scoped as `:global(html[data-theme="dark"]) .localClass` — see
       "Dark mode" in frontend/CLAUDE.md. Either way: prefer adding/adjusting
       a token here first.

   Scoped to [data-theme="dark"] on <html>, which is set pre-paint by the
   inline script in index.html and maintained by services/theme.ts.
   ========================================================================== */
/* stylelint-disable no-descending-specificity */
html[data-theme=dark] {
  color-scheme: dark;
  /* ---------- Neutrals (inverted ramp) ----------
     The base surface is deliberately lifted off near-black. Two reasons,
     both about elevation:

       1. A drop shadow is darker than what it falls on. Against a near-black
          page there is nothing left to darken, so shadows are invisible and
          floating panels have no depth cue.
       2. An overlay needs somewhere to go. Layered surfaces read as "above"
          when they are *lighter* than the page (this is what GitHub's dark
          theme does), which requires headroom above the base.

     So: canvas < base surface < overlay, three distinct steps, with the
     whole stack sitting above black rather than on it. */
  --cf-white: rgb(38 38 45); /* base surface — cards, tables, top bar */
  --cf-off-white: rgb(47 47 55); /* hover / subtle raise on the base */
  --cf-lilac-tint: rgb(31 31 38); /* page canvas + sidebar, one step below */
  --cf-gray-100: rgb(58 58 67); /* hairline borders, subtle fills */
  --cf-gray-200: rgb(70 70 80);
  --cf-gray-300: rgb(90 90 102); /* primary border */
  --cf-gray-500: rgb(154 154 166);
  --cf-gray-600: rgb(170 170 182); /* medium foreground */
  --cf-gray-700: rgb(190 190 201);
  --cf-gray-800: rgb(214 214 223); /* body text */
  --cf-gray-900: rgb(229 229 236);
  --cf-gray-950: rgb(238 238 243);
  --cf-ink: rgb(244 244 248); /* strong text */
  --cf-black: rgb(255 255 255); /* strongest / active text */
  /* One step above the base, for anything that floats: menus, dropdowns,
     modals, popovers, date pickers. Applied by re-scoping --cf-white inside
     the overlay container (see "Elevation" below) so every background and
     border derived from it lifts together, rather than by hunting down each
     panel's own background rule. */
  --cf-surface-overlay: rgb(52 52 61);
  --cf-surface-overlay-hover: rgb(63 63 74);
  /* ---------- Primary — CaseFleet Purple (inverted ramp) ----------
     600 is both the primary button background and the link colour, so it has
     to work as a light fill under dark text AND as text on the dark surface.
     A light tint satisfies both; the ramp direction flips with it, so 700
     (hover) and 900 (active) get brighter rather than darker. */
  --cf-purple-50: rgb(36 33 48);
  --cf-purple-100: rgb(54 47 79);
  --cf-purple-200: rgb(70 60 103);
  --cf-purple-300: rgb(126 108 176);
  --cf-purple-400: rgb(176 138 255);
  --cf-purple-600: rgb(180 158 246);
  --cf-purple-700: rgb(200 182 250);
  --cf-purple-900: rgb(223 213 255);
  /* ---------- Status primitives ---------- */
  --cf-success-100: rgb(38 64 38);
  --cf-success-200: #33452a;
  --cf-success-400: rgb(126 186 116);
  --cf-warning-500: rgb(240 165 90);
  --cf-warning-700: rgb(250 190 130);
  --cf-alert-500: rgb(255 138 141);
  --cf-alert-pure: rgb(255 92 92);
  /* ---------- Shadows ----------
     Light-mode shadows are near-invisible ink washes. On a dark surface a
     shadow only reads if it is much heavier — and only reads at all now that
     the base surface is lifted off black (see the neutrals block). */
  --cf-shadow-006: rgb(0 0 0 / 55%);
  --cf-shadow-004: rgb(0 0 0 / 40%);
  --cf-shadow-ink-18: rgb(0 0 0 / 70%);
  /* Two-layer overlay shadow: a tight contact shadow to seat the panel plus a
     wide soft one for depth. A single blur reads as a grey smudge on dark.
     --shadow-deep matches it because the legacy $deep-shadow alias carries
     !important and is what most of the existing floating panels already use;
     keeping the two identical means it doesn't matter which one wins. */
  --shadow-overlay:
    0 10px 28px -6px rgb(0 0 0 / 70%), 0 2px 8px -2px rgb(0 0 0 / 55%);
  --shadow-light-shade: 0 1px 3px 0 rgb(0 0 0 / 40%);
  --shadow-deep:
    0 10px 28px -6px rgb(0 0 0 / 70%), 0 2px 8px -2px rgb(0 0 0 / 55%);
  --shadow-medium-dark:
    0 12px 30px -6px rgb(0 0 0 / 72%), 0 3px 10px -3px rgb(0 0 0 / 58%);
  --shadow-dark:
    0 14px 36px -8px rgb(0 0 0 / 78%), 0 4px 12px -4px rgb(0 0 0 / 62%);
  /* The focus ring's inner halo is a literal white in light mode; on a dark
     surface it has to be the surface colour or it reads as a white outline. */
  --focus-ring: 0 0 0 2px rgb(38 38 45), 0 0 0 4px var(--cf-purple-600);
  --focus-ring-error: 0 0 0 2px rgb(38 38 45), 0 0 0 4px var(--cf-alert-pure);
  /* ---------- Semantic tokens with literal (non-derived) values ---------- */
  --bg-status-warning-light: rgb(74 54 28);
  --bg-status-alert-light: rgb(82 41 43);
  --bg-status-info-light: rgb(34 51 82);
  --fg-status-info-strong: rgb(140 178 255);
  --fg-status-success-strong: #6ac47f;
  --border-status-info: rgb(140 178 255);
  --fg-neutral-light: #9a9aa4;
  /* ---------- Component-level tokens ---------- */
  --border-color-secondary-active: #6f7f85;
  --chat-fg-case-name: var(--cf-gray-800);
  --tooltip-sm-bg: #d9d9e0;
  --tooltip-bg: #e2e2e8;
  --table-header-bg: #2f2f37;
  /* ---------- Ad-hoc brand accents ---------- */
  --blue: #7bb8e0;
  --green: #8fd07a;
  /* ---------- Legacy named brand colours (inverted) ---------- */
  --cf-legacy-dust: #414a4f;
  --cf-legacy-cloud: #c3d0d5;
  --cf-legacy-red: #ff8a90;
  --cf-legacy-ash: #93a3a8;
  /* Lighter than a strict inversion would give: this is used for secondary
     copy as well as borders, and the inverted value landed at 4.0:1. */
  --cf-legacy-ash-light: #8d9ca2;
  --cf-legacy-ash-dark: #b0c0c5;
  --cf-legacy-loblolly: #525b60;
  --cf-legacy-nobel: #5d5d66;
  --cf-legacy-dirt: #58656a;
  --cf-legacy-teal: #4fc3e8;
  /* One-off colours recovered from component stylesheets (see variables.scss).
     Light greys become dark surfaces/borders; mid and dark greys become text. */
  --cf-legacy-nfe: #2b2b33;
  --cf-legacy-nfa: #2e2e36;
  --cf-legacy-nf7f9: #2d2d35;
  --cf-legacy-nf8: #303038;
  --cf-legacy-nf5: #2f2f37;
  --cf-legacy-nf0: #34343d;
  --cf-legacy-nee: #363640;
  --cf-legacy-ne8: #3a3a44;
  --cf-legacy-ne5: #3d3d47;
  --cf-legacy-ne0: #43434e;
  --cf-legacy-ndd: #4a4a55;
  --cf-legacy-nd0: #52525d;
  --cf-legacy-ncc: #56565f;
  --cf-legacy-nbb: #6e6e79;
  --cf-legacy-nb8: #6a6a75;
  --cf-legacy-n99: #9a9aa6;
  --cf-legacy-n8a: #a6a6b1;
  --cf-legacy-n88: #a2a2ad;
  --cf-legacy-n6b: #b4b4bf;
  --cf-legacy-n66: #b8b8c3;
  --cf-legacy-n3c: #d6d6de;
  --cf-legacy-n1a: #ececf1;
  --cf-legacy-n11: #f0f0f4;
  --cf-legacy-tint-purple: #2e2844;
  --cf-legacy-tint-slate: #2c3035;
  --cf-legacy-tint-indigo: #2b3350;
  --cf-legacy-tint-blue: #22303c;
  --cf-legacy-tint-peach: #4a332d; /* keeps the AI header's warm start, dark */
  --cf-legacy-green-mid: #7fc785;
  --cf-legacy-green-deep: #5fc9a8;
  --cf-legacy-orange-mid: #f0a95c;
  --cf-legacy-orange-bright: #f5b45f;
  --cf-legacy-orange-deep: #d9ab4d;
  --cf-legacy-gold: #e0b84a;
  --cf-legacy-red-strong: #ff8a8f;
  --cf-legacy-nf7: #2e2e36;
  --cf-legacy-ne9: #3b3b45;
  --cf-legacy-naa: #8c8c98;
  --cf-legacy-n55: #c2c2cc;
  --cf-legacy-green-badge: #7fd18f;
  --cf-legacy-red-vivid: #ff7b7b;
  --cf-legacy-crimson: #ff8fa8;
  --cf-legacy-purple-text: #b9a8ee;
  --cf-legacy-tint-periwinkle: #262d40;
  --cf-legacy-air: #2f2f37;
  --cf-legacy-air-dark: #36363f;
  --cf-legacy-thunderstorm: #dfe8eb;
  --cf-legacy-outer-space: #cdd3d8;
  --cf-legacy-gunmetal: rgb(214 214 223); /* body text on the dark surface */
  --cf-legacy-tint-lavender: rgb(63 63 74); /* hover raise, not a white flash */
  --cf-legacy-scrollbar-thumb: #50505b;
  --cf-legacy-wash-me-dark: #453b66;
  /* "stronger"/"lighter" keep their *meaning* rather than their direction:
     a shade authored to stand out more against the surface has to move the
     other way once the surface is dark. */
  --cf-legacy-dust-strong: #5c666b;
  --cf-legacy-dust-strongest: #7d8a90;
  --cf-legacy-cloud-light: #a8b7bd;
  --cf-legacy-cloud-lighter: #94a5ac;
  --cf-legacy-wash-me-dark-active: #554980;
  --cf-legacy-modal-overlay: rgb(6 6 9 / 72%);
  --cf-legacy-modal-overlay-soft: rgb(6 6 9 / 66%);
  --cf-legacy-viewer-shell: #1b1b20;
  /* ---------- Cool-gray (slate) and indigo ---------- */
  --cf-slate-50: #262931;
  --cf-slate-100: #2d3139;
  --cf-slate-200: #3b414c;
  --cf-slate-300: #515868;
  --cf-slate-400: #8b93a3;
  --cf-slate-500: #a8b0be;
  --cf-slate-900: #eef0f5;
  --cf-indigo-500: #8b8dff;
  --cf-indigo-600: #a3a1ff;
  /* ---------- Entity colours ----------
     Most of the palette is already light enough to sit on a dark surface;
     only the four dark ones are lifted. Lifted values keep the light ramp's
     saturation (not pastel tints) so the type pills stay as scannable as
     they are in light mode — QA flagged the earlier pastels as washed out. */
  --entity-organization: #4a89f5;
  --entity-event: #56b02e;
  --entity-location: #67c24a;
  --entity-other: #e0873a;
  /* ---------- Gradients ---------- */
  --gradient-hero: linear-gradient(
    180deg,
    var(--cf-purple-100) 0%,
    var(--cf-white) 100%
  );
  /* =========================================================================
     Targeted fixes.

     Everything above is a token swap. What follows is the short list of
     places the inversion could not reach, either because the value was
     hardcoded in a component or because the element must not invert at all.
     Keep this list short — if it grows, the fix belongs in the component.
     ====================================================================== */
  /* -- List search "has a value" border -----------------------------------
     The list filter inputs mark an active filter with the legacy teal
     border. That token resolves to a bright cyan here, which reads as
     off-theme against the lavender accent (QA), so the active state takes
     the primary instead. Both light-mode selectors (components/filters.scss
     and components/saved-views.scss) are repeated in full for specificity:
     this file is imported before either of them. */
}
html[data-theme=dark] .list-filters .list-search .search-input.search-input--has-value input, html[data-theme=dark] .list-filters .list-search .search-input.search-input--has-value .timezone-click-to-edit,
html[data-theme=dark] .saved-views__actions-group > .search-input.search-input--has-value input,
html[data-theme=dark] .saved-views__actions-group > .search-input.search-input--has-value .timezone-click-to-edit {
  border-color: var(--cf-purple-600);
}
html[data-theme=dark] {
  /* -- Chat tool-line icons ---------------------------------------------------
     The tool-use/result rows colour their icons with currentcolor, but
     several of the icons ship baked one-off fills (#e8eaed, #5E3DBB,
     #2EAFD2) so the set reads as mismatched colours on dark. Normalise
     every glyph to the row's colour. (#D9D9D9 rects are mask geometry.) */
}
html[data-theme=dark] .tool-use-block__icon svg [fill]:not([fill=none], [fill="#D9D9D9"]),
html[data-theme=dark] .tool-result-block__icon svg [fill]:not([fill=none], [fill="#D9D9D9"]),
html[data-theme=dark] .tool-use-block__icon svg[fill]:not([fill=none]),
html[data-theme=dark] .tool-result-block__icon svg[fill]:not([fill=none]) {
  fill: currentcolor;
}
html[data-theme=dark] {
  /* -- Chat citation badges --------------------------------------------------
     The numbered badges pin their resting ink to a literal `black
     !important` while their fill follows a token that goes dark here —
     black-on-dark until hover. Match the hover state's convention (light
     text) at rest. The !important is needed to outrank the component's. */
}
html[data-theme=dark] .chat-message__contents .citation-index,
html[data-theme=dark] .chat-message__contents a.citation-index {
  color: var(--cf-ink) !important;
}
html[data-theme=dark] {
  /* -- Login / outside-page logo --------------------------------------------
     The wordmark ships as an <img> whose internals CSS cannot recolour, and
     the artwork is ink-on-transparent — invisible on the dark canvas. It is
     purely monochrome (#181818 + white), so a straight inversion IS the
     white version of the logo. */
}
html[data-theme=dark] .login-logo img {
  filter: invert(1);
}
html[data-theme=dark] {
  /* -- Active ("special") toolbar buttons -----------------------------------
     When a viewer pane is open its toolbar button flips to the special style
     (chip filled with --cf-ink — near-white here) and swaps to the
     "-inverted" icon, whose glyph is a literal white that this theme
     deliberately never converts. That leaves white-on-white. Paint the
     glyph with the surface colour so the active state mirrors light mode's
     dark-chip/white-glyph relationship. */
}
html[data-theme=dark] .special-btn svg [fill=white],
html[data-theme=dark] .special-btn svg [fill="#fff"],
html[data-theme=dark] .special-btn svg [fill="#FFFFFF"] {
  fill: var(--cf-white);
}
html[data-theme=dark] {
  /* -- Casey suggested-prompt category buttons ------------------------------
     The four category icons paint from four different sources (a colour
     gradient, an unfilled black default, #181818, #5f6368), so after
     inversion each button's icon lands on a different colour. Flatten them
     all to the button's text colour for one consistent row. */
}
html[data-theme=dark] .suggested-prompts__category-button svg,
html[data-theme=dark] .suggested-prompts__category-button svg [fill]:not([fill=none], [fill="#D9D9D9"]) {
  fill: currentcolor;
}
html[data-theme=dark] {
  /* -- Usage page section icons ----------------------------------------------
     Three of the five section icons paint with currentcolor and follow the
     header text (light here); Doc Intelligence and AI credits paint with
     baked colour gradients, so the set reads as mismatched (QA #22).
     Flatten the gradient glyphs to the header colour. */
}
html[data-theme=dark] .usage-section__icon [fill^="url("] {
  fill: currentcolor;
}
html[data-theme=dark] {
  /* -- Plan-usage tile icons ------------------------------------------------
     The tiles grey their icons out with grayscale(100%). Three of the five
     icons paint with currentcolor and follow the (restated) grey token, but
     Doc Intelligence and AI credits paint with baked-in colour gradients,
     which grayscale collapses to a mid-grey that vanishes on this surface.
     Lifting brightness brings the two gradient icons up to the same light
     grey as their currentcolor siblings. */
}
html[data-theme=dark] .plan-usage-tile__icon svg {
  filter: grayscale(100%) brightness(1.9);
}
html[data-theme=dark] {
  /* -- Pikaday date picker -------------------------------------------------
     The vendor stylesheet draws the month-nav arrows as baked-in black PNG
     data-URIs at 50% opacity — invisible on a dark surface — and puts the
     month/year label on a literal white chip. invert(1) turns the
     monochrome arrow glyphs white; the resting opacity is lifted a step
     because a translucent arrow reads fainter on dark than on white. */
}
html[data-theme=dark] .pika-prev,
html[data-theme=dark] .pika-next {
  filter: invert(1);
  opacity: 0.75;
}
html[data-theme=dark] .pika-prev.is-disabled,
html[data-theme=dark] .pika-next.is-disabled {
  opacity: 0.2;
}
html[data-theme=dark] .pika-label {
  background-color: transparent;
  color: var(--cf-ink);
}
html[data-theme=dark] {
  /* -- Visual timeline view (facts page "Show Timeline") --------------------
     The fact-bubble SVG bakes its palette as presentation attributes because
     Download SVG/PDF serializes the live DOM — exports must keep the light
     styling regardless of theme. So the attributes stay, and the on-screen
     dark rendering is restated here from the tokens the baked values came
     from (#F8F9F9 = air, #ADBBBF = dirt, #3d5158 = cloud). Hover/edit states
     already follow the ramp via timeline.scss and win on specificity. */
}
html[data-theme=dark] svg.fact-timeline rect.fact-bubble__bg {
  fill: var(--cf-legacy-air);
  stroke: var(--cf-legacy-dirt);
}
html[data-theme=dark] svg.fact-timeline line.fact-bubble__line {
  stroke: var(--cf-legacy-dirt);
}
html[data-theme=dark] svg.fact-timeline {
  /* The two text paints are only distinguishable by their baked fills:
     #67797E is the small date line, #3d5158 the fact text. */
}
html[data-theme=dark] svg.fact-timeline text[fill="#67797E"] {
  fill: var(--cf-legacy-ash);
}
html[data-theme=dark] svg.fact-timeline text[fill="#3d5158"] {
  fill: var(--cf-legacy-cloud);
}
html[data-theme=dark] svg.fact-timeline .fact-bubble__edit text {
  fill: var(--cf-legacy-teal);
}
html[data-theme=dark] svg.fact-timeline {
  /* D3-drawn axis: baked #efefef gridlines glare on dark; #aaaaaa labels
     follow the grey one-off. */
}
html[data-theme=dark] svg.fact-timeline .tick line {
  stroke: var(--cf-gray-100);
}
html[data-theme=dark] svg.fact-timeline .tick text {
  fill: var(--cf-legacy-naa);
}
html[data-theme=dark] {
  /* The timeline's custom horizontal scrollbar track is a hardcoded light
     grey; its thumb already follows --cf-legacy-scrollbar-thumb. The light
     rule's full selector chain (timeline.scss) is repeated for specificity:
     this file is imported before it. */
}
html[data-theme=dark] .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline-x-scrollbar {
  background-color: var(--cf-gray-100);
}
html[data-theme=dark] {
  /* -- D3 drag tooltip (facts graph / histogram date tip) -------------------
     The chip is baked #222 while its text takes --cf-white from the
     component stylesheets — dark-on-dark here. Flip the chip to the tooltip
     surface so the pair reads like every other tooltip in this theme
     (light chip, dark ink). */
}
html[data-theme=dark] g.drag-tooltip rect,
html[data-theme=dark] g.drag-tooltip polyline {
  fill: var(--tooltip-bg);
}
html[data-theme=dark] {
  /* -- Rendered evidence stays white -------------------------------------
     Document pages, page thumbnails and the printable invoice paper view
     are exhibits. Inverting them would misrepresent the record, so only the
     chrome around them goes dark. */
}
html[data-theme=dark] .page-v3-img-shell,
html[data-theme=dark] .page-v2-img-shell,
html[data-theme=dark] .page-img-shell,
html[data-theme=dark] .document-viewer-page,
html[data-theme=dark] .invoice-paper-view,
html[data-theme=dark] .thumbnail-image-wrap img,
html[data-theme=dark] .spreadsheet-viewer__sheet {
  background-color: var(--cf-paper);
  color: var(--cf-paper-ink);
}
html[data-theme=dark] {
  /* -- Audio/video transcript follows the deposition into dark --------------
     Same product call as the deposition below: it is text the app itself
     typesets, not an image of the record. Its container flips with the
     ramp on its own; the theme supplies the strong ink, un-multiplies the
     playhead trail (multiply collapses to black over a dark surface), and
     re-inks the entity count badge whose literal white sat on the
     now-light purple. */
}
html[data-theme=dark] .audio-video-transcript .transcript__words-wrap {
  color: var(--cf-ink);
}
html[data-theme=dark] .audio-video-transcript .transcript__words-wrap span.current::after {
  mix-blend-mode: normal;
}
html[data-theme=dark] .audio-video-transcript {
  /* Same multiply-over-dark collapse as the playhead trail: the fact and
     excerpt washes vanish unless they render as plain translucency. */
}
html[data-theme=dark] .audio-video-transcript .transcript-paragraph .word--excerpt,
html[data-theme=dark] .audio-video-transcript .transcript-paragraph .word--suggested-fact,
html[data-theme=dark] .audio-video-transcript .transcript-paragraph .word--suggested-fact-emphasized {
  mix-blend-mode: normal;
}
html[data-theme=dark] .audio-video-transcript {
  /* The emphasized-citation wash is a 70%-opaque orange highlighter:
     keep the orange, put dark ink on it. */
}
html[data-theme=dark] .audio-video-transcript .transcript-paragraph .word--citation-emphasized {
  color: rgb(24, 24, 24);
}
html[data-theme=dark] .audio-video-transcript .word--entity-end::before {
  color: var(--cf-white);
}
html[data-theme=dark] {
  /* -- Deposition transcript goes fully dark (product call, 2026-08-13) ----
     Unlike page-image evidence (which must never invert), the deposition
     transcript is text the app itself typesets, so restyling it does not
     alter the record. This deliberately diverges from spec decision 3 for
     text transcripts — worth confirming at operator review.

     Its container/gutter tokens flip with the theme on their own; the two
     things the ramp cannot reach are the literal black ink and the
     highlight washes, which were tuned as multiply blends over white
     paper (multiply over a dark surface goes to black). */
}
html[data-theme=dark] .deposition-viewer-v2__lines .deposition-v2__line-wrap,
html[data-theme=dark] .deposition-viewer-v2__lines .deposition-viewer-v2__page-number {
  color: var(--cf-ink);
}
html[data-theme=dark] .deposition-viewer-v2__lines {
  /* Same purple washes, rendered as plain translucency instead of a
     multiply blend. The text units live in .deposition-v2__line-content —
     .deposition-viewer-v2__page-number is its SIBLING, so naming it here
     matched nothing and left multiply live, which drove the wash and the
     text inside it to black against the dark page. */
}
html[data-theme=dark] .deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--suggested-fact,
html[data-theme=dark] .deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--excerpt,
html[data-theme=dark] .deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--suggested-fact-emphasized,
html[data-theme=dark] .deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity {
  mix-blend-mode: normal;
}
html[data-theme=dark] .deposition-viewer-v2__lines {
  /* The 60% yellow selection is a highlighter: keep the yellow, put dark
     ink on it — near-white text on yellow is unreadable. */
}
html[data-theme=dark] .deposition-viewer-v2__lines .deposition-v2__text-unit--selected-fg,
html[data-theme=dark] .deposition-viewer-v2__lines .deposition-v2__text-unit--new-citation,
html[data-theme=dark] .deposition-viewer-v2__lines ::selection {
  color: rgb(24, 24, 24);
}
html[data-theme=dark] {
  /* The canvas the page floats on: darker than the surrounding chrome so the
     white page reads as a sheet of paper on a desk rather than a blown-out
     panel. */
}
html[data-theme=dark] .page-v3-content-wrap,
html[data-theme=dark] .page-v2-content-wrap,
html[data-theme=dark] .viewer-middle-content,
html[data-theme=dark] .viewer-middle-content--paged-v3 .page-v3-content-wrap {
  background-color: #1b1b20;
}
html[data-theme=dark] {
  /* -- Elevation: floating surfaces sit above the page --------------------
     These panels take their background from --cf-white like everything else,
     so re-scoping that variable on the container lifts the panel and every
     nested background/border inside it in one go — no need to find and
     override each panel's own background rule.

     --cf-surface-overlay is an absolute value rather than a relative step, so
     a menu nested inside a dropdown (which is the normal composition here)
     lands on the same surface instead of stacking a second lift. */
}
html[data-theme=dark] .dropdown-content, html[data-theme=dark] .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu html[data-theme=dark] .primary-nav__nav-item--cases__sub-menu,
html[data-theme=dark] .dropdown-menu,
html[data-theme=dark] .settings-pop-out-menu,
html[data-theme=dark] .menu,
html[data-theme=dark] .ember-power-select-dropdown,
html[data-theme=dark] .ember-basic-dropdown-content,
html[data-theme=dark] .ember-modal-dialog,
html[data-theme=dark] .ui-modal__content,
html[data-theme=dark] .form-v2--modal .form-v2__form-container,
html[data-theme=dark] .fly-out__content,
html[data-theme=dark] .tribute-container,
html[data-theme=dark] .pika-single,
html[data-theme=dark] .context-menu {
  --cf-white: var(--cf-surface-overlay);
  --cf-off-white: var(--cf-surface-overlay-hover);
  background-color: var(--cf-surface-overlay);
  box-shadow: var(--shadow-overlay);
}
html[data-theme=dark] {
  /* Nested panels (a .menu inside a .dropdown-content, the usual pairing here)
     would otherwise stack a second shadow inside the first, which reads as a
     grey band along the panel edge. */
}
html[data-theme=dark] .dropdown-content .menu, html[data-theme=dark] .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .menu, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu html[data-theme=dark] .primary-nav__nav-item--cases__sub-menu .menu,
html[data-theme=dark] .dropdown-menu .menu,
html[data-theme=dark] .ember-basic-dropdown-content .menu,
html[data-theme=dark] .settings-pop-out-menu .menu,
html[data-theme=dark] .ember-modal-dialog .menu,
html[data-theme=dark] .ui-modal__content .menu {
  box-shadow: none;
}
html[data-theme=dark] {
  /* Toasts float too, but they carry their own status fill, so they take the
     shadow without the surface override. */
}
html[data-theme=dark] .alerts ul li {
  box-shadow: var(--shadow-overlay);
}
html[data-theme=dark] {
  /* -- Icons with the fill baked into the SVG file ------------------------
     Roughly 60 icons in public/assets/icons ship a literal near-black fill
     and are rendered by ember-svg-jar without a currentcolor override, so
     they vanish against a dark surface. Recolouring by attribute value is
     the cheap fix; the real fix is to strip the fills from the source SVGs
     and let them inherit. The `#D9D9D9` bounding rects inside the Material
     icon masks are left alone — they are mask geometry, not paint. */
}
html[data-theme=dark] svg [fill="#181818"],
html[data-theme=dark] svg [fill="#000000"],
html[data-theme=dark] svg [fill="#1f1f1f"],
html[data-theme=dark] svg [fill="#5f6368"],
html[data-theme=dark] svg [fill="#50514F"],
html[data-theme=dark] svg[fill="#181818"],
html[data-theme=dark] svg[fill="#000000"],
html[data-theme=dark] svg[fill="#1f1f1f"],
html[data-theme=dark] svg[fill="#5f6368"],
html[data-theme=dark] svg[fill="#50514F"] {
  fill: var(--cf-ink);
}
html[data-theme=dark] svg [stroke="#181818"],
html[data-theme=dark] svg [stroke="#323232"],
html[data-theme=dark] svg [stroke="#50514F"] {
  stroke: var(--cf-ink);
}
html[data-theme=dark] {
  /* (The fill-less-shape recolouring lives at the bottom of this file,
     OUTSIDE this block: it must carry zero specificity, and the
     html[data-theme] prefix this block compiles to would defeat that.) */
  /* -- Toast alerts -------------------------------------------------------
     These invert to a light fill with dark text, but their inline actions
     ("dismiss", "more info") still take the link colour, which is now a
     light purple and disappears against that fill. */
}
html[data-theme=dark] .alerts ul li a,
html[data-theme=dark] .alerts ul li .a,
html[data-theme=dark] .alerts ul li button,
html[data-theme=dark] .alerts ul li .alert__action {
  color: var(--cf-white);
}
html[data-theme=dark] {
  /* -- Images and media that assume a light page -------------------------- */
  /* Logos and illustrations shipped as light-background artwork. Lifting
     them slightly stops them reading as bright rectangles. */
}
html[data-theme=dark] .cf-logo-mark img,
html[data-theme=dark] img.email-preview__logo {
  filter: brightness(0.92);
}
html[data-theme=dark] {
  /* -- Third-party / embedded surfaces we only guarantee "not broken" ----- */
}
html[data-theme=dark] .intercom-lightweight-app-launcher,
html[data-theme=dark] .pika-single {
  color-scheme: dark;
}
html[data-theme=dark] {
  /* -- Milkdown / Crepe (the markdown editor) -----------------------------
     Crepe's theme is imported wholesale from node_modules
     (`@milkdown/crepe/theme/frame.css` via ui/markdown-editor.css) and bakes a
     white editor surface. It does, however, express every colour as a
     --crepe-color-* custom property on .milkdown, so the clean fix is to
     restate its variable API in our palette rather than fighting ~200 of its
     rules. Crepe ships a `frame-dark` theme too, but that would mean swapping
     the import at runtime and would pin us to its greys instead of ours. */
}
html[data-theme=dark] .milkdown {
  --crepe-color-background: var(--cf-white);
  --crepe-color-on-background: var(--cf-ink);
  --crepe-color-surface: var(--cf-off-white);
  --crepe-color-surface-low: var(--cf-gray-100);
  --crepe-color-on-surface: var(--cf-gray-900);
  --crepe-color-on-surface-variant: var(--cf-gray-600);
  --crepe-color-outline: var(--cf-gray-500);
  --crepe-color-primary: var(--cf-gray-800);
  --crepe-color-secondary: var(--cf-gray-100);
  --crepe-color-on-secondary: var(--cf-ink);
  --crepe-color-inverse: var(--cf-gray-900);
  --crepe-color-on-inverse: var(--cf-white);
  --crepe-color-inline-code: var(--cf-legacy-red);
  --crepe-color-error: var(--cf-legacy-red);
  --crepe-color-hover: var(--cf-off-white);
  --crepe-color-selected: var(--cf-gray-200);
  --crepe-color-inline-area: var(--cf-gray-200);
  --crepe-shadow-1: var(--shadow-light-shade);
  --crepe-shadow-2: var(--shadow-overlay);
}
html[data-theme=dark] {
  /* -- Dev tooling ---------------------------------------------------------
     /component-stories is internal-only and predates the token layer; its
     chrome is ~35 hardcoded greys. Overriding the few surfaces here keeps
     the gallery usable for reviewing components in dark mode without
     rewriting the harness. Individual .story.gts files still set their own
     light wrapper backgrounds inline — those are fixtures, not shipped UI. */
}
html[data-theme=dark] .stories-sidebar,
html[data-theme=dark] .stories-console-section-header,
html[data-theme=dark] .stories-console-status-bar,
html[data-theme=dark] .stories-console-header-bar {
  background-color: var(--cf-off-white);
  border-color: var(--cf-gray-200);
}
html[data-theme=dark] .stories-console,
html[data-theme=dark] .stories-console-panel,
html[data-theme=dark] .stories-control-input,
html[data-theme=dark] .stories-control-select {
  background-color: var(--cf-white);
  border-color: var(--cf-gray-300);
}
html[data-theme=dark] .stories-button,
html[data-theme=dark] .stories-folder strong,
html[data-theme=dark] .stories-console-title,
html[data-theme=dark] .stories-console-section-header,
html[data-theme=dark] .stories-console-status-info,
html[data-theme=dark] .stories-console-status-expand-icon,
html[data-theme=dark] .stories-console-collapse-button,
html[data-theme=dark] .stories-control-label,
html[data-theme=dark] .stories-control-input,
html[data-theme=dark] .stories-control-select,
html[data-theme=dark] .stories-empty-state-content h2,
html[data-theme=dark] .stories-empty-state-content .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child html[data-theme=dark] .stories-empty-state-content h4,
html[data-theme=dark] .stories-empty-state-content p {
  color: var(--cf-gray-800) !important;
}
html[data-theme=dark] .stories-button:hover {
  background-color: var(--cf-gray-100);
}

/* When the OS is in dark mode but the user has explicitly chosen Light, we
   must not let UA-level dark styling leak into native controls. */
html[data-theme=light] {
  color-scheme: light;
}

/* -- Fill-less SVGs take the text colour (dark only) --------------------------
   Icons that declare no fill anywhere default to black paint, which the
   attribute lookups inside the block above can never match (there is no
   attribute to match). ~24 shipped icons (spinner, upload, merge, copy,
   scan, ...) rely on this fix.

   The colour is set on the SVG ROOT and reaches the shapes by inheritance —
   never directly on the shapes. That distinction is what keeps deliberate
   styling intact twice over:
     * a shape with its own author rule (Casey's .casey__body) wins outright;
     * a shape inheriting from a styled wrapper (the fill-less path inside
       Casey's <g class="casey__tail">) keeps inheriting the wrapper's
       colour, because nothing is declared on the shape itself.
   :where() keeps the rule at zero specificity so any author rule on the
   root also wins. */
:where(html[data-theme=dark]) :where(svg:not([fill])) {
  fill: currentcolor;
}

.clearfix::before, .list-column .list-column__row--top .list-column__row--top-heading-group::before, .page-wrapper::before, .content-group > ul .liquid-container > .liquid-child > li h3::before, .alerts .content-group > ul .liquid-container > .liquid-child > li li::before,
.content-group > ul > li h3::before,
.alerts .content-group > ul > li li::before, .wrapper-right-vertical .record-menu ul::before, .fancy-time::before, .settlement-summary ul::before, .inline-input-with-button::before, .input-with-button::before, .backup-tokens::before, .settings-list-options li::before, .invoice-totals .invoice-top::before, .x-table__thead__tr::before,
.x-table__tbody .x-table__tbody__tr::before, .content-group > ul li.form-buttons::before, .graph .graph-pagination::before, .list-filters::before, .content-box::before, .generic-box::before, .form-modal.generic-modal .modal::before, .form-modal.action-modal form::before, .settings-box::before, .margin-box::before, .graph-container::before, .email-preview::before,
.clearfix::after,
.list-column .list-column__row--top .list-column__row--top-heading-group::after,
.page-wrapper::after,
.content-group > ul .liquid-container > .liquid-child > li h3::after,
.alerts .content-group > ul .liquid-container > .liquid-child > li li::after,
.content-group > ul > li h3::after,
.alerts .content-group > ul > li li::after,
.wrapper-right-vertical .record-menu ul::after,
.fancy-time::after,
.settlement-summary ul::after,
.inline-input-with-button::after,
.input-with-button::after,
.backup-tokens::after,
.settings-list-options li::after,
.invoice-totals .invoice-top::after,
.x-table__thead__tr::after,
.x-table__tbody .x-table__tbody__tr::after,
.content-group > ul li.form-buttons::after,
.graph .graph-pagination::after,
.list-filters::after,
.content-box::after,
.generic-box::after,
.form-modal.generic-modal .modal::after,
.form-modal.action-modal form::after,
.settings-box::after,
.margin-box::after,
.graph-container::after,
.email-preview::after {
  content: " ";
  display: table;
}

.clearfix::after, .list-column .list-column__row--top .list-column__row--top-heading-group::after, .page-wrapper::after, .content-group > ul .liquid-container > .liquid-child > li h3::after, .alerts .content-group > ul .liquid-container > .liquid-child > li li::after,
.content-group > ul > li h3::after,
.alerts .content-group > ul > li li::after, .wrapper-right-vertical .record-menu ul::after, .fancy-time::after, .settlement-summary ul::after, .inline-input-with-button::after, .input-with-button::after, .backup-tokens::after, .settings-list-options li::after, .invoice-totals .invoice-top::after, .x-table__thead__tr::after,
.x-table__tbody .x-table__tbody__tr::after, .content-group > ul li.form-buttons::after, .graph .graph-pagination::after, .list-filters::after, .content-box::after, .generic-box::after, .form-modal.generic-modal .modal::after, .form-modal.action-modal form::after, .settings-box::after, .margin-box::after, .graph-container::after, .email-preview::after {
  clear: both;
}

/* stylelint-disable property-no-vendor-prefix */
/* stylelint-disable selector-no-vendor-prefix */
#ember-testing {
  transform: scale(1) !important;
}

html,
body {
  font-family: var(--font-stack);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--cf-white);
  height: 100%;
}

div::-webkit-scrollbar {
  background: transparent !important;
  width: 8px !important;
  height: 8px;
}
div::-webkit-scrollbar-thumb {
  background: var(--cf-legacy-scrollbar-thumb) !important;
  border-radius: 4px !important;
}
div::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--cf-legacy-scrollbar-thumb), var(--cf-ink) 6.9%) !important;
  border-radius: 4px !important;
}

body {
  overflow-y: hidden;
}

.scrollable {
  overflow-y: auto;
}

@media (min-width: 845px) {
  body > .ember-view {
    height: 100%;
  }
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a:hover,
.a:hover {
  cursor: pointer;
}

a.no-underline {
  text-decoration: none;
}
a.no-underline:focus, a.no-underline:hover {
  text-decoration: none;
}

/**
  * Use to flip an icon - right to left or bottom to top.
  */
.rotate-svg-180 svg {
  transform: rotate(180deg);
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.invisible {
  visibility: hidden;
}

.no-scroll {
  overflow-y: hidden !important;
}

a,
.a {
  color: var(--cf-purple-600);
  text-decoration: var(--link-decoration);
  /* stylelint-disable-next-line no-duplicate-selectors */
}
a:hover,
.a:hover {
  text-decoration: underline;
}

::-webkit-input-placeholder {
  color: var(--cf-gray-800, var(--cf-gray-800));
}

::-moz-placeholder {
  color: var(--cf-gray-800, var(--cf-gray-800));
}

:-ms-input-placeholder {
  color: var(--cf-gray-800, var(--cf-gray-800));
}

.hidden {
  display: none !important;
}

@media print {
  body {
    overflow: visible;
  }
  tr {
    page-break-inside: avoid;
  }
}
@media (max-width: 844px) {
  .hide-tablet {
    display: none !important;
  }
}

@media (max-width: 844px) {
  .add-mobile-padding {
    padding: 11px !important;
    border-bottom: 1px solid var(--cf-gray-300) !important;
  }
}
#djDebug {
  display: none !important;
}

.centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.pr-banner {
  position: absolute;
  bottom: 0;
  padding: 16px;
  z-index: 99990;
  right: 0;
  font-size: 24px;
  opacity: 0.5;
  pointer-events: none;
}

html {
  font-size: 1em; /* Assuming 16px... */
  line-height: 1.5; /* 24px (This is now our magic number; all subsequent margin-bottoms and line-heights want to be a multiple of this number in order to maintain vertical rhythm.) */
}

/* Common margin-bottom for vertical rhythm. */
h1,
h2,
.calendar-list-item li:first-child h4,
h3,
.alerts ul li,
h4,
h5,
h6,
ul,
ol,
dl,
fieldset,
p,
table,
pre,
hr {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/* Define headings and their associated classes here. */
h1 {
  font-size: 32px;
  font-size: 2rem; /* 32px */
  line-height: 1.5; /* 48px */
}

h2, .calendar-list-item li:first-child h4,
.beta,
.form-v2 .form-v2__form-container h3,
.form-v2 .form-v2__form-container .alerts ul li,
.alerts ul .form-v2 .form-v2__form-container li {
  font-size: 24px;
  font-size: 1.5em; /* 24px */
  /* Was 1 (= 24px, on the rhythm grid), but a line box equal to the font
     size leaves no room for descenders (g, j, p, q, y), so any clipping
     ancestor (overflow: hidden, line-clamp, etc.) cuts them off. */
  line-height: 1.2; /* 28.8px */
}

h3, .alerts ul li,
.gamma,
.fancy-dropzone.fancy-dropzone--medium .upload-box h2,
.fancy-dropzone.fancy-dropzone--medium .upload-box .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .fancy-dropzone.fancy-dropzone--medium .upload-box h4 {
  font-size: 20px;
  font-size: 1.25rem; /* 20px */
  line-height: 1.2; /* 24px */
}

h4,
.delta,
.mobile-menu > .mobile-menu__section button.link-btn,
.mobile-menu > .mobile-menu__section a {
  font-size: 18px;
  font-size: 1.125rem; /* 18px */
  line-height: 1.333; /* 24px */
}

h5,
.epsilon,
.source-form-component section.header .external-link,
h6 {
  font-size: 16px;
  font-size: 1rem; /* 16px */
  line-height: 1.5; /* 24px */
}

.centi, .outer-page-wrapper .outside-box label .top-helptext, .outer-page-wrapper .outside-box .table-pagination .pagination-text .top-helptext, .table-pagination .outer-page-wrapper .outside-box .pagination-text .top-helptext, .outer-page-wrapper .outside-box label .block-helptext, .outer-page-wrapper .outside-box .table-pagination .pagination-text .block-helptext, .table-pagination .outer-page-wrapper .outside-box .pagination-text .block-helptext, .highlights-form-v2 label, .highlights-form-v2 #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .highlights-form-v2 .settlement-date, .highlights-form-v2 .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .highlights-form-v2 .feed-memo-date, .highlights-form-v2 .graph .graph-pagination .graph-stats, .graph .graph-pagination .highlights-form-v2 .graph-stats, .highlights-form-v2 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .highlights-form-v2 .sidebar-record-category, .highlights-form-v2 .table-pagination .pagination-text, .table-pagination .highlights-form-v2 .pagination-text, .issues-v2__node-controls, .form-v2 .form-v2__form-container form label, .form-v2 .form-v2__form-container form #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-v2 .form-v2__form-container form .settlement-date, .form-v2 .form-v2__form-container form .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-v2 .form-v2__form-container form .feed-memo-date, .form-v2 .form-v2__form-container form .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-v2 .form-v2__form-container form .graph-stats, .form-v2 .form-v2__form-container form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .form-v2__form-container form .sidebar-record-category, .form-v2 .form-v2__form-container form .table-pagination .pagination-text, .table-pagination .form-v2 .form-v2__form-container form .pagination-text, .form-v2 .form-v2__form-container .form-v2__header-helptext, label .top-helptext, #settlements > ul > li .settlement-area .settlement-date .top-helptext, .table-pagination .pagination-text .top-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .top-helptext, .graph .graph-pagination .graph-stats .top-helptext, .activity-feed > ul > li .feed-memo .feed-memo-date .top-helptext, label .block-helptext, #settlements > ul > li .settlement-area .settlement-date .block-helptext, .table-pagination .pagination-text .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext, .graph .graph-pagination .graph-stats .block-helptext, .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext {
  font-size: 15px;
  font-size: 0.9375rem; /* 12px */
  line-height: 1.6; /* 24px */
}

small,
.milli,
.detail-mobile-menu .detail-mobile-menu__links .secondary-nav__breadcrumb,
.secondary-nav .secondary-nav__breadcrumb .breadcrumbs-v2 a,
.help-hover__tooltip,
.help-hover__tooltip-modal,
.button.btn--small,
.flex-actions-group div.btn--small.task__start-timer,
.button.pill,
.flex-actions-group div.pill.task__start-timer,
.button.source-tag-pill,
.flex-actions-group div.source-tag-pill.task__start-timer,
.btn--small,
.pill,
.source-tag-pill {
  font-size: 14px;
  font-size: 0.874rem; /* 12px */
  line-height: 1.714; /* 24px */
}

.micro {
  font-size: 12px;
  font-size: 0.75rem; /* 12px */
  line-height: 2; /* 24px */
}

.nano {
  font-size: 11px;
  font-size: 0.6875rem; /* 12px */
  line-height: 2.182; /* 24px */
}

.text-center {
  text-align: center !important;
}

.nowrap {
  white-space: nowrap;
}

.text-right {
  text-align: right !important;
}

.light-text {
  color: var(--cf-legacy-ash);
}

.light-graytext {
  color: var(--cf-legacy-ash-light);
}

.preserve-breaks {
  white-space: pre-line;
}

.warn {
  color: var(--cf-alert-500);
}

.break-anywhere {
  overflow-wrap: anywhere;
}

.printable-only {
  display: none;
}
@media print {
  .printable-only {
    display: block;
  }
}

.printable-hide {
  display: block;
}
@media print {
  .printable-hide {
    display: none !important;
  }
}

h1,
h2,
.calendar-list-item li:first-child h4,
h3,
.alerts ul li,
h4,
h6 {
  margin: 0;
  text-rendering: optimizelegibility;
  font-weight: 300;
}

h5 {
  font-weight: 400;
}

label, #settlements > ul > li .settlement-area .settlement-date, .table-pagination .pagination-text, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .graph .graph-pagination .graph-stats, .activity-feed > ul > li .feed-memo .feed-memo-date {
  font-weight: 500;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  display: inline-block;
}

.green-text {
  color: var(--green);
}

.blue-text {
  color: var(--blue);
}

@keyframes drop-fade-below {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes drop-fade-above {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.slidedown-animation {
  will-change: transform, opacity;
}
.slidedown-animation.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
  animation: drop-fade-below 0.75s;
}
.slidedown-animation.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
  animation: drop-fade-below 0.75s reverse;
}
.slidedown-animation.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
  animation: drop-fade-above 0.75s;
}
.slidedown-animation.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
  animation: drop-fade-above 0.75s reverse;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate-2-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.truncate-3-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.autoresize-modifier.textarea-max-rows-20 {
  max-height: 30em;
}

/*
  Active sessions list -- used inside the multi-session security modal
  and (in the future) on a Settings > Security surface. Keep visual
  weight modest; this often appears inside an already-busy dialog.
*/
.sessions-list {
  margin: var(--space-4) 0;
}
.sessions-list__status {
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-gray-600);
  margin: var(--space-2) 0;
}
.sessions-list__status.error {
  color: var(--cf-alert-500);
}
.sessions-list__items {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid var(--cf-gray-200);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--cf-white);
}

.sessions-row {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--cf-gray-100);
}
.sessions-row:last-child {
  border-bottom: none;
}
.sessions-row.is-expired {
  background: var(--cf-legacy-nfe);
}
.sessions-row__main {
  flex: 1;
  min-width: 0;
}
.sessions-row__title {
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 600;
  color: var(--cf-ink);
  margin-bottom: 2px;
}
.sessions-row__meta {
  font-size: 13px;
  font-size: 0.8125em;
  color: var(--cf-gray-600);
  line-height: 1.4;
}
.sessions-row__ip {
  color: var(--cf-gray-500);
  font-variant-numeric: tabular-nums;
}
.sessions-row__action {
  flex-shrink: 0;
}
.sessions-row__badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--cf-success-100);
  color: var(--cf-gray-800);
  border: 1px solid var(--cf-success-400);
  font-size: 12px;
  font-size: 0.75em;
  font-weight: 500;
  white-space: nowrap;
}
.sessions-row__badge--expired {
  background: var(--cf-gray-100);
  border-color: var(--cf-gray-300);
  color: var(--cf-gray-700);
}

.sessions-revoke-others {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.sessions-revoke-others__prompt {
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-ink);
  margin-right: var(--space-2);
}

.source-v2-histo-wrap {
  max-width: 100%;
  height: 54px;
  flex-grow: 2;
  min-width: 80px;
  position: relative;
}
.source-v2-histo-wrap > .source-histo__svg {
  position: absolute;
  top: 0;
  left: 0;
}

.beta-notice {
  color: var(--cf-white);
  background-color: var(--cf-purple-600);
  border-radius: var(--radius-md);
  padding: 2px 6px;
  float: right;
  font-size: 14px;
  font-size: 0.875em;
}

.source-histo__svg g.axis path.domain {
  stroke: var(--cf-legacy-dust);
}
.source-histo__svg g.axis line {
  stroke: var(--cf-legacy-dust);
}
.source-histo__svg g.axis text {
  font-size: 16px;
  font-size: 1em;
  fill: var(--cf-legacy-ash);
}
.source-histo__svg g.drag-tooltip text {
  font-size: 12px;
  font-size: 0.75em;
  fill: var(--cf-white);
}

.timelines__sources-v2-page .bulk-editor {
  display: inline-flex;
  align-items: center;
  min-height: 72px;
  margin-bottom: 0;
  gap: 4px;
}
.timelines__sources-v2-page .bulk-editor span.close-btn {
  transform: none;
}
.timelines__sources-v2-page .list-column__row {
  max-height: 100vh;
  padding-top: 0 !important;
  overflow-y: auto;
}
.timelines__sources-v2-page .saved-views__actions-group {
  flex-wrap: unset !important;
  align-items: center;
  gap: 4px;
}
@media (max-width: 845px) {
  .timelines__sources-v2-page .saved-views__actions-group {
    flex-wrap: wrap !important;
  }
  .timelines__sources-v2-page .saved-views__actions-group button {
    margin-bottom: 0 !important;
  }
}
.timelines__sources-v2-page .saved-views__actions-group .ember-basic-dropdown-content-wormhole-origin {
  display: none;
}
.timelines__sources-v2-page .filter-container {
  position: sticky;
  top: 0;
  background-color: var(--cf-white);
  padding: 0;
  min-height: 72px;
}
@media (max-width: 845px) {
  .timelines__sources-v2-page .filter-container {
    top: -15px;
    padding: 16px;
    box-shadow: 0 9px 23px -13px rgba(0, 0, 0, 0.2);
  }
}
.timelines__sources-v2-page .filter-container .filter-builder {
  margin-bottom: 0;
  min-height: 72px;
  display: flex;
  align-items: center;
}
.timelines__sources-v2-page .fancy-dropzone {
  margin-top: 10px !important;
}

.sources-faux-tr {
  display: flex;
  flex-direction: row;
}
@media (max-width: 845px) {
  .sources-faux-tr {
    flex-direction: column !important;
    margin-bottom: 8px;
    border-bottom: none !important;
    border-top: 1px solid var(--cf-gray-300) !important;
  }
  .sources-faux-tr .faux-td {
    flex: 1;
    width: auto !important;
    border-bottom: 1px solid var(--cf-gray-300);
    border-left: 1px solid var(--cf-gray-300);
    border-right: 1px solid var(--cf-gray-300);
  }
  .sources-faux-tr .source-model-row__actions {
    position: absolute;
    padding: 8px 0 0 !important;
    top: 0;
    right: 0;
    border: none !important;
  }
}
.sources-faux-tr .faux-td {
  display: flex;
  align-items: center;
}
.sources-faux-tr .faux-td .empty-td {
  flex-grow: 1;
}
.sources-faux-tr .group-actions-cell {
  width: 100%;
}
.sources-faux-tr .faux-td.actions {
  display: flex;
  flex-direction: column;
}
.sources-faux-tr .faux-td.td-link {
  cursor: pointer;
}

.faux-td__group-actions__preview-hits {
  border: 1px solid var(--cf-gray-300);
  font-size: 14px;
  font-size: 0.875em;
  margin-top: 16px;
  padding: 8px;
  border-radius: var(--radius-md);
  width: 100%;
  max-width: 400px;
}
.faux-td__group-actions__preview-hits em {
  background-color: var(--cf-purple-600);
  color: var(--cf-white);
  font-style: normal;
}

.source-faux-thead-table {
  position: sticky;
  top: 70px;
  z-index: 3;
  margin-bottom: 0;
}

.source-faux-thead__actions-th {
  width: 280px;
}
.source-faux-thead__actions-th.source-faux-thead__actions-th--has-content {
  width: 340px;
}
.source-faux-thead__actions-th .source-faux-thead__actions-th__inner {
  display: flex;
  align-items: center;
  justify-content: right;
}
.source-faux-thead__actions-th .source-faux-thead__actions-th__inner .faux-head__index-count {
  margin-right: 10px;
}

.sources-v2-filter-count {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
}

.sources-v2-histogram {
  flex-grow: 1;
  height: 40px;
  border: 1px solid var(--cf-gray-300);
  border-radius: 8px;
}
.sources-v2-histogram g.histogram-bin.is-current rect.bin-background {
  fill: color-mix(in srgb, var(--cf-legacy-air), var(--cf-ink) 11.4%);
}
.sources-v2-histogram g.histogram-bin.is-current rect.bin-count {
  fill: var(--cf-legacy-wash-me-dark-active);
}
.sources-v2-histogram g.histogram-bin:hover rect.bin-background {
  fill: color-mix(in srgb, var(--cf-legacy-air), var(--cf-ink) 11.4%);
}
.sources-v2-histogram g.histogram-bin:hover rect.bin-count {
  fill: var(--cf-legacy-wash-me-dark-active);
}
.sources-v2-histogram g.histogram-bin rect.bin-background {
  fill: transparent;
}
.sources-v2-histogram g.histogram-bin rect.bin-count {
  fill: var(--cf-legacy-wash-me-dark);
}
.sources-v2-histogram g.histogram-bin:focus {
  outline: none;
}

.sources-faux-tr--dummy {
  height: 80px;
}

.production-context-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
  padding: var(--space-1) var(--space-1) var(--space-1) var(--space-3);
  border: 1px solid var(--border-primary-neutral);
  border-radius: var(--radius-pill);
  background: var(--bg-default);
  color: var(--fg-neutral-strong);
  font-size: 13px;
}
.production-context-chip strong {
  font-weight: 500;
}
.production-context-chip .production-context-chip__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  padding: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: background 0.15s ease;
}
.production-context-chip .production-context-chip__clear svg {
  width: 12px;
  height: 12px;
  fill: var(--fg-neutral-medium);
}
.production-context-chip .production-context-chip__clear:hover {
  background: rgba(0, 0, 0, 0.08);
}
.production-context-chip .production-context-chip__clear:hover svg {
  fill: var(--fg-neutral-strong);
}

.produced-version-banner {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  margin-bottom: var(--space-4);
  border: 1px solid var(--border-status-info);
  border-radius: var(--radius-md);
  background: var(--bg-status-info-light);
  color: var(--fg-neutral-strong);
  font-size: 13px;
}
.produced-version-banner svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  fill: var(--border-status-info);
}
.produced-version-banner a {
  font-weight: 500;
}

.form-v2.form-v2--modal.chat-manager.chat-manager--fullscreen .form-v2__form-container {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: var(--cf-white);
  max-height: 100%;
  height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
}

.chat-manager__uploader {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
}

.chat-manager__main-content {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  flex: 1;
  min-width: 0;
}
.chat-manager__main-content > :first-child {
  flex: 1;
  min-width: 0;
}

.chat-manager__explorer {
  display: none;
  flex: 1.5;
  height: 100%;
  flex-shrink: 0;
}

@container chat-manager (min-width: 1200px) {
  .chat-manager__explorer {
    display: flex;
    flex-direction: column;
    max-width: 50vw;
  }
}
@media (min-width: 1200px) {
  .chat-manager--fullscreen .chat-manager__explorer {
    display: flex;
    flex-direction: column;
    max-width: 50vw;
  }
}

.chat-manager__change-case {
  font-size: 14px;
  margin-top: 4px;
}

.chat-manager__case-name {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  max-width: 250px;
}

.chat-manager__case-name-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: var(--cf-legacy-cloud);
}

.chat-manager__propose-case-info-edit {
  display: block;
  margin-top: 2px;
}

.chat-manager__case-info-editor {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.chat-manager__case-info-editor .milkdown .ProseMirror {
  padding: 0 40px 40px 80px;
}

.chat-manager__case-info-help {
  margin: 16px;
  padding: 16px;
  background-color: var(--cf-legacy-tint-purple);
  border: 1px solid #e9e5ff;
  border-radius: 6px;
  color: var(--cf-legacy-purple-text);
}
.chat-manager__case-info-help p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
}
.chat-manager__case-info-help p:last-child {
  margin-bottom: 0;
}

.chat-manager__case-info-example {
  font-size: 13px;
  font-style: italic;
  padding-left: 16px;
  margin-left: 4px;
  border-left: 4px solid #9b87d9;
  color: #6b5aa3;
}

.chat-manager__case-info-editor-content {
  flex: 1;
  overflow: auto;
  padding: 8px;
}

.chat-manager__case-info-footer {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--cf-off-white);
}

body:has(.intercom-lightweight-app-launcher, .intercom-launcher-frame) .chat-manager__case-info-footer {
  padding-right: 88px;
}

.chat-manager__case-info-character-count {
  font-size: 14px;
  color: var(--cf-legacy-n66);
}
.chat-manager__case-info-character-count.is-over-limit {
  color: var(--cf-legacy-red-strong);
  font-weight: 600;
}

.chat-manager__window-actions {
  display: flex;
  gap: 8px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1000;
}

.chat-manager__no-case {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.chat-manager__no-case > svg {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
}

.chat-manager.form-v2--modal .form-v2__form-container {
  padding-right: 0 !important;
  max-width: 1200px !important;
  height: calc(100vh - 60px) !important; /* Use fixed height instead of max-height */
  overflow: hidden !important; /* Prevent modal scrollbar */
}

@container chat-manager (width < 700px) {
  .chat-manager__conversations {
    width: 70px;
    z-index: 1;
  }
  .chat-manager__conversations::after {
    content: "";
    animation: fade-in 0.3s ease-in-out forwards;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100vw;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: -1;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
  .chat-manager__conversations.chat-manager__conversations--collapsed::after {
    opacity: 0;
  }
  .chat-manager__conversations .chat_manager__conversations__inner {
    position: absolute;
  }
}
.chat-manager {
  container-type: inline-size;
  container-name: chat-manager;
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
  min-height: 500px;
  min-width: 450px;
  height: 100%; /* Use full height of parent */
  overflow: hidden;
  position: relative;
}
.chat-manager .drop-zone {
  flex: 1;
}
.chat-manager .chat-manager__current.current-chat_messages--overflowing .current-chat__scroll-to-bottom {
  pointer-events: all;
  opacity: 1;
}
.chat-manager .chat-manager__conversations {
  position: relative;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations__inner {
  width: 320px;
  min-width: 320px;
  background-color: var(--cf-off-white);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  transition: width 0.3s ease-in-out, min-width 0.3s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-manager .chat-manager__conversations .form-modal p {
  white-space: normal;
}
.chat-manager .chat-manager__conversations h3, .chat-manager .chat-manager__conversations .alerts ul li, .alerts ul .chat-manager .chat-manager__conversations li {
  color: var(--cf-gray-600);
  /* Text/Level 1 (12) */
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
  margin-bottom: 8px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.chat-manager .chat-manager__conversations .conversation-item__menu.button--icon {
  height: 34px;
}
.chat-manager .chat-manager__conversations .conversation-item__menu li[role=menuitem] {
  display: flex;
  min-width: 110px;
  padding-left: 8px;
  padding-right: 8px;
  gap: 8px;
}
.chat-manager .chat-manager__conversations .conversation-item__menu li[role=menuitem].conversation-item__delete {
  color: var(--cf-alert-500, var(--cf-alert-500));
}
.chat-manager .chat-manager__conversations .conversation-item__menu li[role=menuitem]:last-child {
  margin-bottom: 0;
}
.chat-manager .chat-manager__conversations ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 8px;
}
.chat-manager .chat-manager__conversations li a.active {
  border-radius: 8px;
  background: var(--cf-gray-100);
}
.chat-manager .chat-manager__conversations li[role=menuitem] {
  line-height: 150%; /* 21px */
}
.chat-manager .chat-manager__conversations li[role=menuitem]:last-child {
  margin-bottom: 16px;
}
.chat-manager .chat-manager__conversations li[role=menuitem] a {
  padding: 4px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: var(--cf-ink);
  /* Text/Level 2 (14) */
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-header {
  padding: 8px;
  height: 56px; /* Slightly smaller fixed height */
  min-height: 50px; /* Enforce minimum height */
  flex-shrink: 0; /* Prevent shrinking */
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-header svg {
  min-width: 24px;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-header svg:first-child {
  min-width: 28px;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-header svg:nth-child(2) {
  min-width: 108px;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-header svg:not(.chat-manager__sidebar-toggle svg) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-manager .chat-manager__conversations .chat-manager__sidebar-toggle {
  flex-shrink: 0;
  margin-left: auto;
}
.chat-manager .chat-manager__conversations .chat-manager__sidebar-toggle svg {
  height: 20px;
  width: 20px;
}
.chat-manager .chat-manager__conversations hr {
  background: var(--cf-gray-100);
  margin: 16px 8px;
  height: 1px;
  border-style: none;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-actions {
  display: flex;
  align-items: center;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-actions button {
  width: 100%;
}
.chat-manager .chat-manager__conversations .chat-manager__search-all-link {
  padding: 8px 4px;
  text-align: center;
  opacity: 0.7;
}
.chat-manager .chat-manager__conversations .chat-manager__search-all-link:hover {
  opacity: 1;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-list {
  padding: 8px;
  overflow-y: auto;
  height: calc(100% - 50px); /* Subtract header height */
  flex-grow: 1;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-list li[role=menuitem] {
  display: flex;
  align-items: center;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-list li[role=menuitem] a {
  flex: 1;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-list li[role=menuitem]:hover .conversation-item__edit {
  opacity: 1;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-list li[role=menuitem] .conversation-item__edit {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  opacity: 0;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-list li[role=menuitem] .conversation-item__edit .button--icon-left-more-x {
  height: 34px;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-list li[role=menuitem] .conversation-item__menu {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-list li[role=menuitem] .conversation-item__loading {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-list li[role=menuitem] .conversation-item__loading svg {
  width: 24px;
  height: 24px;
}
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed.hovered .chat-manager__conversations__inner {
  background-color: var(--cf-legacy-nf0);
}
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner {
  width: 70px;
  min-width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: width 0.3s ease-in-out, min-width 0.3s ease-in-out, background-color 0.185s ease-in-out, opacity 0.3s ease-in-out;
}
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner .chat-manager__conversations-list {
  scrollbar-width: none;
  pointer-events: none;
}
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner .chat-manager__conversations-header {
  justify-content: flex-start;
  padding: 8px;
  height: 56px;
  position: relative;
}
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner .chat-manager__case-nav-case-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner .chat-manager__sidebar-toggle {
  position: absolute;
  right: 8px;
  margin-left: 0;
}
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner h3, .chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner .alerts ul li, .alerts ul .chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner li,
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner li[role=menuitem] a,
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner .chat-manager__case-nav-case-name,
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner .chat-manager__conversations-break,
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner .btn-contents:not(.button--icon-right-add-chat .btn-contents),
.chat-manager .chat-manager__conversations.chat-manager__conversations--collapsed .chat-manager__conversations__inner .chat-manager__conversations-header svg:not(.chat-manager__sidebar-toggle svg) {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.chat-manager .chat-manager__conversations:not(.chat-manager__conversations--collapsed) h3, .chat-manager .chat-manager__conversations:not(.chat-manager__conversations--collapsed) .alerts ul li, .alerts ul .chat-manager .chat-manager__conversations:not(.chat-manager__conversations--collapsed) li,
.chat-manager .chat-manager__conversations:not(.chat-manager__conversations--collapsed) li[role=menuitem] a,
.chat-manager .chat-manager__conversations:not(.chat-manager__conversations--collapsed) .chat-manager__case-nav-case-name,
.chat-manager .chat-manager__conversations:not(.chat-manager__conversations--collapsed) .btn-contents:not(.button--icon-right-add-chat .btn-contents),
.chat-manager .chat-manager__conversations:not(.chat-manager__conversations--collapsed) .chat-manager__conversations-break,
.chat-manager .chat-manager__conversations:not(.chat-manager__conversations--collapsed) .chat-manager__conversations-header svg:not(.chat-manager__sidebar-toggle svg) {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-collapsed-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Anchor to left side */
  padding: 16px 8px;
  gap: 8px;
  border-top: 1px solid var(--cf-gray-100);
  margin-top: 16px;
  opacity: 1;
}
.chat-manager .chat-manager__conversations .chat-manager__conversations-collapsed-actions button {
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 0; /* Anchor to specific left position that centers it in 60px width */
}
.chat-manager #chat-manager__anchor {
  height: 1px;
}
.chat-manager .chat-manager__current {
  padding: 0 8px 8px;
  flex-grow: 1;
  position: relative;
  height: 100%;
  overflow: visible;
  min-width: 300px;
  display: flex;
  flex-direction: column;
}
.chat-manager .chat-manager__current .current-chat__messages {
  opacity: 1;
  overflow-y: auto;
  padding-right: 4px;
  flex-grow: 1;
  position: relative;
  container-type: inline-size;
  container-name: chat-messages;
  mask-image: linear-gradient(to bottom, transparent 0, black 0, black calc(100% - 40px), transparent 100%);
}
.chat-manager .chat-manager__current .current-chat__messages > div {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@container chat-messages (min-width: 800px) {
  .chat-manager .chat-manager__current .text-block .document {
    margin-left: -100px;
    margin-right: -100px;
    padding: 32px;
    max-width: calc(100cqw - 16px);
  }
}
.chat-manager .chat-manager__current .current-chat__messages-header {
  width: auto;
  margin-left: -8px;
  margin-right: -8px;
}
.chat-manager .chat-manager__current:not(.current-chat_messages--overflowing) .current-chat__messages {
  mask-image: none;
}
.chat-manager .chat-manager__current .current-chat__scroll-to-bottom {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  position: absolute;
  top: -16px;
  width: 100%;
  height: auto;
}
.chat-manager .chat-manager__current .current-chat__scroll-to-bottom button {
  border-radius: 50%;
  border: 1px solid var(--cf-legacy-ndd);
  background: var(--cf-white);
  box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.2);
}
.chat-manager .chat-manager__current .current-chat__input-section {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
.chat-manager .chat-manager__current .current-chat__input-section > label, .chat-manager .chat-manager__current #settlements > ul > li .settlement-area .current-chat__input-section > .settlement-date, #settlements > ul > li .settlement-area .chat-manager .chat-manager__current .current-chat__input-section > .settlement-date, .chat-manager .chat-manager__current .table-pagination .current-chat__input-section > .pagination-text, .table-pagination .chat-manager .chat-manager__current .current-chat__input-section > .pagination-text, .chat-manager .chat-manager__current .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .current-chat__input-section > .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .chat-manager .chat-manager__current .current-chat__input-section > .sidebar-record-category, .chat-manager .chat-manager__current .graph .graph-pagination .current-chat__input-section > .graph-stats, .graph .graph-pagination .chat-manager .chat-manager__current .current-chat__input-section > .graph-stats, .chat-manager .chat-manager__current .activity-feed > ul > li .feed-memo .current-chat__input-section > .feed-memo-date, .activity-feed > ul > li .feed-memo .chat-manager .chat-manager__current .current-chat__input-section > .feed-memo-date {
  width: 100%;
  margin-right: 4px;
}
.chat-manager .chat-manager__current .current-chat__input-section > label > input.chat-input, .chat-manager .chat-manager__current #settlements > ul > li .settlement-area .current-chat__input-section > .settlement-date > input.chat-input, #settlements > ul > li .settlement-area .chat-manager .chat-manager__current .current-chat__input-section > .settlement-date > input.chat-input, .chat-manager .chat-manager__current .current-chat__input-section > label > .chat-input.timezone-click-to-edit, .chat-manager .chat-manager__current #settlements > ul > li .settlement-area .current-chat__input-section > .settlement-date > .chat-input.timezone-click-to-edit, #settlements > ul > li .settlement-area .chat-manager .chat-manager__current .current-chat__input-section > .settlement-date > .chat-input.timezone-click-to-edit, .chat-manager .chat-manager__current .table-pagination .current-chat__input-section > .pagination-text > input.chat-input, .chat-manager .chat-manager__current .table-pagination .current-chat__input-section > .pagination-text > .chat-input.timezone-click-to-edit, .table-pagination .chat-manager .chat-manager__current .current-chat__input-section > .pagination-text > input.chat-input, .table-pagination .chat-manager .chat-manager__current .current-chat__input-section > .pagination-text > .chat-input.timezone-click-to-edit, .chat-manager .chat-manager__current .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .current-chat__input-section > .sidebar-record-category > input.chat-input, .chat-manager .chat-manager__current .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .current-chat__input-section > .sidebar-record-category > .chat-input.timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .chat-manager .chat-manager__current .current-chat__input-section > .sidebar-record-category > input.chat-input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .chat-manager .chat-manager__current .current-chat__input-section > .sidebar-record-category > .chat-input.timezone-click-to-edit, .chat-manager .chat-manager__current .graph .graph-pagination .current-chat__input-section > .graph-stats > input.chat-input, .chat-manager .chat-manager__current .graph .graph-pagination .current-chat__input-section > .graph-stats > .chat-input.timezone-click-to-edit, .graph .graph-pagination .chat-manager .chat-manager__current .current-chat__input-section > .graph-stats > input.chat-input, .graph .graph-pagination .chat-manager .chat-manager__current .current-chat__input-section > .graph-stats > .chat-input.timezone-click-to-edit, .chat-manager .chat-manager__current .activity-feed > ul > li .feed-memo .current-chat__input-section > .feed-memo-date > input.chat-input, .chat-manager .chat-manager__current .activity-feed > ul > li .feed-memo .current-chat__input-section > .feed-memo-date > .chat-input.timezone-click-to-edit, .activity-feed > ul > li .feed-memo .chat-manager .chat-manager__current .current-chat__input-section > .feed-memo-date > input.chat-input, .activity-feed > ul > li .feed-memo .chat-manager .chat-manager__current .current-chat__input-section > .feed-memo-date > .chat-input.timezone-click-to-edit {
  margin-top: 0 !important;
}

.chat-message:last-child {
  min-height: calc(100vh - 329px) !important;
}

.casey-onboarding-hero ~ .chat-message:last-child {
  min-height: calc(100vh - 494px) !important;
}

.chat-message-modal {
  flex-direction: column;
  overflow-y: auto;
  padding: 16px;
}
.chat-message-modal .chat-message {
  margin: 0;
  padding: 0;
  margin-top: 0 !important;
}
.chat-message-modal .chat-message .chat-message__contents {
  margin: 0;
  padding: 0;
}
.chat-message-modal .chat-message .chat-message__contents .text-block {
  margin: 0;
  padding: 0;
}
.chat-message-modal .chat-message .chat-message__contents .text-block .chat-table-with-download {
  margin: 0;
  padding: 0;
}
.chat-message-modal .chat-message .chat-message__contents .text-block .chat-table-with-download table {
  margin: 0;
  padding: 0;
}
.chat-message-modal .chat-message,
.chat-message-modal .chat-message:last-child {
  min-height: 0 !important;
  max-width: 100%;
}

.chat-manager__welcome-header {
  visibility: hidden;
  position: relative;
  opacity: 0;
  pointer-events: none;
  height: 16px;
}

.chat-manager__current--is-empty .current-chat__messages-header {
  opacity: 0;
}
.chat-manager__current--is-empty .current-chat__messages {
  opacity: 0;
}
.chat-manager__current--is-empty .current-chat__float-bottom-panel-wrapper {
  position: relative;
  top: calc(-50% + 120px);
  padding: 0 16px;
}
.chat-manager__current--is-empty .chat-manager__welcome-header {
  height: auto;
  visibility: visible;
  text-align: center;
  margin-bottom: 16px;
  pointer-events: all;
  opacity: 1;
  min-width: 300px;
}

.current-chat__user-action-panel {
  max-width: 520px;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  border-radius: 12px;
  background: var(--cf-white);
  border: 1px solid var(--cf-gray-100);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  padding: 14px 16px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.25s ease-out, transform 0.25s ease-out;
  pointer-events: none;
  display: none;
}
.current-chat__user-action-panel:has(div) {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  display: block;
}

.current-chat__float-bottom-panel-wrapper {
  position: relative;
  transition: top 0.3s ease-in-out;
  top: 0%;
}

.current-chat__float-bottom-panel-border {
  max-width: 520px;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 16px;
  position: relative;
  top: 0%;
}
.current-chat__float-bottom-panel-border:focus-within {
  background: linear-gradient(38deg, var(--cf-warning-500) 35.88%, var(--cf-purple-600) 64.12%);
}
.current-chat__float-bottom-panel-border {
  background: var(--cf-gray-500);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  padding: 2px;
  margin-bottom: 42px;
}
.current-chat__float-bottom-panel-border .current-chat__float-bottom-panel {
  background: var(--cf-white);
  padding: 16px;
  border-radius: 14px;
}
.current-chat__float-bottom-panel-border textarea {
  border: none !important;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 28px;
}
.current-chat__float-bottom-panel-border textarea:focus {
  outline: none !important;
  border: none;
}
.current-chat__float-bottom-panel-border textarea::placeholder {
  color: var(--cf-gray-600);
}
.current-chat__float-bottom-panel-border .current-chat__input-stats {
  margin: auto;
  width: calc(100% - 16px);
}
.current-chat__float-bottom-panel-border .current-chat__input-stats-credit {
  text-decoration: underline;
  cursor: pointer;
}
.current-chat__float-bottom-panel-border .current-chat__model-select-wrap {
  display: inline-block;
}
.current-chat__float-bottom-panel-border .current-chat__model-select-wrap .ember-basic-dropdown,
.current-chat__float-bottom-panel-border .current-chat__model-select-wrap .dropdown__trigger {
  display: inline-block;
}
.current-chat__float-bottom-panel-border .current-chat__model-select {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.current-chat__float-bottom-panel-border .current-chat__model-select svg {
  width: 9px;
  height: 9px;
}
.current-chat__float-bottom-panel-border .current-chat__input-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.current-chat__float-bottom-panel-border .current-chat__input-actions .current-chat__input-actions-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.current-chat__float-bottom-panel-border .current-chat__input-actions .current-chat__input-actions-left .dropdown__trigger {
  display: block;
}
.current-chat__float-bottom-panel-border .current-chat__web-search-active {
  color: var(--cf-indigo-500);
}
.current-chat__float-bottom-panel-border .current-chat__context-warning {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  padding-right: 28px;
  margin-top: 8px;
  background: #fff4e6;
  border: 1px solid #f5a623;
  border-radius: 8px;
  font-size: 0.6875rem;
  line-height: 1.4;
  color: var(--cf-legacy-gold);
  position: relative;
}
.current-chat__float-bottom-panel-border .current-chat__context-warning svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.current-chat__float-bottom-panel-border .current-chat__context-warning svg path {
  fill: var(--cf-legacy-gold);
}
.current-chat__float-bottom-panel-border .current-chat__context-warning span {
  flex: 1;
}
.current-chat__float-bottom-panel-border .current-chat__context-warning .current-chat__context-warning-link {
  font: inherit;
  color: var(--cf-legacy-gold);
  text-decoration: underline;
  cursor: pointer;
  font-weight: 600;
}
.current-chat__float-bottom-panel-border .current-chat__context-warning .current-chat__context-warning-link:hover {
  color: var(--cf-legacy-orange-deep);
  text-decoration-thickness: 2px;
}
.current-chat__float-bottom-panel-border .current-chat__context-warning .current-chat__context-warning-link:active {
  color: var(--cf-legacy-orange-deep);
}
.current-chat__float-bottom-panel-border .current-chat__context-warning .current-chat__context-warning-close {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--cf-legacy-gold);
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  min-width: auto;
  width: 16px !important;
}
.current-chat__float-bottom-panel-border .current-chat__context-warning .current-chat__context-warning-close:hover, .current-chat__float-bottom-panel-border .current-chat__context-warning .current-chat__context-warning-close:focus {
  color: var(--cf-legacy-orange-deep);
}
.current-chat__float-bottom-panel-border .current-chat__context-warning .current-chat__context-warning-close svg {
  width: 12px;
  height: 12px;
}

.chat-message:first-child {
  margin-top: 16px;
}
.chat-message .chat-message__actions {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.chat-message .chat-message__actions .dropdown__trigger {
  display: block;
}
.chat-message .chat-message__actions .chat-message__feedback-btn:hover {
  color: var(--cf-purple-600);
}
.chat-message .chat-message__actions .chat-message__feedback-btn + .chat-message__feedback-btn {
  margin-left: -2px;
}
.chat-message:not(.chat-message--streaming):hover .chat-message__actions {
  opacity: 1;
}
.chat-message .text-block .document .document_markdown {
  display: none;
}
.chat-message .text-block .document {
  padding: 16px;
  margin: 24px 0;
  background-color: var(--cf-white);
  color: var(--cf-gray-600);
  font-weight: 600;
  border: 1px solid var(--cf-gray-100);
  border-radius: 4px;
  position: relative;
}
.chat-message .text-block .document button.export {
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  top: 16px;
  right: 16px;
  color: var(--cf-ink);
}
.chat-message .text-block .document button.export.active, .chat-message .text-block .document:hover button.export {
  opacity: 1 !important;
}
.chat-message:not(:last-child) {
  margin-bottom: 16px;
}
.chat-message.chat-message--tool-without-message:not(:has(.tool-result-outlet)) {
  margin: 0;
  height: 0;
}
.chat-message .chat-message__assistant-placeholder {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  margin-top: 8px;
  background-color: var(--cf-black);
  animation: growIn 0.3s ease-out forwards, bop 1.2s ease-in-out infinite 0.3s;
}
.chat-message .tool-use-block {
  position: relative;
  margin-top: 16px;
  border-radius: 16px 16px 0 0 !important;
}
.chat-message .tool-use-block .tool-use-block__text {
  width: 100%;
}
.chat-message .tool-use-block .tool-use-block__accumulation-text {
  top: -8px;
  right: -8px;
  position: absolute;
  color: white;
  background-color: var(--cf-purple-600);
  border-radius: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  padding: 2px 8px;
  font-size: 12px;
}
.chat-message .tool-use-block .tool-use-block__token-count {
  position: absolute;
  bottom: 4px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: var(--cf-purple-300);
  background: var(--cf-lilac-tint);
  border-radius: 8px;
  box-shadow: 3px -3px 5px 0 var(--cf-lilac-tint);
  z-index: 1;
}
.chat-message .tool-use-block .tool-use-block__token-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.chat-message .tool-use-block .tool-use-block__loading-indicator {
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--cf-lilac-tint);
  border-radius: 8px;
  box-shadow: -3px -3px 5px 0 var(--cf-lilac-tint);
  z-index: 1;
}
.chat-message .tool-use-block .tool-use-block__loading-indicator .tool-use-block__loading-indicator-text {
  font-size: 12px;
  font-weight: 600;
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat-message .tool-use-block .tool-use-block__loading-indicator svg {
  max-width: 16px;
  max-height: 16px;
}
.chat-message:last-child .tool-use-block {
  border-radius: 16px !important;
}
.chat-message .tool-use-block--name--explore .collapsible__content-wrapper {
  overflow-x: hidden !important;
}
.chat-message .tool-use-block--name--explore .collapsible__content {
  overflow-x: hidden !important;
}
.chat-message .explore-collapsible-content {
  padding: 4px 0;
}
.chat-message .explore-collapsible-content__task {
  font-size: 12px;
  color: var(--cf-purple-300);
  line-height: 1.5;
  white-space: pre-line;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 6px;
  padding-left: 16px;
}
.chat-message .explore-collapsible-content__task--clamped {
  max-height: 100px;
  overflow: hidden;
  mask-image: linear-gradient(to bottom, var(--cf-black) 76px, transparent 100px);
}
.chat-message .explore-collapsible-content__task-toggle {
  display: flex;
  justify-content: center;
  margin-bottom: 6px;
}
.chat-message .explore-steps {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.chat-message .explore-steps__item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--fg-neutral-subtle);
  line-height: 1.4;
  min-width: 0;
}
.chat-message .explore-steps__item--current {
  color: var(--fg-neutral-strong);
  font-weight: 500;
}
.chat-message .explore-steps__icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.chat-message .explore-steps__icon--complete {
  color: var(--cf-purple-500);
}
.chat-message .explore-steps__icon--active {
  color: var(--cf-purple-600);
}
.chat-message .explore-steps__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.chat-message .explore-steps__show-all {
  position: relative;
  padding-top: 4px;
}
.chat-message .explore-steps__show-all--faded::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: -16px;
  right: -16px;
  height: 24px;
  background: linear-gradient(to bottom, transparent, var(--cf-lilac-tint));
  pointer-events: none;
}
.chat-message .chat-message__contents {
  padding: 8px;
  border-radius: 8px;
}
.chat-message .chat-message__contents .draft-citation-link {
  cursor: pointer;
}
.chat-message .chat-message__contents a.citation-index,
.chat-message .chat-message__contents .citation-index {
  display: inline-flex;
  align-items: center;
  margin: 0 1px;
  vertical-align: top;
  padding: 3px 5px;
  border-radius: 4px;
  min-width: 16px;
  text-align: center;
  font-size: 11px;
  line-height: 1;
  color: black !important;
  background-color: var(--cf-legacy-ne9);
  font-weight: 600;
  text-decoration: none !important;
}
.chat-message .chat-message__contents a.citation-index:has(.citation-icon),
.chat-message .chat-message__contents .citation-index:has(.citation-icon) {
  padding: 3px 2px;
  min-width: 18px;
}
.chat-message .chat-message__contents a.citation-index:first-of-type,
.chat-message .chat-message__contents .citation-index:first-of-type {
  margin-left: 3px;
}
.chat-message .chat-message__contents a.citation-index:hover,
.chat-message .chat-message__contents .citation-index:hover {
  background-color: var(--cf-purple-600);
  color: white !important;
}
.chat-message .chat-message__contents a.citation-index .citation-icon,
.chat-message .chat-message__contents .citation-index .citation-icon {
  display: flex;
  align-items: center;
}
.chat-message .chat-message__contents a.citation-index .citation-icon svg,
.chat-message .chat-message__contents .citation-index .citation-icon svg {
  width: 14px;
  height: 14px;
}
.chat-message .chat-message__contents a.citation-index .citation-icon,
.chat-message .chat-message__contents .citation-index .citation-icon {
  margin-left: 4px;
  margin-right: 2px;
  flex-shrink: 0;
}
.chat-message .chat-message__contents .text-block p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.chat-message .chat-message__contents .text-block hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  height: 1px;
  border: none;
  background: var(--cf-legacy-ndd);
  width: 50%;
}
.chat-message .chat-message__contents .text-block .chat-table-wrapper {
  overflow-x: auto;
}
.chat-message .chat-message__contents .text-block table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  border-radius: 8px;
  border-top: 1px solid var(--cf-gray-100);
  border-bottom: 1px solid var(--cf-gray-100);
}
.chat-message .chat-message__contents .text-block table th:first-child,
.chat-message .chat-message__contents .text-block table td:first-child {
  position: sticky;
  left: 0;
  box-shadow: inset -1px 0 0 0 var(--cf-gray-100), inset 1px 0 0 0 var(--cf-gray-100);
  border-right: none;
}
.chat-message .chat-message__contents .text-block table th:nth-child(2),
.chat-message .chat-message__contents .text-block table td:nth-child(2) {
  border-left: none;
}
.chat-message .chat-message__contents .text-block table th,
.chat-message .chat-message__contents .text-block table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--cf-gray-100);
  vertical-align: top;
  border-right: 1px solid rgb(from var(--cf-gray-100) r g b/50%);
}
.chat-message .chat-message__contents .text-block table th {
  background-color: var(--cf-off-white);
  color: var(--cf-ink);
  font-weight: 600;
  font-size: 14px;
  border-bottom: 2px solid var(--cf-gray-100);
}
.chat-message .chat-message__contents .text-block table td {
  color: var(--cf-ink);
  font-size: 14px;
  line-height: 150%;
  background-color: var(--cf-white);
}
.chat-message .chat-message__contents .text-block table tr:last-child th,
.chat-message .chat-message__contents .text-block table tr:last-child td {
  border-bottom: none;
}
.chat-message .chat-message__contents .text-block table tr:nth-child(even) {
  background-color: var(--cf-white);
}
.chat-message .chat-message__contents .text-block table tr:nth-child(odd) {
  background-color: rgba(249, 249, 249, 0.3);
}
.chat-message .chat-message__contents .text-block table thead tr {
  background-color: var(--cf-off-white) !important;
}
.chat-message .chat-message__contents .text-block table:first-child {
  margin-top: 0;
}
.chat-message .chat-message__contents .text-block table:last-child {
  margin-bottom: 0;
}
.chat-message .chat-message__contents .text-block .chat-table-with-download {
  position: relative;
  margin: 1rem 0;
  display: inline-block;
  max-width: 100%;
  min-width: 100%;
}
.chat-message .chat-message__contents .text-block .chat-table-with-download .chat-table-with-download__actions {
  position: absolute;
  top: 4px;
  right: 4px;
  display: flex;
  gap: 2px;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 10;
}
.chat-message .chat-message__contents .text-block .chat-table-with-download .chat-table-with-download__actions .btn {
  background: rgb(from var(--cf-white) r g b/90%);
  border: 1px solid rgba(229, 229, 229, 0.8);
  border-radius: 4px;
  padding: 3px 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-weight: 500;
  color: var(--cf-legacy-n55);
  min-width: 30px;
  height: 30px;
  font-size: 12px;
}
.chat-message .chat-message__contents .text-block .chat-table-with-download .chat-table-with-download__actions .btn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.chat-message .chat-message__contents .text-block .chat-table-with-download .chat-table-with-download__actions .btn:hover {
  background: rgba(249, 249, 249, 0.95);
  border-color: rgba(209, 209, 209, 0.9);
  color: var(--cf-ink);
}
.chat-message .chat-message__contents .text-block .chat-table-with-download .chat-table-with-download__actions .btn:active {
  background: rgba(229, 229, 229, 0.9);
}
.chat-message .chat-message__contents .text-block .chat-table-with-download:hover .chat-table-with-download__actions {
  opacity: 1;
}
.chat-message .tool-use-block__icon svg[fill=none] path[stroke]:not([stroke=none]),
.chat-message .tool-use-block__icon svg[fill=none] g[stroke]:not([stroke=none]),
.chat-message .tool-result-block__icon svg[fill=none] path[stroke]:not([stroke=none]),
.chat-message .tool-result-block__icon svg[fill=none] g[stroke]:not([stroke=none]) {
  stroke: currentcolor;
}
.chat-message .tool-use-block__icon svg [fill]:not([fill=none]),
.chat-message .tool-use-block__icon svg path.filled,
.chat-message .tool-result-block__icon svg [fill]:not([fill=none]),
.chat-message .tool-result-block__icon svg path.filled {
  stroke: currentcolor;
}
.chat-message .tool-result-block,
.chat-message .tool-use-block {
  display: flex;
  flex-direction: row;
  align-items: start;
}
.chat-message .tool-result-block .tool-use-block__icon svg,
.chat-message .tool-result-block .tool-result-block__icon svg,
.chat-message .tool-use-block .tool-use-block__icon svg,
.chat-message .tool-use-block .tool-result-block__icon svg {
  color: var(--cf-purple-600);
  margin-right: 4px;
  min-width: 24px;
}
.chat-message .tool-result-block,
.chat-message .tool-use-block {
  padding: 16px;
  background: var(--cf-lilac-tint);
  color: var(--cf-purple-600);
  font-weight: 600;
}
.chat-message .tool-result-block:has(.collapsible),
.chat-message .tool-use-block:has(.collapsible) {
  display: flex;
}
.chat-message .tool-result-block:has(.collapsible) .collapsible,
.chat-message .tool-use-block:has(.collapsible) .collapsible {
  flex: 1;
}
.chat-message .tool-result-block:has(.collapsible) .collapsible .collapsible__title,
.chat-message .tool-use-block:has(.collapsible) .collapsible .collapsible__title {
  display: flex;
  align-items: center;
}
.chat-message .tool-result-block:has(.collapsible) .collapsible .collapsible__title .tool-use-block__icon,
.chat-message .tool-use-block:has(.collapsible) .collapsible .collapsible__title .tool-use-block__icon {
  display: flex;
  align-items: center;
}
.chat-message .interactive-tool-card-accumulation {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.chat-message .interactive-tool-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border: 1px solid var(--cf-gray-100);
  border-radius: 12px;
  background: var(--cf-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  opacity: 1;
  transform: translateY(0) scale(1);
  margin-bottom: 12px;
  margin-top: 12px;
  flex: 1;
}
.chat-message .interactive-tool-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.chat-message .interactive-tool-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  min-height: 32px;
}
.chat-message .interactive-tool-card__name {
  font-weight: 600;
  color: var(--cf-ink);
  flex: 1;
}
.chat-message .interactive-tool-card__sub-header {
  margin-left: 18px;
  color: var(--cf-purple-600);
}
.chat-message .interactive-tool-card__text {
  margin-left: 18px;
  color: var(--cf-gray-600);
  font-size: 14px;
  line-height: 1.4;
}
.chat-message .interactive-tool-card__dot {
  width: 10px;
  height: 10px;
  border-radius: 25%;
  display: inline-block;
  flex-shrink: 0;
}
.chat-message .interactive-tool-card__done-icon {
  color: var(--cf-purple-600);
  height: 24px;
  width: 24px;
}
.chat-message .interactive-tool-card__done-icon svg {
  width: 24px;
  height: 24px;
  fill: currentcolor;
}
.chat-message .interactive-tool-card__icon {
  display: flex;
  align-items: center;
}
.chat-message .interactive-tool-card__accepted-label {
  color: var(--cf-purple-600);
  font-weight: 600;
  font-size: 14px;
}
.chat-message .interactive-tool-card__actions {
  display: flex;
  gap: 8px;
}
.chat-message .chat-propose-case-description__text {
  margin: 8px 0 0;
  color: var(--cf-ink);
  font-size: 14px;
  line-height: 1.55;
}
.chat-message .chat-suggest-next-steps {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  width: 100%;
}
.chat-message .chat-suggest-next-steps__card {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 8px 12px;
  border: 1px solid var(--cf-gray-200);
  border-radius: 8px;
  background: var(--cf-white);
  text-align: left;
  line-height: normal;
  cursor: pointer;
}
.chat-message .chat-suggest-next-steps__card:hover {
  border-color: var(--cf-purple-300);
  background: var(--cf-purple-50);
}
.chat-message .chat-suggest-next-steps__card.is-done {
  background: var(--cf-gray-50, var(--cf-gray-100));
}
.chat-message .chat-suggest-next-steps__card.is-done .chat-suggest-next-steps__title {
  color: var(--cf-gray-600);
}
.chat-message .chat-suggest-next-steps__card.is-done .chat-suggest-next-steps__icon {
  color: var(--cf-gray-400);
}
.chat-message .chat-suggest-next-steps__check {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
  color: var(--cf-purple-600);
}
.chat-message .chat-suggest-next-steps__check svg {
  display: block;
  width: 16px;
  height: 16px;
}
.chat-message .chat-suggest-next-steps__check svg path,
.chat-message .chat-suggest-next-steps__check svg polygon {
  fill: currentcolor;
}
.chat-message .chat-suggest-next-steps__icon {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
  color: var(--cf-purple-600);
}
.chat-message .chat-suggest-next-steps__icon svg {
  display: block;
  width: 16px;
  height: 16px;
}
.chat-message .chat-suggest-next-steps__icon svg path,
.chat-message .chat-suggest-next-steps__icon svg polygon,
.chat-message .chat-suggest-next-steps__icon svg rect,
.chat-message .chat-suggest-next-steps__icon svg circle {
  fill: currentcolor;
}
.chat-message .chat-suggest-next-steps__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.chat-message .chat-suggest-next-steps__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--cf-ink);
  line-height: 1.3;
}
.chat-message .chat-suggest-next-steps__desc {
  font-size: 12px;
  color: var(--cf-gray-500);
  line-height: 1.3;
}
.chat-message .chat-suggest-next-steps__arrow {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
  color: var(--cf-gray-400);
}
.chat-message .chat-suggest-next-steps__arrow svg {
  display: block;
  width: 14px;
  height: 14px;
}
.chat-message .chat-suggest-next-steps__arrow svg path,
.chat-message .chat-suggest-next-steps__arrow svg polygon {
  fill: currentcolor;
}
.chat-message .interactive-tool-card__preview {
  position: relative;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--cf-gray-100);
  font-size: 14px;
  line-height: 1.5;
  color: var(--cf-gray-700);
}
.chat-message .interactive-tool-card__preview--collapsed {
  max-height: 120px;
  overflow: hidden;
}
.chat-message .interactive-tool-card__preview-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 64px;
  background: linear-gradient(to bottom, rgb(from var(--cf-white) r g b/0%), var(--cf-white) 70%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 4px;
}
.chat-message .interactive-tool-card__preview-toggle {
  background: none;
  border: none;
  color: var(--cf-purple-600);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 2px 8px;
}
.chat-message .interactive-tool-card__preview-toggle:hover {
  color: var(--cf-purple-700);
}
.chat-message .chat-save-to-drafts .interactive-tool-card__preview {
  padding-left: 8px;
}
.chat-message .interactive-tool-card__in-progress-label {
  color: var(--cf-gray-600);
  font-weight: 600;
  font-size: 14px;
}
.chat-message .interactive-tool-card__shimmer-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--cf-purple-600) 0%, #f4a24b 50%, var(--cf-purple-600) 100%);
  background-size: 200% 100%;
  animation: shimmer 3s infinite linear;
}
.chat-message .chat-propose-bulk-delete .collapsible__content,
.chat-message .chat-propose-bulk-edit .collapsible__content,
.chat-message .chat-propose-per-record-edit .collapsible__content {
  overflow: hidden;
}
.chat-message .chat-propose-bulk-edit__details {
  margin-top: 8px;
  margin-left: 18px;
  font-size: 13px;
  color: var(--cf-gray-600);
}
.chat-message .chat-propose-bulk-edit__detail-line {
  display: inline;
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 0.85em;
  background-color: rgba(94, 61, 187, 0.08);
  padding: 2px 6px;
  border-radius: 4px;
  color: var(--cf-purple-600);
  font-weight: 500;
  margin-right: 4px;
}
.chat-message .chat-propose-bulk-edit__collection-changes,
.chat-message .chat-per-record-edit__collection-changes {
  margin-top: 8px;
  margin-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.chat-message .chat-per-record-edit__collection-changes {
  margin-left: 0;
}
.chat-message .chat-propose-bulk-edit__collection-row,
.chat-message .chat-per-record-edit__collection-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.chat-message .chat-propose-bulk-edit__collection-row .source-tag-pill,
.chat-message .chat-propose-bulk-edit__collection-row .tag,
.chat-message .chat-per-record-edit__collection-row .source-tag-pill,
.chat-message .chat-per-record-edit__collection-row .tag {
  font-size: 0.75em;
  padding: 1px 6px;
  margin: 0;
}
.chat-message .chat-propose-bulk-edit__collection-row .promise-runner__loader svg,
.chat-message .chat-per-record-edit__collection-row .promise-runner__loader svg {
  width: 14px;
  height: 14px;
}
.chat-message .chat-propose-bulk-edit__collection-label,
.chat-message .chat-per-record-edit__collection-label {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 13px;
  font-weight: 500;
  margin-right: 4px;
  white-space: nowrap;
}
.chat-message .chat-propose-bulk-edit__collection-label svg,
.chat-message .chat-per-record-edit__collection-label svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.chat-message .chat-propose-bulk-edit__collection-label--add,
.chat-message .chat-per-record-edit__collection-label--add {
  color: #27ae60;
}
.chat-message .chat-propose-bulk-edit__collection-label--add svg,
.chat-message .chat-per-record-edit__collection-label--add svg {
  fill: #27ae60;
}
.chat-message .chat-propose-bulk-edit__collection-label--remove,
.chat-message .chat-per-record-edit__collection-label--remove {
  color: #e74c3c;
}
.chat-message .chat-propose-bulk-edit__collection-label--remove svg,
.chat-message .chat-per-record-edit__collection-label--remove svg {
  fill: #e74c3c;
}
.chat-message .interactive-tool-card__records {
  margin-top: 8px;
  margin-left: 18px;
}
.chat-message .interactive-tool-card__records .collapsible__title {
  font-size: 13px;
  font-weight: 500;
  color: var(--cf-gray-600);
}
.chat-message .interactive-tool-card__record-row {
  display: flex;
  gap: 8px;
  padding: 4px 0;
  font-size: 13px;
}
.chat-message .interactive-tool-card__record-row:last-child {
  border-bottom: none;
}
.chat-message .interactive-tool-card__record-link {
  white-space: nowrap;
  color: var(--cf-purple-600);
  font-weight: 500;
}
.chat-message .interactive-tool-card__record-preview {
  color: var(--cf-gray-600);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.chat-message .chat-per-record-edit__record {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 0;
  border-bottom: 1px solid var(--cf-legacy-nee);
  min-width: 0;
}
.chat-message .chat-per-record-edit__record > .interactive-tool-card__record-link {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-message .chat-per-record-edit__record:last-child {
  border-bottom: none;
}
.chat-message .chat-per-record-edit__changes {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.chat-message .chat-per-record-edit__change-line {
  display: flex;
  gap: 4px;
  align-items: baseline;
  line-height: 1.4;
}
.chat-message .chat-per-record-edit__change-key {
  color: var(--cf-gray-600);
  font-size: 12px;
  flex-shrink: 0;
}
.chat-message .chat-per-record-edit__change-arrow {
  color: var(--cf-gray-600);
  font-size: 12px;
  flex-shrink: 0;
}
.chat-message .chat-per-record-edit__change-value {
  color: var(--chat-fg-case-name);
  font-size: 12px;
  word-break: break-word;
}
.chat-message .chat-proposed-fact__citations-section {
  margin-left: 16px;
}
.chat-message .chat-proposed-fact__tag-group {
  margin-top: 8px;
}
.chat-message .chat-proposed-fact__tag-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--cf-gray-600);
  margin-bottom: 4px;
  display: block;
}
.chat-message .chat-proposed-fact__tags {
  gap: 4px;
  display: flex;
  flex-wrap: wrap;
}
.chat-message .proposed-fact__entity-mention {
  color: var(--cf-purple-600);
  cursor: pointer;
  font-weight: 600;
}
.chat-message .proposed-fact__new-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  margin-left: 4px;
  margin-right: -4px;
  height: 16px;
  background-color: var(--cf-legacy-green-mid);
  border-radius: 12px;
  color: white;
  font-size: 10px;
  font-weight: 500;
}
.chat-message .chat-proposed-fact__citation-cited-text {
  margin-left: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.4;
  text-emphasis: italic;
  color: var(--cf-gray-600);
}
.chat-message .tool-use-block__intro,
.chat-message .tool-result-block__text {
  flex: 1;
  color: var(--cf-purple-600) !important;
}
.chat-message .tool-use-block__text,
.chat-message .tool-result-block__text {
  min-width: 0;
}
.chat-message .tool-block__source-title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.chat-message .tool-result-block {
  border-radius: 0 0 16px 16px;
  padding-top: 8px;
  background: var(--cf-lilac-tint);
  color: var(--cf-gray-600);
}
.chat-message .tool-result-plan {
  padding: 12px 16px;
  background: var(--cf-white);
  border-radius: 8px;
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 8px;
}
.chat-message .tool-result-plan h2, .chat-message .tool-result-plan .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .chat-message .tool-result-plan h4 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--cf-purple-600);
}
.chat-message .tool-result-plan ol li ol,
.chat-message .tool-result-plan ul li ul,
.chat-message .tool-result-plan ul li ol,
.chat-message .tool-result-plan ol li ul {
  margin-bottom: 0;
}
.chat-message .tool-result-plan li > p {
  margin: 0;
}
.chat-message .tool-result-plan ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  margin-bottom: 8px;
}
.chat-message .tool-result-plan ul li {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 0;
  color: var(--cf-legacy-n3c);
}
.chat-message .tool-use-approval-next-steps {
  margin-top: 8px;
  padding: 8px 12px;
  background: #f0edfa;
  border-radius: 6px;
  font-size: 13px;
  color: var(--cf-legacy-n3c);
  font-style: italic;
}
.chat-message .tool-use-approval-controls {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.chat-message .tool-result-approval-confirmation {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #e6f4ea;
  border-radius: 6px;
  color: var(--fg-status-success-strong);
  font-size: 13px;
  font-weight: 500;
}
.chat-message .tool-result-approval-confirmation__icon {
  display: flex;
  align-items: center;
}
.chat-message .tool-result-approval-confirmation__icon svg {
  width: 16px;
  height: 16px;
  fill: currentcolor;
}
.chat-message .tool-result-cancelled {
  font-style: italic;
}
.chat-message .tool-use-block--loading {
  padding-bottom: 28px;
}
.chat-message .tool-use-block--streaming {
  animation: tool-pulse 1.5s ease-in-out infinite;
}
.chat-message .tool-use-block--web-search .tool-use-block__query {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-message .web-search-results-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.chat-message .web-search-results-link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  color: var(--cf-legacy-n3c);
  text-decoration: none;
  font-size: 13px;
  line-height: 1.4;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-message .web-search-results-link:hover {
  color: var(--cf-purple-600);
  text-decoration: underline;
}
.chat-message .web-search-results-link .web-search-results-link__icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  opacity: 0.4;
}
.chat-message .web-search-results-link .web-search-results-link__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-message .citation-items {
  display: inline-block;
}
.chat-message .citation-items .citation-inline {
  display: inline-block;
  color: var(--cf-purple-600);
}
.chat-message.chat-message--streaming .chat-table-with-download__actions {
  display: none !important;
}

.user-action-panel__message {
  font-size: 14px;
  color: var(--cf-legacy-n3c);
  margin-bottom: 12px;
  line-height: 1.5;
}
.user-action-panel__message h3, .user-action-panel__message .alerts ul li, .alerts ul .user-action-panel__message li {
  font-size: 16px;
  font-weight: 600;
  color: var(--cf-ink);
  margin: 0 0 8px;
  line-height: 1.4;
}
.user-action-panel__message strong {
  font-weight: 600;
  color: var(--cf-ink);
}

.user-action-panel__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.chat-message--assistant h1,
.chat-message--assistant h2,
.chat-message--assistant .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .chat-message--assistant h4,
.chat-message--assistant h3,
.chat-message--assistant .alerts ul li,
.alerts ul .chat-message--assistant li {
  font-weight: 600;
}
.chat-message--assistant h1 {
  font-size: 20px;
  font-size: 1.25em;
  margin-bottom: 8px;
}
.chat-message--assistant h2, .chat-message--assistant .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .chat-message--assistant h4 {
  font-size: 18px;
  font-size: 1.125em;
  margin-bottom: 6px;
}
.chat-message--assistant h3, .chat-message--assistant .alerts ul li, .alerts ul .chat-message--assistant li {
  font-size: 16px;
  font-size: 1em;
  margin-bottom: 4px;
}

.chat-message--thinking {
  margin-top: 0;
  padding-top: 0;
}

.chat-message--user .chat-message__contents {
  background-color: var(--cf-legacy-air);
  font-weight: 600;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 4px;
  overflow-x: auto;
}
.chat-message--user .chat-message__contents .chat-message__avatar {
  margin: 6px;
  min-width: 28px;
  min-height: 28px;
  max-width: 28px;
  max-height: 28px;
  border-radius: 50%;
  background-color: var(--cf-legacy-ash-dark);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-size: 0.875em;
}

.chat__citation {
  border: 1px solid var(--cf-gray-300);
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 8px;
}

.chat__citation__quote {
  font-size: 14px;
  font-size: 0.875em;
  font-style: italic;
}

.current-chat__loading {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.current-chat__loading > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}
.current-chat__loading__subtitle {
  margin-top: -4px;
}

.current-chat__llm-thinking {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
}

/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes growIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes tool-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes bop {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
@keyframes card-cascade {
  0% {
    opacity: 0;
    transform: translateY(-20px) scale(1);
  }
  60% {
    opacity: 1;
    transform: translateY(2px) scale(1);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes chat-file-progress-pulse {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.chat-manager__case-nav-case-name {
  margin-left: 8px;
  margin-right: 16px;
}
.chat-manager__case-nav-case-name .chat-manager__case-name svg {
  width: 24px;
  min-width: 24px;
}
.chat-manager__case-nav-case-name .collapsible__content .button.btn--small, .chat-manager__case-nav-case-name .collapsible__content .flex-actions-group div.btn--small.task__start-timer, .flex-actions-group .chat-manager__case-nav-case-name .collapsible__content div.btn--small.task__start-timer, .chat-manager__case-nav-case-name .collapsible__content .button.pill, .chat-manager__case-nav-case-name .collapsible__content .flex-actions-group div.pill.task__start-timer, .flex-actions-group .chat-manager__case-nav-case-name .collapsible__content div.pill.task__start-timer, .chat-manager__case-nav-case-name .collapsible__content .button.source-tag-pill, .chat-manager__case-nav-case-name .collapsible__content .flex-actions-group div.source-tag-pill.task__start-timer, .flex-actions-group .chat-manager__case-nav-case-name .collapsible__content div.source-tag-pill.task__start-timer {
  height: 16px;
}

.chat-manager__case-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-width: 300px;
  border: 1px solid var(--cf-legacy-ndd);
  border-bottom: none;
  border-radius: 4px;
  background: var(--cf-white);
  box-shadow: 0 1px 14px -10px;
}
.chat-manager__case-list .chat-manager__case-item {
  display: flex;
  align-items: center;
  padding: 8px;
  cursor: pointer;
  min-width: 300px;
  border-bottom: 1px solid var(--cf-legacy-ndd);
}
.chat-manager__case-list .chat-manager__case-item .btn-contents {
  padding-left: 20px;
  padding-right: 20px;
}
.chat-manager__case-list .chat-manager__case-item .button--icon-right-add-chat {
  visibility: hidden;
}
.chat-manager__case-list .chat-manager__case-item:hover {
  background-color: var(--cf-purple-600);
}
.chat-manager__case-list .chat-manager__case-item:hover button {
  color: white !important;
}
.chat-manager__case-list .chat-manager__case-item:hover button .button--icon-right-add-chat {
  visibility: visible;
  color: white !important;
}
.chat-manager__case-list .chat-manager__case-item:hover button .button--icon-right-add-chat svg path {
  fill: white !important;
}
.chat-manager__case-list .chat-manager__case-item:first-child {
  border-radius: 4px 4px 0 0;
}
.chat-manager__case-list .chat-manager__case-item:last-child {
  border-radius: 0 0 4px 4px;
}
.chat-manager__case-list .chat-manager__case-item svg {
  margin-right: -8px;
  width: 32px;
  height: 32px;
  color: var(--cf-legacy-ndd);
  fill: currentcolor;
}
.chat-manager__case-list .chat-manager__case-item button.button {
  width: 100% !important;
  justify-content: space-between;
  font-size: 20px;
  transition: none !important;
}

.chat-message__retry-container {
  margin-top: 8px;
}

.route--firm-auth-chat {
  height: 100%;
}
.route--firm-auth-chat .top-left-app-logo {
  display: none;
}

.chat-message.chat-message--buffered .interactive-tool-card {
  opacity: 0;
  transform: translateY(20px) scale(1);
  animation: card-cascade 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-0 {
  animation-delay: 0.1s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-1 {
  animation-delay: 0.2s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-2 {
  animation-delay: 0.3s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-3 {
  animation-delay: 0.4s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-4 {
  animation-delay: 0.5s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-5 {
  animation-delay: 0.6s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-6 {
  animation-delay: 0.7s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-7 {
  animation-delay: 0.8s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-8 {
  animation-delay: 0.9s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-9 {
  animation-delay: 1s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-10 {
  animation-delay: 1.1s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-11 {
  animation-delay: 1.2s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-12 {
  animation-delay: 1.3s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-13 {
  animation-delay: 1.4s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-14 {
  animation-delay: 1.5s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-15 {
  animation-delay: 1.6s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-16 {
  animation-delay: 1.7s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-17 {
  animation-delay: 1.8s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-18 {
  animation-delay: 1.9s;
}
.chat-message.chat-message--buffered .interactive-tool-card.card--delay-19 {
  animation-delay: 2s;
}

.chat-manager__collapsed-hover {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}

.chat-manager__files {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  max-width: 520px;
  min-width: 300px;
  margin: 0 auto;
  margin-top: -20px;
}
.chat-manager__files .chat-file {
  border: 1px solid var(--cf-gray-100);
  background: var(--cf-white);
  border-radius: 8px;
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  max-width: 49%;
  cursor: pointer;
}
.chat-manager__files .chat-file.chat-file--processing {
  cursor: pointer;
}
.chat-manager__files .chat-file.chat-file--is-ready {
  border-color: #22c55e;
}
.chat-manager__files .chat-file.chat-file--is-failed {
  border-color: #ef4444;
}
.chat-manager__files .chat-file.chat-file--is-pinnable {
  font-style: italic;
}
.chat-manager__files .chat-file.chat-file--is-pinnable .chat-file__name {
  padding-right: 4px;
}
.chat-manager__files .chat-file .chat-file__pinnable-label {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 12px;
  color: var(--cf-gray-600);
}
.chat-manager__files .chat-file .chat-file__progress {
  margin: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  border-radius: 0 0 8px 8px;
}
.chat-manager__files .chat-file .chat-file__progress .progress-bar__fill {
  position: relative;
  overflow: hidden;
  width: 0;
}
.chat-manager__files .chat-file .chat-file__progress .progress-bar__fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgb(from var(--cf-white) r g b/40%), transparent);
  animation: chat-file-progress-pulse 1.5s ease-in-out infinite;
}
.chat-manager__files .chat-file.chat-file--add-context .btn-contents {
  margin-right: 8px;
}
.chat-manager__files .chat-file > svg {
  min-width: 16px;
}
.chat-manager__files .chat-file .chat-file__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 204px;
}
.chat-manager__files .chat-file .button--icon-left-plus {
  height: 20px;
  width: 20px;
}
.chat-manager__files .chat-file .button--icon-left-close {
  height: 16px;
  width: 16px;
}

/* Add Chat Context Modal - Updated for New Modal Component */
.add-chat-context-modal .ui-modal__content {
  min-height: 600px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}
.add-chat-context-modal .ui-modal__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.add-chat-context-modal .ui-modal__footer {
  margin-top: auto;
  padding-top: 16px;
}
.add-chat-context-modal .add-chat-context-modal__source-count {
  margin-right: 8px;
  font-size: 14px;
  color: var(--cf-legacy-naa);
}
.add-chat-context-modal .selected-sources label, .add-chat-context-modal .selected-sources #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .add-chat-context-modal .selected-sources .settlement-date, .add-chat-context-modal .selected-sources .table-pagination .pagination-text, .table-pagination .add-chat-context-modal .selected-sources .pagination-text, .add-chat-context-modal .selected-sources .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .add-chat-context-modal .selected-sources .sidebar-record-category, .add-chat-context-modal .selected-sources .graph .graph-pagination .graph-stats, .graph .graph-pagination .add-chat-context-modal .selected-sources .graph-stats, .add-chat-context-modal .selected-sources .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .add-chat-context-modal .selected-sources .feed-memo-date {
  margin-bottom: 8px;
  font-weight: 600;
}
.add-chat-context-modal .selected-sources .selected-sources-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
  min-height: 47px;
  align-items: center;
}
.add-chat-context-modal .selected-sources .selected-sources-list .selected-source-item {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  background-color: var(--cf-legacy-nf0);
  border: 1px solid var(--cf-legacy-nd0);
  border-radius: 4px;
  font-size: 14px;
  flex-shrink: 0;
  white-space: nowrap;
  justify-content: space-between;
}
.add-chat-context-modal .selected-sources .selected-sources-list .selected-source-item .source-name {
  font-weight: 500;
  margin-right: 4px;
}
.add-chat-context-modal .selected-sources .selected-sources-list .selected-source-item .source-type {
  color: var(--cf-legacy-n66);
  font-size: 12px;
  margin-right: 8px;
}
.add-chat-context-modal .selected-sources .selected-sources-list .selected-source-item .remove-source-btn {
  background: none;
  border: none;
  font-size: 16px;
  color: var(--cf-legacy-n99);
  cursor: pointer;
  padding: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-chat-context-modal .selected-sources .selected-sources-list .selected-source-item .remove-source-btn:hover {
  color: var(--cf-legacy-n66);
}
.add-chat-context-modal .selected-sources .selected-sources-list .selected-sources-placeholder {
  color: var(--cf-legacy-n99);
  font-style: italic;
  font-size: 14px;
  padding: 6px 8px;
}
.add-chat-context-modal .source-search-field {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.add-chat-context-modal .source-search-field .search-input-container {
  position: relative;
}
.add-chat-context-modal .source-search-field .search-input-container input, .add-chat-context-modal .source-search-field .search-input-container .timezone-click-to-edit {
  width: 100%;
  margin-bottom: 0;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown--few {
  scrollbar-width: none;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  right: 0;
  background: var(--cf-white);
  border: 1px solid var(--cf-legacy-nd0);
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  max-height: 400px;
  overflow-y: auto;
  z-index: 1001;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown.sources-dropdown--loading {
  padding: 12px;
  text-align: center;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .source-item {
  width: 100%;
  padding: 12px;
  border: none;
  background: none;
  text-align: left;
  border-radius: 0 !important;
  cursor: pointer;
  border-bottom: 1px solid var(--cf-legacy-nf0);
  justify-content: space-between;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .source-item:hover {
  background-color: var(--cf-legacy-nf8);
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .source-item.selected {
  background-color: var(--cf-legacy-nf5);
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .source-item.selected:hover {
  background-color: var(--cf-legacy-nf5);
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .source-item:last-child {
  border-bottom: none;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .source-item .source-item-name {
  font-weight: 500;
  font-size: 14px;
  color: var(--chat-fg-case-name);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .source-item .source-item-type {
  font-size: 12px;
  color: var(--cf-legacy-n66);
  margin-top: 2px;
  min-width: 120px;
  text-align: right;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .source-item .source-item-type svg {
  margin-right: 4px;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .source-item .source-item-type svg g {
  fill: var(--cf-purple-600) !important;
}
.add-chat-context-modal .source-search-field .search-input-container .sources-dropdown .no-sources {
  padding: 12px;
  text-align: center;
  color: var(--cf-legacy-n99);
  font-style: italic;
}

.suggested-prompts {
  max-width: 520px;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  transition: opacity 0.2s ease-in-out;
}

.chat-ai-disclaimer {
  max-width: 520px;
  margin: 0.75rem auto 0;
  text-align: center;
  font-size: 0.75rem;
  color: var(--cf-slate-500);
}

.suggested-prompts__categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

.suggested-prompts__category-button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: var(--cf-white);
  border: 1px solid var(--cf-gray-200);
  border-radius: 16px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--cf-ink);
  cursor: pointer;
  transition: all 0.2s ease;
}
.suggested-prompts__category-button:hover:not(:disabled) {
  background: var(--cf-off-white);
  border-color: var(--cf-gray-500);
}
.ember-basic-dropdown-trigger--below .suggested-prompts__category-button {
  background: var(--cf-off-white);
  border-color: var(--cf-gray-500);
}
.suggested-prompts__category-button svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.suggested-prompts__category-button span {
  line-height: 1;
}

.suggested-prompts__new-badge {
  position: absolute;
  top: -8px;
  right: -6px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cf-white);
  background: var(--cf-purple-600);
  border-radius: 8px;
  padding: 3px 6px;
  line-height: 1;
  pointer-events: none;
}

.suggested-prompts__menu-item {
  padding: 4px 0;
}

.suggested-prompts__menu-item--toggle {
  padding: 0 0 4px;
  border-bottom: 1px solid var(--cf-legacy-ne5);
  margin-bottom: 2px;
  width: 100%;
}

.suggested-prompts__menu-item--toggle .suggested-prompts__menu-item-title {
  margin-bottom: 0;
  width: 100%;
}

.suggested-prompts__menu-item--toggle .suggested-prompts__menu-item-description {
  display: none;
}

.suggested-prompts__menu-item-title {
  font-weight: 500;
  color: var(--cf-ink);
  font-size: 14px;
  margin-bottom: 2px;
}

.suggested-prompts__menu-item-title--with-toggle {
  padding-top: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.suggested-prompts__menu-item-description {
  font-size: 12px;
  color: var(--cf-gray-600);
  font-weight: 400;
}

.suggested-prompts--hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}

.suggested-prompts__menu {
  animation: workflow-menu-fade-in 0.15s ease-out;
}

@keyframes workflow-menu-fade-in {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.tool-result-images {
  padding: 16px;
}
.tool-result-images .tool-result-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.tool-result-images img {
  max-width: 100%;
  height: auto;
  border: 1px solid var(--cf-legacy-ne0);
  border-radius: 4px;
}
.tool-result-images .tool-result-image-metadata {
  font-size: 13px;
  color: var(--cf-legacy-n66);
  text-align: center;
  padding: 4px 8px;
  background-color: var(--cf-legacy-nf5);
  border-radius: 4px;
}
.tool-result-images .tool-result-image-navigation {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tool-result-images .tool-result-image-nav-btn {
  width: 26px;
}
.tool-result-images .tool-result-image-nav-btn:hover {
  background-color: transparent;
  box-shadow: none;
}
.tool-result-images span {
  min-width: 60px;
  text-align: center;
  font-size: 14px;
}

.thinking-content-block {
  margin: 4px 0;
}

.thinking-content-block__header {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  color: var(--cf-gray-600);
  cursor: pointer;
  user-select: none;
}
.thinking-content-block__header:not(:last-child) {
  margin-bottom: 6px;
}
.thinking-content-block__header:hover {
  color: var(--cf-gray-700);
}

.thinking-content-block__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.thinking-content-block__icon svg {
  width: 13px;
  height: 13px;
}

.thinking-content-block__chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}
.thinking-content-block__chevron svg {
  width: 12px;
  height: 12px;
}
.thinking-content-block__chevron.thinking-content-block__chevron--collapsed {
  transform: rotate(-90deg);
}

.thinking-content-block__label {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.thinking-content-block__content {
  color: var(--cf-gray-700);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  padding-left: 18px;
}

.ai-shimmer-text, .chat-message .tool-use-block .tool-use-block__loading-indicator .tool-use-block__loading-indicator-text {
  background: linear-gradient(90deg, var(--cf-purple-600) 0%, #f4a24b 50%, var(--cf-purple-600) 100%);
  background-size: 200% 100%;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: shimmer 3s infinite linear;
  width: fit-content;
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.tool-use-tooltip {
  position: absolute;
  background-color: var(--cf-gray-800, var(--tooltip-bg));
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.5;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

.tool-use-block__text:hover .tool-use-tooltip {
  opacity: 1;
  pointer-events: auto;
}

.tool-use-tooltip__item {
  margin-bottom: 4px;
}
.tool-use-tooltip__item:last-child {
  margin-bottom: 0;
}
.tool-use-tooltip__item strong {
  font-weight: 600;
}

.tool-use-tooltip__pages {
  color: rgb(from var(--cf-white) r g b/85%);
  font-size: 12px;
}

.case-statistics-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.case-statistics-toggle {
  flex-shrink: 0;
  margin-left: 8px;
}
.case-statistics-toggle svg {
  transition: transform 0.2s ease;
}
.case-statistics-toggle.case-statistics-toggle--collapsed svg {
  transform: rotate(180deg);
}

.case-statistics-stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 12px;
  background: var(--cf-white);
  border-radius: 8px;
  border: 1px solid var(--cf-gray-100);
}
.case-statistics-stats .stat-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px solid var(--cf-legacy-nf5);
}
.case-statistics-stats .stat-row:last-child {
  border-bottom: none;
}
.case-statistics-stats .stat-row .stat-label {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--cf-ink);
}
.case-statistics-stats .stat-row .stat-value {
  font-size: 16px;
  font-weight: 600;
  color: var(--cf-purple-600);
  min-width: 40px;
  text-align: right;
}

.case-statistics-error {
  color: var(--cf-alert-500);
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
}

.tippy-box[data-theme~=credit-usage-tooltip] {
  max-width: 400px !important;
}

.current-chat__input-stats-credit-cost,
.credit-usage-tooltip__credit-cost {
  font-weight: 600;
  color: var(--fg-status-success-strong);
}

.chat-propose-case-info-edit__diff {
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 13px;
  line-height: 1.5;
  background-color: #f6f8fa;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  overflow-x: auto;
  padding: 8px 0;
}

.diff-line {
  display: flex;
  padding: 0 8px;
  min-height: 20px;
}
.diff-line__marker {
  display: inline-block;
  width: 20px;
  text-align: center;
  user-select: none;
  flex-shrink: 0;
}
.diff-line__content {
  flex: 1;
  white-space: pre-wrap;
  word-break: break-word;
}
.diff-line--hunk-header {
  background-color: #e8f4f8;
  color: #0969da;
  font-weight: 600;
  padding: 4px 8px;
  margin: 4px 0;
}
.diff-line--addition {
  background-color: #ccffd8;
  color: #116329;
}
.diff-line--addition .diff-line__marker {
  color: #116329;
}
.diff-line--deletion {
  background-color: #ffd7d5;
  color: #82071e;
}
.diff-line--deletion .diff-line__marker {
  color: #82071e;
}
.diff-line--context {
  background-color: transparent;
  color: #1f2328;
}
.diff-line--context .diff-line__marker {
  color: #57606a;
}

.interactive-tool-card__diff-footer {
  display: flex;
  justify-content: flex-end;
  padding: 4px 8px 0;
}

.rendered-diff {
  font-size: 13px;
  color: #1f2328;
}
.rendered-diff__hunk {
  background-color: #e8f4f8;
  color: #0969da;
  font-weight: 600;
  padding: 4px 8px;
  margin: 4px 0;
  font-size: 12px;
}
.rendered-diff__seg {
  display: flex;
  gap: 4px;
  padding: 2px 8px;
}
.rendered-diff__seg--addition {
  background-color: #ccffd8;
}
.rendered-diff__seg--deletion {
  background-color: #ffd7d5;
}
.rendered-diff__seg--context {
  background-color: transparent;
  color: #57606a;
}
.rendered-diff__marker {
  width: 12px;
  flex-shrink: 0;
  user-select: none;
  font-weight: 700;
  line-height: 1.5;
}
.rendered-diff__body {
  flex: 1;
  min-width: 0;
}
.rendered-diff__body :first-child {
  margin-top: 0;
}
.rendered-diff__body :last-child {
  margin-bottom: 0;
}

.case-info-proposal-border {
  background: linear-gradient(90deg, var(--cf-purple-600) 35.88%, var(--cf-warning-500) 64.12%);
  border-radius: 8px;
  padding: 2px;
  margin: 16px 0;
  box-shadow: 0 2px 8px rgba(108, 92, 231, 0.15);
}

.case-info-proposal {
  background: var(--cf-white);
  border-radius: 6px;
}
.case-info-proposal__header {
  position: sticky;
  top: 0;
  background: linear-gradient(90deg, var(--cf-purple-600) 35.88%, var(--cf-warning-500) 64.12%);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
}
.case-info-proposal__title {
  font-size: 16px;
  font-weight: 600;
  color: white;
  letter-spacing: 0.01em;
}
.case-info-proposal__apply-btn {
  background-color: var(--cf-white) !important;
  color: #6c5ce7 !important;
  border: none !important;
  font-weight: 600;
  padding: 8px 20px;
  transition: background-color 0.2s ease;
  position: relative;
}
.case-info-proposal__apply-btn:hover:not(:disabled) {
  background-color: var(--cf-legacy-tint-lavender) !important;
}
.case-info-proposal__apply-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.case-info-proposal__apply-btn-loading {
  display: none;
}
.case-info-proposal__apply-btn-text {
  display: inline;
}
.case-info-proposal__content {
  padding: 24px;
  background-color: var(--cf-white);
  color: var(--cf-legacy-gunmetal);
  line-height: 1.6;
  border-radius: 0 0 6px 6px;
}
.case-info-proposal__content h1,
.case-info-proposal__content h2,
.case-info-proposal__content .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .case-info-proposal__content h4,
.case-info-proposal__content h3,
.case-info-proposal__content .alerts ul li,
.alerts ul .case-info-proposal__content li,
.case-info-proposal__content h4,
.case-info-proposal__content h5,
.case-info-proposal__content h6 {
  margin-top: 24px;
  margin-bottom: 12px;
  font-weight: 600;
}
.case-info-proposal__content h1:first-child,
.case-info-proposal__content h2:first-child,
.case-info-proposal__content .calendar-list-item li:first-child h4:first-child,
.calendar-list-item li:first-child .case-info-proposal__content h4:first-child,
.case-info-proposal__content h3:first-child,
.case-info-proposal__content .alerts ul li:first-child,
.alerts ul .case-info-proposal__content li:first-child,
.case-info-proposal__content h4:first-child,
.case-info-proposal__content h5:first-child,
.case-info-proposal__content h6:first-child {
  margin-top: 0;
}
.case-info-proposal__content p {
  margin-bottom: 12px;
}
.case-info-proposal__content ul,
.case-info-proposal__content ol {
  margin-bottom: 12px;
  padding-left: 24px;
}
.case-info-proposal__content li {
  margin-bottom: 6px;
}
.case-info-proposal__content strong {
  font-weight: 600;
}
.case-info-proposal__content code {
  background-color: var(--cf-legacy-tint-purple);
  color: #6c5ce7;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.9em;
}
.case-info-proposal__content pre {
  background-color: var(--cf-legacy-tint-purple);
  padding: 16px;
  border-radius: 6px;
  overflow-x: auto;
  margin-bottom: 12px;
}
.case-info-proposal__content blockquote {
  border-left: 4px solid #e9e5ff;
  padding-left: 16px;
  margin-left: 0;
  color: var(--cf-legacy-purple-text);
  font-style: italic;
}

.chat-manager__current--llm-thinking .case-info-proposal__apply-btn {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}
.chat-manager__current--llm-thinking .case-info-proposal__apply-btn-loading {
  display: inline;
}
.chat-manager__current--llm-thinking .case-info-proposal__apply-btn-text {
  display: none;
}

.chat-conversation__case-name {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--chat-fg-case-name);
  margin-bottom: 8px;
  text-align: center;
}

.chat-conversation__change-case {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 500;
}

.chat-conversation__case-stats {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}

.chat-conversation__case-stat {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16;
  color: var(--cf-legacy-naa);
  line-height: 1.3;
}
.chat-conversation__case-stat .link-btn.btn--small, .chat-conversation__case-stat .list-column .list-column__row a.btn--small.download-btn.right, .list-column .list-column__row .chat-conversation__case-stat a.btn--small.download-btn.right, .chat-conversation__case-stat .link-btn.pill, .chat-conversation__case-stat .list-column .list-column__row a.pill.download-btn.right, .list-column .list-column__row .chat-conversation__case-stat a.pill.download-btn.right, .chat-conversation__case-stat .link-btn.source-tag-pill, .chat-conversation__case-stat .list-column .list-column__row a.source-tag-pill.download-btn.right, .list-column .list-column__row .chat-conversation__case-stat a.source-tag-pill.download-btn.right {
  height: 16px;
  margin-right: 0;
}

.chat-conversation__case-stat-label {
  display: flex;
  align-items: center;
  gap: 4px;
}

.chat-conversation__case-stat-indicator--complete {
  color: #4caf50;
  font-size: 10px;
  line-height: 1;
}

.chat-conversation__case-stat-indicator--incomplete {
  color: rgb(215, 0, 0);
  font-size: 10px;
  line-height: 1;
}

.chat-conversation__case-stat-disabled {
  color: var(--cf-legacy-nbb);
  cursor: not-allowed;
  font-size: 13px;
}

.chat-conversation__case-stat-info {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
  color: var(--cf-legacy-n99);
}
.chat-conversation__case-stat-info svg {
  width: 14px;
  height: 14px;
}

.chat-input__textarea {
  max-height: 43vh;
  overflow-y: auto !important;
}

.chat-proposed-fact__citation-source {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-proposed-fact__citations-section .collapsible__content {
  overflow: hidden;
}

.web-search-results-collapsible {
  min-width: 0;
  overflow: hidden;
}
.web-search-results-collapsible .tool-result-block__icon {
  display: flex;
  align-items: center;
}
.web-search-results-collapsible .collapsible__title {
  display: flex;
  align-items: center;
}
.web-search-results-collapsible .collapsible__content {
  overflow: hidden;
}

.tool-result-block--web-search .tool-result-block__text {
  min-width: 0;
  overflow: hidden;
}

.query-case-data__details {
  display: inline;
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 0.85em;
  background-color: rgba(94, 61, 187, 0.08);
  padding: 2px 6px;
  border-radius: 4px;
  color: var(--cf-purple-600);
  font-weight: 500;
}

.query-case-data-accumulation__list,
.query-case-data-result-accumulation__list {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}
.query-case-data-accumulation__list li,
.query-case-data-result-accumulation__list li {
  color: var(--cf-purple-600);
  font-size: 13px;
  padding: 2px 0;
  font-weight: 500;
}

.casey-onboarding-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 28px 16px 12px;
  text-align: center;
}

.casey-onboarding-hero__mark {
  display: inline-flex;
  line-height: 0;
}

.casey-onboarding-hero__title {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  color: var(--cf-ink);
}

.draft-citation-quote-skeleton {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 3px 0;
  min-width: 180px;
}
.draft-citation-quote-skeleton__line {
  display: block;
  height: 10px;
  border-radius: var(--radius-md);
  background: rgb(from var(--cf-gray-300) r g b/65%);
  animation: draft-citation-quote-skeleton-pulse 1.2s ease-in-out infinite;
}
.draft-citation-quote-skeleton__line--short {
  width: 60%;
}
@media (prefers-reduced-motion: reduce) {
  .draft-citation-quote-skeleton__line {
    animation: none;
  }
}

@keyframes draft-citation-quote-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
.chat-case-explorer {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--cf-white);
  border-left: var(--border-width) solid var(--cf-gray-300);
}

.chat-case-explorer-facts {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.chat-case-explorer-facts__header {
  padding: 1rem 1.5rem;
  border-bottom: var(--border-width) solid var(--cf-gray-300);
  background: var(--cf-white);
}
.chat-case-explorer-facts__header h3, .chat-case-explorer-facts__header .alerts ul li, .alerts ul .chat-case-explorer-facts__header li {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--cf-gray-800);
}

.chat-case-explorer-facts__content {
  flex: 1;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.chat-case-explorer-facts__content .fact-timeline {
  flex: 1;
  overflow: auto;
  max-width: none;
  margin: 0;
}
.chat-case-explorer-facts__content .fact-timeline .fact-timeline__content {
  padding: 8px;
}

.chat-case-explorer-facts__loading,
.chat-case-explorer-facts__empty,
.chat-case-explorer-facts__error {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  color: var(--fg-neutral-light);
  font-size: 14px;
  text-align: center;
}

.chat-case-explorer-facts__error {
  color: var(--error-color);
}

/*
  Chat::ChatManager docked surface. The chat sits in one resizable panel; the app
  content fills the other. Mirrors the `.resizable:has(.fly-out)` stretch pattern
  in resizable.scss so the resizable fills its slot.
*/
.embedded-chat-content {
  flex: 1;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

.resizable.embedded-chat-resizable {
  flex: 1;
  min-width: 0;
  height: 100%;
  align-items: stretch;
}
.resizable.embedded-chat-resizable > .resizable-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.chat-manager--embedded {
  height: 100%;
}

/* The divider sits between the chat and the case content — so it flips sides
   with the panel: on the right of the chat when docked left, on the left when
   docked right. */
.embedded-chat-resizable--left .chat-manager--embedded {
  border-right: 1px solid var(--cf-gray-100);
}

.embedded-chat-resizable--right .chat-manager--embedded {
  border-left: 1px solid var(--cf-gray-100);
}

.style-guide__top-bar {
  height: var(--top-bar-height);
  background-color: var(--cf-white);
  color: var(--cf-ink);
  border-bottom: 1px solid var(--cf-gray-100);
  display: flex;
  align-items: center;
}
.style-guide__top-bar .app-top-bar-v2__toggle-new-design {
  margin-left: 64px;
  background: none;
  height: 26px;
  border: none;
}
.style-guide__top-bar .app-top-bar-v2__toggle-new-design svg path {
  fill: var(--cf-ink);
}

.style-guide__section--filter-builder .saved-views__view-controls-wrap {
  width: unset;
  position: relative;
}

.style-guide__section--top-bar .app-top-bar-v2, .style-guide__section--top-bar .app-top-bar-v2--staff {
  position: relative;
}

.style-guide__wrap {
  overflow-y: scroll;
  max-height: 100%;
  height: 100%;
  padding-bottom: 120px;
}

.style-guide__toggle-wrap {
  width: 100%;
  text-align: center;
}

button.style-guide__toggle {
  margin: auto;
}

.style-guide {
  padding: 16px;
  margin: auto;
}
.style-guide > .style-guide__section {
  max-width: 1200px;
  margin: 16px auto;
}
.style-guide > .style-guide__section.style-guide__section--wide {
  max-width: unset;
  margin: 40px auto;
}

.style-guide__section-header {
  color: var(--cf-ink);
  font-size: 20px;
  font-size: 1.25em;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 16px;
}

.style-guide__section {
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md);
  padding: 16px;
}
.style-guide__section.style-guide__section--gray-bg {
  background-color: var(--cf-off-white);
}
.style-guide__section .nanobar-container .bar {
  height: 100%;
}

.style-guide__subsection {
  margin-bottom: 16px;
}
.style-guide__subsection .style-guide__subsection-header {
  font-weight: 500;
  margin-bottom: 16px;
}

.style-guide__section__form-wrap {
  background-color: var(--cf-legacy-modal-overlay) !important;
  padding: 40px 16px;
  border-radius: var(--radius-md);
  position: relative !important;
}

.style-guide__section--alerts .alerts {
  position: relative;
}

.style-guide__section__swatches {
  display: flex;
  flex-wrap: wrap;
}

.style-guide__section__swatch {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border: 1px solid var(--cf-gray-300);
  margin-right: 16px;
  padding: 12px;
  text-align: center;
}
.style-guide__section__swatch.style-guide__section__swatch--accent-color {
  background-color: var(--cf-purple-600);
  border: none;
  color: var(--cf-white);
}
.style-guide__section__swatch.style-guide__section__swatch--accent-color-hover {
  background-color: var(--cf-purple-700);
  border: none;
  color: var(--cf-white);
}
.style-guide__section__swatch.style-guide__section__swatch--borders {
  border-radius: var(--radius-md);
  border-width: var(--border-width);
}
.style-guide__section__swatch.style-guide__section__swatch--sidebar {
  background-color: var(--cf-lilac-tint);
  color: var(--cf-ink);
}

.style-guide__section--viewer .document-viewer-container-v2 {
  width: 100%;
  height: 1000px;
  position: relative;
}
.style-guide__section--viewer .document-viewer-container-v2 .document-viewer-main-content {
  width: 100%;
}
.style-guide__section--viewer .viewer-middle-content--paged-v3 .page-v3-content-wrap {
  max-width: 100%;
  width: 100%;
}

.style-guide__section--source-buttons .source-cta {
  align-items: start;
  float: unset;
  justify-content: unset;
}

.stories-container {
  display: flex;
  height: 100vh;
  width: 100%;
}

.stories-sidebar {
  width: 300px;
  background-color: var(--cf-legacy-nf5);
  border-right: 1px solid var(--cf-legacy-ne0);
  overflow-y: auto;
  padding: 16px;
}

.stories-sidebar-title {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 600;
}

.stories-tree-container {
  display: flex;
  flex-direction: column;
}

.stories-tree-node {
  display: flex;
  flex-direction: column;
}

.stories-folder {
  display: flex;
  flex-direction: column;
  margin: 1px 0;
}

.stories-folder strong {
  padding: 3px 0;
  font-size: 14px;
  color: var(--cf-legacy-n66);
  text-transform: capitalize;
  font-weight: 600;
}

.stories-button {
  display: block;
  padding: 4px 16px 4px 100vw;
  margin: 0;
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  border-radius: 0;
  font-size: 14px;
  color: var(--chat-fg-case-name);
  text-decoration: none;
  transition: background-color 0.2s;
  margin-left: -100vw;
  margin-right: -16px;
}

.stories-button:hover {
  background-color: var(--cf-legacy-ne8);
  text-decoration: none;
}

.stories-button.selected,
.stories-button.active {
  background-color: #007bff;
  color: white;
}

.stories-main-pane {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.stories-content-wrapper {
  flex: 1;
  overflow-y: auto;
  padding: 32px;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}

.stories-header {
  margin-bottom: 24px;
  border-bottom: 1px solid var(--cf-legacy-ne0);
  padding-bottom: 16px;
}

.stories-header h1 {
  font-size: 28px;
  font-weight: 600;
}

.stories-content {
  padding: 16px 0;
  flex: 1;
  overflow: auto;
}

.stories-error {
  padding: 16px;
  background-color: #fee;
  border: 1px solid #fcc;
  border-radius: 4px;
  color: #c00;
}

.stories-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 32px;
}

.stories-empty-state-content {
  max-width: 600px;
  text-align: center;
}

.stories-empty-state-content h2, .stories-empty-state-content .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .stories-empty-state-content h4 {
  margin: 0 0 16px;
  font-size: 32px;
  font-weight: 600;
  color: var(--chat-fg-case-name);
}

.stories-empty-state-content p {
  margin: 0 0 24px;
  font-size: 16px;
  color: var(--cf-legacy-n66);
  line-height: 1.6;
}

.stories-empty-state-content code {
  background-color: var(--cf-legacy-nf5);
  padding: 2px 6px;
  border-radius: 3px;
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 14px;
  color: var(--cf-legacy-crimson);
}

.stories-console {
  height: 100%;
  border-top: 2px solid var(--cf-legacy-ne0);
  background-color: var(--cf-legacy-nf8);
  display: flex;
  flex-shrink: 0;
  transition: height 0.3s ease;
  position: relative;
}

.stories-console--collapsed {
  height: auto;
}

.stories-console-status-bar {
  width: 100%;
  padding: 8px 16px;
  background-color: var(--cf-legacy-nf0);
  border-top: 1px solid var(--cf-legacy-nd0);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s;
  height: 40px;
}

.stories-console-status-bar:hover {
  background-color: var(--cf-legacy-ne8);
}

.stories-console-status-info {
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 12px;
  color: var(--cf-legacy-n66);
  justify-content: space-between;
  flex: 1;
}

.stories-console-status-item {
  display: flex;
  gap: 8px;
  align-items: center;
}

.stories-console-latest-log {
  animation: fade-in-up 0.4s ease;
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.stories-console-status-expand-icon {
  color: var(--cf-legacy-n99);
  font-size: 10px;
}

.stories-console-header-bar {
  padding: 8px 16px;
  background-color: var(--cf-legacy-ne8);
  border-bottom: 1px solid var(--cf-legacy-nd0);
}

.stories-console-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--chat-fg-case-name);
}

.stories-console-collapse-button {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: none;
  color: var(--cf-legacy-n99);
  font-size: 10px;
  cursor: pointer;
  padding: 8px 16px;
  transition: all 0.2s;
  z-index: 10;
  height: 32px;
  border-radius: 0;
}

.stories-console-collapse-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--cf-legacy-n66);
}

.stories-console-content-wrapper {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.stories-console-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.stories-console-panel + .stories-console-panel {
  border-left: 1px solid var(--cf-legacy-nd0);
}

.stories-console-section-header {
  padding: 8px 16px;
  background-color: var(--cf-legacy-nf0);
  border-bottom: 1px solid var(--cf-legacy-nd0);
  color: var(--cf-legacy-n55);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.stories-console-content {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}

.stories-controls-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.stories-control-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.stories-control-item--checkbox {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.stories-control-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--chat-fg-case-name) !important;
}

.stories-control-input,
.stories-control-select {
  padding: 0 8px;
  border: 1px solid var(--cf-legacy-ncc);
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  background-color: var(--cf-white);
  color: var(--cf-legacy-n66);
  line-height: 40px;
  height: 40px;
  transition: border-color 0.2s;
}

.stories-control-input:focus,
.stories-control-select:focus {
  outline: none;
  border-color: #007acc;
}

.stories-control-checkbox {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.stories-actions-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.stories-action-button {
  padding: 8px 12px;
  background-color: #0e7aca;
  color: white;
  border: none;
  border-radius: 2px;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: left;
}

.stories-action-button:hover {
  background-color: #1e8ad6;
}

.stories-action-button:active {
  background-color: #0969b8;
}

.stories-log {
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 12px;
  line-height: 1.5;
  color: var(--chat-fg-case-name);
}

.stories-log-entry {
  padding: 4px 0;
  border-bottom: 1px solid var(--cf-legacy-ne0);
}

.stories-log-entry:last-child {
  border-bottom: none;
}

.stories-log-timestamp {
  color: var(--cf-legacy-n99);
  margin-right: 8px;
}

.stories-log-action {
  color: #0969da;
  margin-right: 8px;
  font-weight: 600;
}

.stories-log-result {
  color: #cf222e;
}

.stories-main-and-console {
  flex: 1;
}

.route--component-stories-index .top-left-app-logo,
.route--component-stories-story .top-left-app-logo {
  display: none;
}

.usage-section {
  max-width: 800px;
}
.usage-section .usage-section__header {
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 18px;
  font-size: 1.125em;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.usage-section .usage-section__callout {
  color: var(--cf-legacy-ash);
  font-style: italic;
  margin-bottom: 16px;
}
.usage-section {
  margin-bottom: 32px;
}
.usage-section:not(:last-child) {
  border-bottom: 1px solid var(--cf-gray-300);
  padding-bottom: 32px;
}
.usage-section button.firm-usage-opt-in-toggle.disabled svg {
  opacity: 0.5;
}

.usage-bar {
  width: 240px;
  height: 16px;
  background-color: var(--cf-gray-100);
  border-radius: 8px;
  overflow: hidden;
}
.usage-bar .usage-bar__progress {
  height: 16px;
}

.case-usage .case-usage__download {
  margin-right: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.plan-usage__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.plan-usage__heading h2, .plan-usage__heading .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .plan-usage__heading h4 {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
}
.plan-usage__heading .plan-usage__period {
  color: var(--cf-legacy-n8a);
  font-weight: 400;
  font-size: 14px;
}
.plan-usage__heading .plan-usage__view-details {
  color: var(--cf-purple-600);
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}
.plan-usage__heading .plan-usage__view-details:hover {
  text-decoration: underline;
}

.plan-usage .plan-usage__loading {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: var(--cf-legacy-n8a);
  min-height: 120px;
}
.plan-usage .plan-usage__loading__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.plan-usage .plan-usage__loading__text strong {
  color: var(--cf-legacy-n11);
  font-weight: 600;
}
.plan-usage .plan-usage__loading__text span {
  font-size: 13px;
}
.plan-usage .plan-usage__error {
  padding: 24px;
  text-align: center;
  color: var(--cf-legacy-n8a);
}
.plan-usage .plan-usage__tiles {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0;
  border: 1px solid var(--cf-gray-300);
  border-radius: 8px;
  background: var(--cf-white);
  overflow: hidden;
}
@media (max-width: 1100px) {
  .plan-usage .plan-usage__tiles {
    grid-auto-flow: row;
    grid-auto-columns: auto;
  }
}

.plan-usage-tile {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-right: 1px solid var(--cf-gray-300);
}
.plan-usage-tile:last-child {
  border-right: none;
}
.plan-usage-tile--storage {
  background-color: var(--cf-lilac-tint);
}
.plan-usage-tile--storage .plan-usage-tile__bar--empty {
  order: 1;
}
@media (max-width: 1100px) {
  .plan-usage-tile {
    border-right: none;
    border-bottom: 1px solid var(--cf-gray-300);
  }
  .plan-usage-tile:last-child {
    border-bottom: none;
  }
}

.plan-usage-tile__label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--cf-legacy-n6b);
  font-weight: 500;
}

.plan-usage-tile__icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  color: var(--cf-legacy-n6b);
}
.plan-usage-tile__icon svg {
  width: 16px;
  height: 16px;
  filter: grayscale(100%);
}

.plan-usage-tile__value {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: auto;
}
.plan-usage-tile__value strong {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--cf-legacy-n11);
}

.plan-usage-tile__unit {
  font-size: 14px;
  font-weight: 500;
  color: var(--cf-legacy-n8a);
  margin-left: -2px;
}

.plan-usage-tile__overage {
  font-size: 13px;
  font-weight: 500;
  color: var(--cf-purple-600);
}

.plan-usage-tile__bar {
  height: 4px;
  background-color: var(--cf-gray-100);
  border-radius: 2px;
  overflow: hidden;
  display: flex;
}
.plan-usage-tile__bar--empty {
  visibility: hidden;
}

.plan-usage-tile__bar__fill {
  height: 100%;
  background-color: var(--cf-purple-400);
  transition: width 200ms ease-out;
}

.plan-usage-tile__bar__excess {
  height: 100%;
  background-color: var(--cf-purple-600);
  transition: width 200ms ease-out;
}

.plan-usage-tile__caption {
  font-size: 12px;
  color: var(--cf-legacy-n8a);
}

.design-2024 .video-wrapper .video-player-controls {
  background-color: var(--cf-white);
  color: var(--cf-ink);
}
.design-2024 .video-wrapper .video-player-controls .danger-btn {
  background-color: var(--cf-gray-100);
  color: var(--cf-ink);
}

.video-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.video-wrapper video {
  flex: 1;
  min-height: 0;
  min-width: 0;
  cursor: pointer;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.video-wrapper .audio-play-pause-indicator {
  position: absolute;
  top: calc(50vh - 60px);
  color: var(--cf-legacy-ash-light);
}
.video-wrapper .audio-play-pause-indicator svg {
  width: 75px;
  height: 75px;
  fill: currentcolor;
}
.video-wrapper .video-player-controls {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  gap: 6px;
  width: 100%;
  flex-direction: row;
  list-style: none;
  min-height: 51px;
  padding: 13px 12px 12px;
  background-color: var(--cf-legacy-thunderstorm);
  position: relative;
  margin-top: auto;
}
.video-wrapper .video-player-controls .primary-btn svg path:not([fill=none]),
.video-wrapper .video-player-controls .submit-btn svg path:not([fill=none]) {
  fill: white !important;
}
.video-wrapper .video-player-controls .video-meta {
  color: var(--cf-legacy-ash-light);
  font-size: 14px;
  font-size: 0.875em;
  transform: translateY(2px);
  width: max-content;
}
.video-wrapper .video-player-controls .av-progress {
  position: absolute;
  left: 0;
  transform: translateY(-25px);
  width: 100%;
  height: 12px;
  min-width: 80px;
  cursor: pointer;
  background-color: var(--cf-legacy-ash-dark);
  flex-grow: 1;
}
.video-wrapper .video-player-controls .av-progress .av-progress__current {
  background-color: var(--cf-legacy-ash-light);
  height: 12px;
}
.video-wrapper .video-player-controls .video-player-controls__volume-slider {
  width: 250px;
}

.app-toggle {
  display: flex;
  flex-direction: row;
  margin-left: calc(var(--primary-nav-width) + 16px);
  align-items: center;
}
.app-toggle.has-standard-features {
  margin-right: 140px;
}
.app-toggle.app-toggle--has-multiple-firms {
  margin-right: 140px;
}
.app-toggle > h3, .alerts ul .app-toggle > li {
  font-size: 15px;
  color: var(--cf-ink);
  letter-spacing: 0;
  cursor: pointer;
  font-weight: 600;
  display: inline-block;
  line-height: calc(var(--top-bar-height) * 0.75);
  height: calc(var(--top-bar-height) * 0.75);
  padding: 0 16px;
  border-radius: var(--radius-md);
}
.app-toggle > h3.app-toggle__timelines-only, .alerts ul .app-toggle > li.app-toggle__timelines-only {
  cursor: default;
}
.app-toggle > h3.active, .alerts ul .app-toggle > li.active {
  background-color: var(--cf-white);
  text-decoration: var(--top-bar-toggle-active-decoration);
}

.design-2024 .app-toggle > h3, .design-2024 .alerts ul .app-toggle > li, .alerts ul .design-2024 .app-toggle > li {
  height: calc(var(--top-bar-height) - 1px);
  line-height: calc(var(--top-bar-height) - 1px);
  padding: 0 12px;
  border-radius: 0;
}
.design-2024 .app-toggle > h3.active, .design-2024 .alerts ul .app-toggle > li.active, .alerts ul .design-2024 .app-toggle > li.active {
  border-bottom: 2px solid var(--cf-purple-600);
}

.theme-switcher {
  display: flex;
  gap: 2px;
  width: 100%;
  padding: 2px;
  background: var(--cf-off-white);
  border: var(--border-width) solid var(--cf-gray-100);
  border-radius: var(--radius-md);
}
.theme-switcher__option {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: auto;
  padding: 6px 4px;
  border: none;
  background: transparent;
  box-shadow: none;
  border-radius: var(--radius-sm);
  color: var(--cf-gray-600);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
}
.theme-switcher__option:hover {
  background: var(--cf-white);
  color: var(--cf-ink);
  border: none;
}
.theme-switcher__option:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.theme-switcher__option--selected, .theme-switcher__option--selected:hover {
  background: var(--cf-white);
  color: var(--fg-action-link-primary-default);
  box-shadow: var(--shadow-subtle);
}
.theme-switcher__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-switcher__icon svg {
  width: 18px;
  height: 18px;
}
.theme-switcher__icon svg [fill]:not([fill=none]),
.theme-switcher__icon svg path.filled {
  fill: currentcolor;
}

.menu .menu-item--theme-switcher {
  display: block;
  padding: 4px 8px 8px;
  cursor: default;
}
.menu .menu-item--theme-switcher:hover, .menu .menu-item--theme-switcher:focus {
  background-color: transparent;
}
.menu .menu__section-label {
  padding: 6px 8px 2px;
  color: var(--cf-gray-600);
  font-size: var(--label-size);
  font-weight: var(--label-weight);
  line-height: var(--label-lh);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.animated-ellipsis {
  display: inline-block;
}
.animated-ellipsis .animated-ellipsis__dot_1 {
  opacity: 0;
  animation: ellipsis-in-out-1 2s infinite;
}
.animated-ellipsis .animated-ellipsis__dot_2 {
  opacity: 0;
  animation: ellipsis-in-out-2 2s infinite;
}
.animated-ellipsis .animated-ellipsis__dot_3 {
  opacity: 0;
  animation: ellipsis-in-out-3 2s infinite;
}

@keyframes ellipsis-in-out-1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ellipsis-in-out-2 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ellipsis-in-out-3 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  65% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.cards-container {
  display: flex;
  flex-flow: row wrap;
}

.card, .search-pane .search-pane__hits-wrap .search-hit, .contact-card, .tippy-box[data-theme~=popover], .tippy-box[data-theme~=tippy--interactive] {
  border: 1px solid var(--cf-gray-300);
  box-shadow: var(--card-box-shadow);
  border-radius: var(--radius-md);
  margin-bottom: 10px;
  background-color: var(--cf-white);
  padding: 12px;
  overflow: hidden;
}
.card hr, .search-pane .search-pane__hits-wrap .search-hit hr, .contact-card hr, .tippy-box[data-theme~=popover] hr, .tippy-box[data-theme~=tippy--interactive] hr {
  height: 1px;
  background: var(--cf-gray-100);
  margin: 0;
  margin-bottom: 4px;
  border-style: none;
}
.card > div:not(:last-of-type), .search-pane .search-pane__hits-wrap .search-hit > div:not(:last-of-type), .contact-card > div:not(:last-of-type), .tippy-box[data-theme~=popover] > div:not(:last-of-type), .tippy-box[data-theme~=tippy--interactive] > div:not(:last-of-type) {
  margin-bottom: 16px;
}
.card > div.collapsible:not(:last-of-type), .search-pane .search-pane__hits-wrap .search-hit > div.collapsible:not(:last-of-type), .contact-card > div.collapsible:not(:last-of-type), .tippy-box[data-theme~=popover] > div.collapsible:not(:last-of-type), .tippy-box[data-theme~=tippy--interactive] > div.collapsible:not(:last-of-type) {
  margin-bottom: 4px;
}
.card .card__toggle-expanded, .search-pane .search-pane__hits-wrap .search-hit .card__toggle-expanded, .contact-card .card__toggle-expanded, .tippy-box[data-theme~=popover] .card__toggle-expanded, .tippy-box[data-theme~=tippy--interactive] .card__toggle-expanded {
  border: none;
  position: absolute;
  right: 8px;
  background-color: var(--cf-white);
  z-index: 1;
  padding: 2px;
}
.card.card--collapsed, .search-pane .search-pane__hits-wrap .card--collapsed.search-hit, .card--collapsed.contact-card, .card--collapsed.tippy-box[data-theme~=popover], .card--collapsed.tippy-box[data-theme~=tippy--interactive] {
  padding: 8px;
}
.card.card--collapsed .card__title, .search-pane .search-pane__hits-wrap .card--collapsed.search-hit .card__title, .card--collapsed.contact-card .card__title, .card--collapsed.tippy-box[data-theme~=popover] .card__title, .card--collapsed.tippy-box[data-theme~=tippy--interactive] .card__title {
  margin-bottom: 0;
}
.card.card--collapsed .card__toggle-expanded, .search-pane .search-pane__hits-wrap .card--collapsed.search-hit .card__toggle-expanded, .card--collapsed.contact-card .card__toggle-expanded, .card--collapsed.tippy-box[data-theme~=popover] .card__toggle-expanded, .card--collapsed.tippy-box[data-theme~=tippy--interactive] .card__toggle-expanded {
  top: 50%;
  transform: translateY(-50%);
}
.card.card--expanded .card__toggle-expanded, .search-pane .search-pane__hits-wrap .card--expanded.search-hit .card__toggle-expanded, .card--expanded.contact-card .card__toggle-expanded, .card--expanded.tippy-box[data-theme~=popover] .card__toggle-expanded, .card--expanded.tippy-box[data-theme~=tippy--interactive] .card__toggle-expanded {
  top: 4px;
  transform: rotate(180deg);
}
.card .card__ripple, .search-pane .search-pane__hits-wrap .search-hit .card__ripple, .contact-card .card__ripple, .tippy-box[data-theme~=popover] .card__ripple, .tippy-box[data-theme~=tippy--interactive] .card__ripple {
  position: absolute;
  border-radius: 50%;
  height: 0;
  width: 0;
  background-color: rgb(from var(--cf-legacy-air) r g b/0%);
  z-index: 0;
  transition: height 0.4s, width 0.4s;
  transform: translate(-50%, -50%);
}
.card .card__ripple.card__ripple--rippling, .search-pane .search-pane__hits-wrap .search-hit .card__ripple.card__ripple--rippling, .contact-card .card__ripple.card__ripple--rippling, .tippy-box[data-theme~=popover] .card__ripple.card__ripple--rippling, .tippy-box[data-theme~=tippy--interactive] .card__ripple.card__ripple--rippling {
  transition: background-color 0;
  background-color: color-mix(in srgb, var(--cf-legacy-air), var(--cf-ink) 5.5%);
  height: 700px;
  width: 700px;
}
.card.card--clickable, form.citation-picker .card, .search-pane .search-pane__hits-wrap .card--clickable.search-hit, form.citation-picker .search-pane .search-pane__hits-wrap .search-hit, .search-pane .search-pane__hits-wrap form.citation-picker .search-hit, .card--clickable.contact-card, form.citation-picker .contact-card, .card--clickable.tippy-box[data-theme~=popover], form.citation-picker .tippy-box[data-theme~=popover], .card--clickable.tippy-box[data-theme~=tippy--interactive], form.citation-picker .tippy-box[data-theme~=tippy--interactive] {
  cursor: pointer;
  transition: background-color 0.3s, box-shadow 0.3s, border 0.3s;
}
.card.card--clickable:hover, form.citation-picker .card:hover, .search-pane .search-pane__hits-wrap .card--clickable.search-hit:hover, form.citation-picker .search-pane .search-pane__hits-wrap .search-hit:hover, .search-pane .search-pane__hits-wrap form.citation-picker .search-hit:hover, .card--clickable.contact-card:hover, form.citation-picker .contact-card:hover, .card--clickable.tippy-box[data-theme~=popover]:hover, form.citation-picker .tippy-box[data-theme~=popover]:hover, .card--clickable.tippy-box[data-theme~=tippy--interactive]:hover, form.citation-picker .tippy-box[data-theme~=tippy--interactive]:hover {
  box-shadow: var(--shadow-medium-dark) !important;
  border-color: color-mix(in srgb, var(--cf-legacy-dust), var(--cf-ink) 11.2%);
}
.card.card--standard, .search-pane .search-pane__hits-wrap .card--standard.search-hit, .card--standard.contact-card, .card--standard.tippy-box[data-theme~=popover], .card--standard.tippy-box[data-theme~=tippy--interactive] {
  position: relative;
  flex-grow: 0;
  height: auto;
  width: 320px;
  margin: 0 12px 12px 0;
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.card .card__header, .search-pane .search-pane__hits-wrap .search-hit .card__header, .contact-card .card__header, .tippy-box[data-theme~=popover] .card__header, .tippy-box[data-theme~=tippy--interactive] .card__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--cf-gray-300);
}
.card .card__title, .search-pane .search-pane__hits-wrap .search-hit .card__title, .contact-card .card__title, .tippy-box[data-theme~=popover] .card__title, .tippy-box[data-theme~=tippy--interactive] .card__title {
  font-size: 1.1em;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  white-space: nowrap;
  width: 268px;
  line-height: 1.4;
  padding-bottom: 0.15em;
  overflow-x: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
  z-index: 1;
}
.card .card__title a:not(.button--component), .search-pane .search-pane__hits-wrap .search-hit .card__title a:not(.button--component), .contact-card .card__title a:not(.button--component), .tippy-box[data-theme~=popover] .card__title a:not(.button--component), .tippy-box[data-theme~=tippy--interactive] .card__title a:not(.button--component) {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  font-size: 1.1em;
}
.card .card__title__content, .search-pane .search-pane__hits-wrap .search-hit .card__title__content, .contact-card .card__title__content, .tippy-box[data-theme~=popover] .card__title__content, .tippy-box[data-theme~=tippy--interactive] .card__title__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.card .card__secondary-text, .search-pane .search-pane__hits-wrap .search-hit .card__secondary-text, .contact-card .card__secondary-text, .tippy-box[data-theme~=popover] .card__secondary-text, .tippy-box[data-theme~=tippy--interactive] .card__secondary-text,
.card .card__supporting-text,
.search-pane .search-pane__hits-wrap .search-hit .card__supporting-text,
.contact-card .card__supporting-text,
.tippy-box[data-theme~=popover] .card__supporting-text,
.tippy-box[data-theme~=tippy--interactive] .card__supporting-text {
  color: var(--cf-gray-800);
  font-size: 14px;
  font-size: 0.875em;
  z-index: 1;
}
.card .card__secondary-text a:not(.button--component), .search-pane .search-pane__hits-wrap .search-hit .card__secondary-text a:not(.button--component), .contact-card .card__secondary-text a:not(.button--component), .tippy-box[data-theme~=popover] .card__secondary-text a:not(.button--component), .tippy-box[data-theme~=tippy--interactive] .card__secondary-text a:not(.button--component),
.card .card__supporting-text a:not(.button--component),
.search-pane .search-pane__hits-wrap .search-hit .card__supporting-text a:not(.button--component),
.contact-card .card__supporting-text a:not(.button--component),
.tippy-box[data-theme~=popover] .card__supporting-text a:not(.button--component),
.tippy-box[data-theme~=tippy--interactive] .card__supporting-text a:not(.button--component) {
  color: var(--cf-legacy-ash);
  text-decoration: underline;
}
.card .card__secondary-text > div:not(:last-of-type), .search-pane .search-pane__hits-wrap .search-hit .card__secondary-text > div:not(:last-of-type), .contact-card .card__secondary-text > div:not(:last-of-type), .tippy-box[data-theme~=popover] .card__secondary-text > div:not(:last-of-type), .tippy-box[data-theme~=tippy--interactive] .card__secondary-text > div:not(:last-of-type),
.card .card__supporting-text > div:not(:last-of-type),
.search-pane .search-pane__hits-wrap .search-hit .card__supporting-text > div:not(:last-of-type),
.contact-card .card__supporting-text > div:not(:last-of-type),
.tippy-box[data-theme~=popover] .card__supporting-text > div:not(:last-of-type),
.tippy-box[data-theme~=tippy--interactive] .card__supporting-text > div:not(:last-of-type) {
  margin-bottom: 16px;
}
.card .card__secondary-text, .search-pane .search-pane__hits-wrap .search-hit .card__secondary-text, .contact-card .card__secondary-text, .tippy-box[data-theme~=popover] .card__secondary-text, .tippy-box[data-theme~=tippy--interactive] .card__secondary-text {
  margin-bottom: 16px;
}
.card.card--highlighted, .search-pane .search-pane__hits-wrap .card--highlighted.search-hit, .card--highlighted.contact-card, .card--highlighted.tippy-box[data-theme~=popover], .card--highlighted.tippy-box[data-theme~=tippy--interactive] {
  transition: background-color 0.1s;
  background-color: #dcf4ef;
}
.card.card--red, .search-pane .search-pane__hits-wrap .card--red.search-hit, .card--red.contact-card, .card--red.tippy-box[data-theme~=popover], .card--red.tippy-box[data-theme~=tippy--interactive] {
  background-color: rgba(242, 69, 69, 0.05);
}
.card.card--red .card__ripple--rippling, .search-pane .search-pane__hits-wrap .card--red.search-hit .card__ripple--rippling, .card--red.contact-card .card__ripple--rippling, .card--red.tippy-box[data-theme~=popover] .card__ripple--rippling, .card--red.tippy-box[data-theme~=tippy--interactive] .card__ripple--rippling {
  background-color: rgba(242, 69, 69, 0.1);
}
.card.card--red.card--clickable, form.citation-picker .card.card--red, .search-pane .search-pane__hits-wrap .card--red.card--clickable.search-hit, form.citation-picker .search-pane .search-pane__hits-wrap .card--red.search-hit, .search-pane .search-pane__hits-wrap form.citation-picker .card--red.search-hit, .card--red.card--clickable.contact-card, form.citation-picker .card--red.contact-card, .card--red.card--clickable.tippy-box[data-theme~=popover], form.citation-picker .card--red.tippy-box[data-theme~=popover], .card--red.card--clickable.tippy-box[data-theme~=tippy--interactive], form.citation-picker .card--red.tippy-box[data-theme~=tippy--interactive] {
  cursor: pointer;
  transition: background-color 0.3s, box-shadow 0.3s, border 0.3s;
}
.card.card--red.card--clickable:hover, form.citation-picker .card.card--red:hover, .search-pane .search-pane__hits-wrap .card--red.card--clickable.search-hit:hover, form.citation-picker .search-pane .search-pane__hits-wrap .card--red.search-hit:hover, .search-pane .search-pane__hits-wrap form.citation-picker .card--red.search-hit:hover, .card--red.card--clickable.contact-card:hover, form.citation-picker .card--red.contact-card:hover, .card--red.card--clickable.tippy-box[data-theme~=popover]:hover, form.citation-picker .card--red.tippy-box[data-theme~=popover]:hover, .card--red.card--clickable.tippy-box[data-theme~=tippy--interactive]:hover, form.citation-picker .card--red.tippy-box[data-theme~=tippy--interactive]:hover {
  background-color: rgba(242, 69, 69, 0.08);
  box-shadow: var(--shadow-medium-dark) !important;
}
.card.card--red .card__actions a, .search-pane .search-pane__hits-wrap .card--red.search-hit .card__actions a, .card--red.contact-card .card__actions a, .card--red.tippy-box[data-theme~=popover] .card__actions a, .card--red.tippy-box[data-theme~=tippy--interactive] .card__actions a,
.card.card--red .card__actions button:not(.button--component),
.search-pane .search-pane__hits-wrap .card--red.search-hit .card__actions button:not(.button--component),
.card--red.contact-card .card__actions button:not(.button--component),
.card--red.tippy-box[data-theme~=popover] .card__actions button:not(.button--component),
.card--red.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component) {
  background-color: var(--cf-alert-500, var(--cf-legacy-red));
}
.card.card--red .card__actions a:hover, .search-pane .search-pane__hits-wrap .card--red.search-hit .card__actions a:hover, .card--red.contact-card .card__actions a:hover, .card--red.tippy-box[data-theme~=popover] .card__actions a:hover, .card--red.tippy-box[data-theme~=tippy--interactive] .card__actions a:hover,
.card.card--red .card__actions button:not(.button--component):hover,
.search-pane .search-pane__hits-wrap .card--red.search-hit .card__actions button:not(.button--component):hover,
.card--red.contact-card .card__actions button:not(.button--component):hover,
.card--red.tippy-box[data-theme~=popover] .card__actions button:not(.button--component):hover,
.card--red.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component):hover {
  background-color: rgb(172.8, 36, 43.2);
}
.card.card--green, .search-pane .search-pane__hits-wrap .card--green.search-hit, .card--green.contact-card, .card--green.tippy-box[data-theme~=popover], .card--green.tippy-box[data-theme~=tippy--interactive] {
  background-color: rgba(79, 178, 77, 0.1);
}
.card.card--green .card__ripple--rippling, .search-pane .search-pane__hits-wrap .card--green.search-hit .card__ripple--rippling, .card--green.contact-card .card__ripple--rippling, .card--green.tippy-box[data-theme~=popover] .card__ripple--rippling, .card--green.tippy-box[data-theme~=tippy--interactive] .card__ripple--rippling {
  background-color: rgba(79, 178, 77, 0.2);
}
.card.card--green .card__actions a, .search-pane .search-pane__hits-wrap .card--green.search-hit .card__actions a, .card--green.contact-card .card__actions a, .card--green.tippy-box[data-theme~=popover] .card__actions a, .card--green.tippy-box[data-theme~=tippy--interactive] .card__actions a,
.card.card--green .card__actions button:not(.button--component),
.search-pane .search-pane__hits-wrap .card--green.search-hit .card__actions button:not(.button--component),
.card--green.contact-card .card__actions button:not(.button--component),
.card--green.tippy-box[data-theme~=popover] .card__actions button:not(.button--component),
.card--green.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component) {
  background-color: var(--green, #389636);
}
.card.card--green .card__actions a:hover, .search-pane .search-pane__hits-wrap .card--green.search-hit .card__actions a:hover, .card--green.contact-card .card__actions a:hover, .card--green.tippy-box[data-theme~=popover] .card__actions a:hover, .card--green.tippy-box[data-theme~=tippy--interactive] .card__actions a:hover,
.card.card--green .card__actions button:not(.button--component):hover,
.search-pane .search-pane__hits-wrap .card--green.search-hit .card__actions button:not(.button--component):hover,
.card--green.contact-card .card__actions button:not(.button--component):hover,
.card--green.tippy-box[data-theme~=popover] .card__actions button:not(.button--component):hover,
.card--green.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component):hover {
  background-color: rgb(50.4, 135, 48.6);
}
.card.card--green .card__toggle-complete svg path, .search-pane .search-pane__hits-wrap .card--green.search-hit .card__toggle-complete svg path, .card--green.contact-card .card__toggle-complete svg path, .card--green.tippy-box[data-theme~=popover] .card__toggle-complete svg path, .card--green.tippy-box[data-theme~=tippy--interactive] .card__toggle-complete svg path {
  fill: #389636;
}
.card.card--gray, .search-pane .search-pane__hits-wrap .card--gray.search-hit, .card--gray.contact-card, .card--gray.tippy-box[data-theme~=popover], .card--gray.tippy-box[data-theme~=tippy--interactive] {
  background-color: var(--cf-legacy-air);
}
.card .card__actions, .search-pane .search-pane__hits-wrap .search-hit .card__actions, .contact-card .card__actions, .tippy-box[data-theme~=popover] .card__actions, .tippy-box[data-theme~=tippy--interactive] .card__actions {
  margin-top: auto;
  text-align: right;
}
.card .card__actions.card__actions--entities, .search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities, .contact-card .card__actions.card__actions--entities, .tippy-box[data-theme~=popover] .card__actions.card__actions--entities, .tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
}
.card .card__actions.card__actions--entities a, .search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities a, .contact-card .card__actions.card__actions--entities a, .tippy-box[data-theme~=popover] .card__actions.card__actions--entities a, .tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities a,
.card .card__actions.card__actions--entities button:not(.button--component),
.search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities button:not(.button--component),
.contact-card .card__actions.card__actions--entities button:not(.button--component),
.tippy-box[data-theme~=popover] .card__actions.card__actions--entities button:not(.button--component),
.tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities button:not(.button--component) {
  height: 36px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.card .card__actions.card__actions--entities a.entity-prev-next, .search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities a.entity-prev-next, .contact-card .card__actions.card__actions--entities a.entity-prev-next, .tippy-box[data-theme~=popover] .card__actions.card__actions--entities a.entity-prev-next, .tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities a.entity-prev-next,
.card .card__actions.card__actions--entities button:not(.button--component).entity-prev-next,
.search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities button:not(.button--component).entity-prev-next,
.contact-card .card__actions.card__actions--entities button:not(.button--component).entity-prev-next,
.tippy-box[data-theme~=popover] .card__actions.card__actions--entities button:not(.button--component).entity-prev-next,
.tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities button:not(.button--component).entity-prev-next {
  border-radius: 4px;
  height: 36px;
  padding: 8px;
}
.card .card__actions.card__actions--entities a.entity-prev-next:disabled, .search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities a.entity-prev-next:disabled, .contact-card .card__actions.card__actions--entities a.entity-prev-next:disabled, .tippy-box[data-theme~=popover] .card__actions.card__actions--entities a.entity-prev-next:disabled, .tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities a.entity-prev-next:disabled,
.card .card__actions.card__actions--entities button:not(.button--component).entity-prev-next:disabled,
.search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities button:not(.button--component).entity-prev-next:disabled,
.contact-card .card__actions.card__actions--entities button:not(.button--component).entity-prev-next:disabled,
.tippy-box[data-theme~=popover] .card__actions.card__actions--entities button:not(.button--component).entity-prev-next:disabled,
.tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities button:not(.button--component).entity-prev-next:disabled {
  opacity: 0.5;
}
.card .card__actions.card__actions--entities a.entity-prev-next.entity-prev-next--prev, .search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities a.entity-prev-next.entity-prev-next--prev, .contact-card .card__actions.card__actions--entities a.entity-prev-next.entity-prev-next--prev, .tippy-box[data-theme~=popover] .card__actions.card__actions--entities a.entity-prev-next.entity-prev-next--prev, .tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities a.entity-prev-next.entity-prev-next--prev,
.card .card__actions.card__actions--entities button:not(.button--component).entity-prev-next.entity-prev-next--prev,
.search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities button:not(.button--component).entity-prev-next.entity-prev-next--prev,
.contact-card .card__actions.card__actions--entities button:not(.button--component).entity-prev-next.entity-prev-next--prev,
.tippy-box[data-theme~=popover] .card__actions.card__actions--entities button:not(.button--component).entity-prev-next.entity-prev-next--prev,
.tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities button:not(.button--component).entity-prev-next.entity-prev-next--prev {
  margin-right: 2px;
}
.card .card__actions.card__actions--entities a.entity-prev-next svg path, .search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities a.entity-prev-next svg path, .contact-card .card__actions.card__actions--entities a.entity-prev-next svg path, .tippy-box[data-theme~=popover] .card__actions.card__actions--entities a.entity-prev-next svg path, .tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities a.entity-prev-next svg path,
.card .card__actions.card__actions--entities button:not(.button--component).entity-prev-next svg path,
.search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities button:not(.button--component).entity-prev-next svg path,
.contact-card .card__actions.card__actions--entities button:not(.button--component).entity-prev-next svg path,
.tippy-box[data-theme~=popover] .card__actions.card__actions--entities button:not(.button--component).entity-prev-next svg path,
.tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities button:not(.button--component).entity-prev-next svg path {
  fill: var(--cf-white);
}
.card .card__actions.card__actions--entities a svg path, .search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities a svg path, .contact-card .card__actions.card__actions--entities a svg path, .tippy-box[data-theme~=popover] .card__actions.card__actions--entities a svg path, .tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities a svg path,
.card .card__actions.card__actions--entities button:not(.button--component) svg path,
.search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities button:not(.button--component) svg path,
.contact-card .card__actions.card__actions--entities button:not(.button--component) svg path,
.tippy-box[data-theme~=popover] .card__actions.card__actions--entities button:not(.button--component) svg path,
.tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities button:not(.button--component) svg path {
  fill: var(--cf-white);
}
.card .card__actions.card__actions--entities a.entity-match-button, .search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities a.entity-match-button, .contact-card .card__actions.card__actions--entities a.entity-match-button, .tippy-box[data-theme~=popover] .card__actions.card__actions--entities a.entity-match-button, .tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities a.entity-match-button,
.card .card__actions.card__actions--entities button:not(.button--component).entity-match-button,
.search-pane .search-pane__hits-wrap .search-hit .card__actions.card__actions--entities button:not(.button--component).entity-match-button,
.contact-card .card__actions.card__actions--entities button:not(.button--component).entity-match-button,
.tippy-box[data-theme~=popover] .card__actions.card__actions--entities button:not(.button--component).entity-match-button,
.tippy-box[data-theme~=tippy--interactive] .card__actions.card__actions--entities button:not(.button--component).entity-match-button {
  margin-left: auto;
}
.card .card__actions a, .search-pane .search-pane__hits-wrap .search-hit .card__actions a, .contact-card .card__actions a, .tippy-box[data-theme~=popover] .card__actions a, .tippy-box[data-theme~=tippy--interactive] .card__actions a {
  line-height: 33px !important;
}
.card .card__actions .entity-prev-next__wrap, .search-pane .search-pane__hits-wrap .search-hit .card__actions .entity-prev-next__wrap, .contact-card .card__actions .entity-prev-next__wrap, .tippy-box[data-theme~=popover] .card__actions .entity-prev-next__wrap, .tippy-box[data-theme~=tippy--interactive] .card__actions .entity-prev-next__wrap {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  justify-content: flex-end;
  gap: 2px;
}
.card .card__actions a, .search-pane .search-pane__hits-wrap .search-hit .card__actions a, .contact-card .card__actions a, .tippy-box[data-theme~=popover] .card__actions a, .tippy-box[data-theme~=tippy--interactive] .card__actions a,
.card .card__actions button:not(.button--component),
.search-pane .search-pane__hits-wrap .search-hit .card__actions button:not(.button--component),
.contact-card .card__actions button:not(.button--component),
.tippy-box[data-theme~=popover] .card__actions button:not(.button--component),
.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component) {
  font-size: 14px;
  font-size: 0.875em;
  text-decoration: none;
  border: none;
  box-shadow: none;
  padding: 4px 16px;
  border-radius: 30px;
  line-height: unset;
  background: none;
  height: 40px;
  font-weight: 500;
  background-color: var(--cf-purple-600);
  color: var(--cf-white);
  transition: border 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  display: inline-block;
}
.card .card__actions a:hover, .search-pane .search-pane__hits-wrap .search-hit .card__actions a:hover, .contact-card .card__actions a:hover, .tippy-box[data-theme~=popover] .card__actions a:hover, .tippy-box[data-theme~=tippy--interactive] .card__actions a:hover,
.card .card__actions button:not(.button--component):hover,
.search-pane .search-pane__hits-wrap .search-hit .card__actions button:not(.button--component):hover,
.contact-card .card__actions button:not(.button--component):hover,
.tippy-box[data-theme~=popover] .card__actions button:not(.button--component):hover,
.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component):hover {
  background-color: var(--cf-purple-700, var(--cf-legacy-orange-mid));
  text-decoration: none;
}
.card .card__actions a.card__action--inverted, .search-pane .search-pane__hits-wrap .search-hit .card__actions a.card__action--inverted, .contact-card .card__actions a.card__action--inverted, .tippy-box[data-theme~=popover] .card__actions a.card__action--inverted, .tippy-box[data-theme~=tippy--interactive] .card__actions a.card__action--inverted,
.card .card__actions button:not(.button--component).card__action--inverted,
.search-pane .search-pane__hits-wrap .search-hit .card__actions button:not(.button--component).card__action--inverted,
.contact-card .card__actions button:not(.button--component).card__action--inverted,
.tippy-box[data-theme~=popover] .card__actions button:not(.button--component).card__action--inverted,
.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component).card__action--inverted {
  background-color: var(--cf-white);
  color: var(--cf-purple-700, var(--cf-legacy-orange-mid));
  border: 1px solid var(--cf-purple-700, var(--cf-legacy-orange-mid));
}
.card .card__actions a.card__action--inverted:hover, .search-pane .search-pane__hits-wrap .search-hit .card__actions a.card__action--inverted:hover, .contact-card .card__actions a.card__action--inverted:hover, .tippy-box[data-theme~=popover] .card__actions a.card__action--inverted:hover, .tippy-box[data-theme~=tippy--interactive] .card__actions a.card__action--inverted:hover,
.card .card__actions button:not(.button--component).card__action--inverted:hover,
.search-pane .search-pane__hits-wrap .search-hit .card__actions button:not(.button--component).card__action--inverted:hover,
.contact-card .card__actions button:not(.button--component).card__action--inverted:hover,
.tippy-box[data-theme~=popover] .card__actions button:not(.button--component).card__action--inverted:hover,
.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component).card__action--inverted:hover {
  background-color: #fef8ed;
}
.card .card__actions a.link-btn, .card .card__actions .list-column .list-column__row a.download-btn.right, .list-column .list-column__row .card .card__actions a.download-btn.right, .search-pane .search-pane__hits-wrap .search-hit .card__actions a.link-btn, .search-pane .search-pane__hits-wrap .search-hit .card__actions .list-column .list-column__row a.download-btn.right, .list-column .list-column__row .search-pane .search-pane__hits-wrap .search-hit .card__actions a.download-btn.right, .contact-card .card__actions a.link-btn, .contact-card .card__actions .list-column .list-column__row a.download-btn.right, .list-column .list-column__row .contact-card .card__actions a.download-btn.right, .tippy-box[data-theme~=popover] .card__actions a.link-btn, .tippy-box[data-theme~=popover] .card__actions .list-column .list-column__row a.download-btn.right, .list-column .list-column__row .tippy-box[data-theme~=popover] .card__actions a.download-btn.right, .tippy-box[data-theme~=tippy--interactive] .card__actions a.link-btn, .tippy-box[data-theme~=tippy--interactive] .card__actions .list-column .list-column__row a.download-btn.right, .list-column .list-column__row .tippy-box[data-theme~=tippy--interactive] .card__actions a.download-btn.right,
.card .card__actions button:not(.button--component).link-btn,
.search-pane .search-pane__hits-wrap .search-hit .card__actions button:not(.button--component).link-btn,
.contact-card .card__actions button:not(.button--component).link-btn,
.tippy-box[data-theme~=popover] .card__actions button:not(.button--component).link-btn,
.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component).link-btn {
  background-color: transparent;
  color: var(--cf-purple-600);
  padding: 0;
}
.card .card__actions a.link-btn:hover, .card .card__actions .list-column .list-column__row a.download-btn.right:hover, .list-column .list-column__row .card .card__actions a.download-btn.right:hover, .search-pane .search-pane__hits-wrap .search-hit .card__actions a.link-btn:hover, .search-pane .search-pane__hits-wrap .search-hit .card__actions .list-column .list-column__row a.download-btn.right:hover, .list-column .list-column__row .search-pane .search-pane__hits-wrap .search-hit .card__actions a.download-btn.right:hover, .contact-card .card__actions a.link-btn:hover, .contact-card .card__actions .list-column .list-column__row a.download-btn.right:hover, .list-column .list-column__row .contact-card .card__actions a.download-btn.right:hover, .tippy-box[data-theme~=popover] .card__actions a.link-btn:hover, .tippy-box[data-theme~=popover] .card__actions .list-column .list-column__row a.download-btn.right:hover, .list-column .list-column__row .tippy-box[data-theme~=popover] .card__actions a.download-btn.right:hover, .tippy-box[data-theme~=tippy--interactive] .card__actions a.link-btn:hover, .tippy-box[data-theme~=tippy--interactive] .card__actions .list-column .list-column__row a.download-btn.right:hover, .list-column .list-column__row .tippy-box[data-theme~=tippy--interactive] .card__actions a.download-btn.right:hover,
.card .card__actions button:not(.button--component).link-btn:hover,
.search-pane .search-pane__hits-wrap .search-hit .card__actions button:not(.button--component).link-btn:hover,
.contact-card .card__actions button:not(.button--component).link-btn:hover,
.tippy-box[data-theme~=popover] .card__actions button:not(.button--component).link-btn:hover,
.tippy-box[data-theme~=tippy--interactive] .card__actions button:not(.button--component).link-btn:hover {
  background-color: transparent;
}
.card .card__toggle-complete, .search-pane .search-pane__hits-wrap .search-hit .card__toggle-complete, .contact-card .card__toggle-complete, .tippy-box[data-theme~=popover] .card__toggle-complete, .tippy-box[data-theme~=tippy--interactive] .card__toggle-complete {
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  right: 12px;
  height: 24px;
  width: 24px;
}
.card .card__toggle-complete:hover svg path, .search-pane .search-pane__hits-wrap .search-hit .card__toggle-complete:hover svg path, .contact-card .card__toggle-complete:hover svg path, .tippy-box[data-theme~=popover] .card__toggle-complete:hover svg path, .tippy-box[data-theme~=tippy--interactive] .card__toggle-complete:hover svg path {
  fill: var(--cf-legacy-ash);
}
.card .card__toggle-complete svg, .search-pane .search-pane__hits-wrap .search-hit .card__toggle-complete svg, .contact-card .card__toggle-complete svg, .tippy-box[data-theme~=popover] .card__toggle-complete svg, .tippy-box[data-theme~=tippy--interactive] .card__toggle-complete svg {
  width: 24px;
  height: 24px;
}
.card .card__toggle-complete svg path, .search-pane .search-pane__hits-wrap .search-hit .card__toggle-complete svg path, .contact-card .card__toggle-complete svg path, .tippy-box[data-theme~=popover] .card__toggle-complete svg path, .tippy-box[data-theme~=tippy--interactive] .card__toggle-complete svg path {
  transition: fill 0.2s ease;
  fill: var(--cf-legacy-ash-light);
}

.design-2024 .card__toggle-complete svg path {
  fill: var(--cf-ink);
}
.design-2024 .card__toggle-complete:hover svg path {
  fill: var(--cf-ink);
}
.design-2024 .card__actions button:not(.button--component).card__action--inverted {
  background-color: var(--cf-lilac-tint);
  color: var(--cf-purple-600);
  border-radius: 4px;
  border: none;
}
.design-2024 .card__actions button:not(.button--component).card__action--inverted:hover {
  background-color: var(--backgroundActionActionPrimaryLightHover, var(--cf-purple-100));
  color: var(--cf-purple-700, var(--cf-purple-700));
}

.card__accept {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-bottom: 8px;
}
.card__accept .card__accept-reject {
  border-right: 1px solid var(--cf-legacy-ndd);
  padding-right: 4px;
}
.card__accept svg path {
  fill: var(--cf-ink);
}

.card__memo-text {
  color: var(--cf-ink);
  /* Heading/Level 3 (16) */
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}

.card__quote-text {
  color: var(--cf-gray-800);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 125%; /* 17.5px */
  border-radius: 12px;
  border: 1px solid var(--cf-gray-100);
  background: var(--cf-off-white);
  padding: 8px;
}

.card__sub-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}

.suggested-fact__proof-score {
  display: flex;
  flex-direction: row;
  gap: 4px;
  margin-bottom: 4px;
}

.suggested-fact__proof-point {
  flex: 1;
  height: 6px;
  border-radius: 6px;
  background: var(--cf-gray-100);
}
.suggested-fact__proof-point.suggested-fact__proof-point-enabled {
  background: var(--cf-purple-600);
}

.suggested-fact__new-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  margin-left: 4px;
  margin-right: -4px;
  height: 16px;
  background-color: var(--cf-legacy-green-mid);
  border-radius: 12px;
  color: white;
  font-size: 10px;
  font-weight: 500;
}

.suggested-fact__entities,
.suggested-fact__issues {
  display: flex;
  flex-flow: row wrap;
  gap: 4px;
}

.suggested-fact__issue-new,
.suggested-fact__entity-new {
  border-style: dashed !important;
}
.suggested-fact__issue-new:hover,
.suggested-fact__entity-new:hover {
  border-style: solid !important;
}

.view-manager {
  display: flex;
  flex-direction: row;
}

.avatar-cropper img {
  max-width: 100%;
}

.primary-nav__nav-item__settings .user-avatar {
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 44px;
  color: var(--cf-legacy-cloud);
  text-align: center;
  cursor: pointer;
  font-size: 19px;
  margin: 3px auto 8px;
}
.primary-nav__nav-item__settings .user-avatar img {
  margin: 0;
}

.activity-feed ul li .feed-icon .user-avatar img {
  border-radius: 36px;
  position: absolute;
  top: 0;
  left: 0;
}

.invoice-paper-view .user-avatar {
  border-radius: 50px;
}

#settlements ul li .settlement-icon .user-avatar img {
  border-radius: 36px;
  position: absolute;
  top: 0;
  left: 0;
}

#report-table .user-avatar img {
  width: 36px;
  height: 36px;
  border-radius: 36px;
}

.list-table .user-avatar img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}

.avatar-hover {
  position: relative;
  width: 30px;
  cursor: default;
  display: inline-block;
  border-radius: 50px;
  background-color: var(--cf-purple-100);
}
.avatar-hover.avatar-hover--no-img {
  font-size: 13px;
  font-size: 0.8125em;
  color: var(--cf-gray-700);
  font-weight: 500;
  text-align: center;
  line-height: 27px;
  height: 30px;
  border: 1px solid var(--cf-purple-200);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.avatar-hover img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}

.avatar-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#avatar-delete-btn {
  color: var(--cf-alert-500, var(--cf-alert-500));
}

.avatar-delete-btn:hover {
  background-color: transparent !important;
}

.avatar-delete-confirmation p {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 10px;
}

.horizontal-rule-with-text {
  width: 100%;
  height: 20px;
  border-bottom: 1px solid var(--cf-legacy-dust);
  text-align: center;
}
.horizontal-rule-with-text span {
  background-color: var(--cf-white);
  padding: 0 34px;
  color: var(--cf-legacy-ash-light);
}

.case-users-manager {
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-users-manager .case-users-manager__container::-webkit-scrollbar {
  background: transparent !important;
  width: 8px !important;
  height: 8px;
}
.case-users-manager .case-users-manager__container::-webkit-scrollbar-thumb {
  background: var(--cf-legacy-scrollbar-thumb) !important;
  border-radius: 4px !important;
}
.case-users-manager .case-users-manager__container::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--cf-legacy-scrollbar-thumb), var(--cf-ink) 6.9%) !important;
  border-radius: 4px !important;
}
.case-users-manager .case-users-manager__container {
  position: relative;
  background: var(--cf-white);
  box-shadow: var(--shadow-light-shade);
  border-radius: var(--radius-md);
  width: 96%;
  max-width: 664px;
  text-align: left;
  max-height: 90%;
  overflow-y: auto;
}
.case-users-manager .case-users-manager__container.slim {
  max-width: 480px;
}
@media screen and (max-width: 824px) {
  .case-users-manager .case-users-manager__container {
    max-height: 97%;
    width: 97%;
    padding: 34px 8px;
  }
}
.case-users-manager .case-users-manager__container {
  transition: all 0.3s;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__header {
  padding: 24px 32px;
  background-color: var(--cf-legacy-air);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__header h3, .case-users-manager .case-users-manager__container .case-users-manager__container__header .alerts ul li, .alerts ul .case-users-manager .case-users-manager__container .case-users-manager__container__header li {
  font-weight: 500;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__header a {
  display: flex;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__container__content__section {
  padding: 24px 32px;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__container__content__section:not(:last-child) {
  border-bottom: 1px solid var(--cf-legacy-dust);
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__container__content__section .case-users-manager__container__content__section__sub:not(:first-child) {
  padding-top: 36px;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__container__content__section .case-users-manager__container__content__section__sub:not(:last-child) {
  padding-bottom: 16px;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-table {
  width: 100%;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-row a {
  display: flex;
  justify-content: flex-end;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-row:first-child td {
  padding-bottom: 16px;
  padding-top: 0;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-row:not(:first-child, :last-child) td {
  padding: 16px 0;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-row:last-child td {
  padding-top: 16px;
  padding-bottom: 0;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-row:not(:last-child) {
  border-bottom: 1px solid var(--cf-legacy-dust);
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-info {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  padding: 16px 0;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-info svg path:first-child {
  fill: var(--cf-legacy-ash);
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-info .case-users-manager__user-info__text {
  padding-left: 16px;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-info .case-users-manager__user-info__email {
  color: var(--cf-legacy-ash);
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-access-level {
  color: var(--cf-legacy-ash);
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__user-assignment {
  text-align: right;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user {
  display: flex;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column {
  padding: 0;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column label, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .settlement-date, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .table-pagination .pagination-text, .table-pagination .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .pagination-text, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .sidebar-record-category, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .graph .graph-pagination .graph-stats, .graph .graph-pagination .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .graph-stats, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .feed-memo-date {
  width: 100%;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column label input, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column #settlements > ul > li .settlement-area .settlement-date input, #settlements > ul > li .settlement-area .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .settlement-date input, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column label .timezone-click-to-edit, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column #settlements > ul > li .settlement-area .settlement-date .timezone-click-to-edit, #settlements > ul > li .settlement-area .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .settlement-date .timezone-click-to-edit, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .table-pagination .pagination-text input, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .table-pagination .pagination-text .timezone-click-to-edit, .table-pagination .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .pagination-text input, .table-pagination .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .pagination-text .timezone-click-to-edit, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category input, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .sidebar-record-category input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .sidebar-record-category .timezone-click-to-edit, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .graph .graph-pagination .graph-stats input, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .graph .graph-pagination .graph-stats .timezone-click-to-edit, .graph .graph-pagination .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .graph-stats input, .graph .graph-pagination .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .graph-stats .timezone-click-to-edit, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .activity-feed > ul > li .feed-memo .feed-memo-date input, .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .activity-feed > ul > li .feed-memo .feed-memo-date .timezone-click-to-edit, .activity-feed > ul > li .feed-memo .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .feed-memo-date input, .activity-feed > ul > li .feed-memo .case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user .column .feed-memo-date .timezone-click-to-edit {
  margin-top: 0 !important;
}
.case-users-manager .case-users-manager__container .case-users-manager__container__content .case-users-manager__invite-case-limited-user button {
  margin-left: 16px;
}

.design-2024 .document-uploader,
.design-2024 .activity-tagger {
  border: none !important;
}
.design-2024 .document-uploader .upload-box,
.design-2024 .activity-tagger .upload-box {
  background-color: var(--cf-legacy-air);
  border-radius: var(--radius-md);
  color: var(--cf-legacy-ash);
  border: var(--border-width) dashed;
  border-color: var(--cf-gray-300);
  font-size: 16px;
  font-size: 1em;
  padding: 16px;
}
.design-2024 .document-uploader .upload-box .file-input-wrapper,
.design-2024 .activity-tagger .upload-box .file-input-wrapper {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-size: 1em;
  bottom: unset;
  left: unset;
}
.design-2024 .document-uploader .upload-box .file-input-wrapper button,
.design-2024 .activity-tagger .upload-box .file-input-wrapper button {
  padding: 0;
}
.design-2024 .document-uploader .upload-box .file-input-wrapper input[type=file], .design-2024 .document-uploader .upload-box .file-input-wrapper [type=file].timezone-click-to-edit,
.design-2024 .activity-tagger .upload-box .file-input-wrapper input[type=file],
.design-2024 .activity-tagger .upload-box .file-input-wrapper [type=file].timezone-click-to-edit {
  display: none;
}
.design-2024 .document-uploader .upload-box svg > g,
.design-2024 .activity-tagger .upload-box svg > g {
  stroke: unset;
  fill: unset;
}
.design-2024 .document-uploader .upload-box.is-dragging, .design-2024 .document-uploader .upload-box.is-processing, .design-2024 .document-uploader .upload-box.is-uploading,
.design-2024 .activity-tagger .upload-box.is-dragging,
.design-2024 .activity-tagger .upload-box.is-processing,
.design-2024 .activity-tagger .upload-box.is-uploading {
  background-color: var(--cf-lilac-tint, var(--cf-lilac-tint)) !important;
  color: var(--cf-gray-800, var(--cf-legacy-thunderstorm)) !important;
  border-color: var(--cf-purple-600, var(--cf-purple-600));
  z-index: 2;
}

.document-uploader,
.activity-tagger {
  padding: 0 !important;
  border: none !important;
  overflow: visible;
  position: relative;
}
.document-uploader .upload-box,
.activity-tagger .upload-box {
  background-color: var(--cf-legacy-air);
  border-radius: var(--radius-md);
  border: var(--border-width) dashed;
  border-color: var(--cf-gray-300);
  font-size: 16px;
  font-size: 1em;
  padding: 16px;
  margin-bottom: 12px;
  text-align: center;
  position: relative;
  color: color-mix(in srgb, var(--cf-legacy-dust), var(--cf-ink) 12.5%);
}
@media screen and (max-width: 824px) {
  .document-uploader .upload-box,
  .activity-tagger .upload-box {
    min-width: 0;
  }
}
.document-uploader .upload-box .file-input-wrapper,
.activity-tagger .upload-box .file-input-wrapper {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-size: 1em;
  bottom: unset;
  left: unset;
}
.document-uploader .upload-box .file-input-wrapper button,
.activity-tagger .upload-box .file-input-wrapper button {
  padding: 0;
}
.document-uploader .upload-box .file-input-wrapper input[type=file], .document-uploader .upload-box .file-input-wrapper [type=file].timezone-click-to-edit,
.activity-tagger .upload-box .file-input-wrapper input[type=file],
.activity-tagger .upload-box .file-input-wrapper [type=file].timezone-click-to-edit {
  display: none;
}
.document-uploader .upload-box h2, .document-uploader .upload-box .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .document-uploader .upload-box h4,
.activity-tagger .upload-box h2,
.activity-tagger .upload-box .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .activity-tagger .upload-box h4 {
  margin-top: 0;
  margin-bottom: 12px;
  color: var(--cf-legacy-ash-light);
  line-height: 32px;
}
.document-uploader .upload-box svg > g,
.activity-tagger .upload-box svg > g {
  stroke: var(--cf-white);
  fill: var(--cf-white);
}
.document-uploader .upload-box.is-dragging, .document-uploader .upload-box.is-processing, .document-uploader .upload-box.is-uploading,
.activity-tagger .upload-box.is-dragging,
.activity-tagger .upload-box.is-processing,
.activity-tagger .upload-box.is-uploading {
  background: var(--cf-legacy-green-glow);
  color: var(--cf-white);
  z-index: 2;
}
.document-uploader .upload-box.is-processing, .document-uploader .upload-box.is-uploading,
.activity-tagger .upload-box.is-processing,
.activity-tagger .upload-box.is-uploading {
  vertical-align: middle;
}
.document-uploader .tagged-items,
.activity-tagger .tagged-items {
  margin: 0;
  padding: 0;
}
.document-uploader .tagged-items li,
.activity-tagger .tagged-items li {
  list-style: none;
  padding: 3px 5px;
  background: var(--cf-legacy-green-glow);
  color: var(--cf-white);
  font-size: 13px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 400;
}
.document-uploader .tagged-items li > span,
.activity-tagger .tagged-items li > span {
  border-left: 1px solid var(--cf-white);
  padding-left: 4px;
  margin-left: 3px;
  cursor: pointer;
}
.document-uploader .tagged-items li > span svg,
.activity-tagger .tagged-items li > span svg {
  position: relative;
  top: 2px;
  width: 13px;
  height: 13px;
  fill: var(--cf-white);
  stroke: var(--cf-white);
  /* stylelint-disable-next-line property-no-unknown */
  path: var(--cf-white);
}

.activity-tagger .tagged-items {
  padding: 0 0 4px;
  position: relative;
  z-index: 1;
}
.activity-tagger .tagged-items li {
  color: var(--cf-ink);
  background: var(--cf-gray-100);
}
.activity-tagger .tagged-items li span[role=button] {
  border-left-color: var(--cf-ink);
}
.activity-tagger .tagged-items li svg path {
  stroke: var(--cf-ink);
  fill: var(--cf-ink);
}

.box, .text-box, .content-box, .generic-box, .form-modal.generic-modal .modal, .form-modal.action-modal form, .settings-box, .margin-box, .graph-container, .email-preview {
  border: var(--border-width) solid var(--cf-gray-300);
}
@media (max-width: 844px) {
  .box, .text-box, .content-box, .generic-box, .form-modal.generic-modal .modal, .form-modal.action-modal form, .settings-box, .margin-box, .graph-container, .email-preview {
    box-shadow: none;
    border-radius: 0;
  }
}

.generic-box, .form-modal.generic-modal .modal, .form-modal.action-modal form, .settings-box, .margin-box, .graph-container, .email-preview {
  background: var(--cf-white);
  padding: 1em;
}

.content-box {
  background: var(--cf-white);
  padding: 1em 0 2em;
  margin: 2em 0;
}
.content-box label, .content-box #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .content-box .settlement-date, .content-box .table-pagination .pagination-text, .table-pagination .content-box .pagination-text, .content-box .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .content-box .sidebar-record-category, .content-box .graph .graph-pagination .graph-stats, .graph .graph-pagination .content-box .graph-stats, .content-box .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .content-box .feed-memo-date {
  display: block;
}

.margin-box, .graph-container, .email-preview {
  margin: 1em 0 2em;
}

.text-box {
  background: var(--cf-white);
  padding: 1em;
  margin: 1em 0;
}
@media (max-width: 844px) {
  .text-box {
    border: var(--border-width) solid var(--cf-gray-300);
  }
}

.list-filters {
  position: relative;
  margin-bottom: 16px;
}
.list-filters .list-header {
  display: inline-block;
  padding-top: 11px;
}
.list-filters .list-search {
  position: relative;
  text-align: left;
  float: left;
  margin-left: 7px;
}
.list-filters .list-search:first-child {
  margin-left: 0;
}
.list-filters .list-search input, .list-filters .list-search .timezone-click-to-edit {
  width: 200px;
  appearance: none;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  display: block;
  margin: 0;
  width: 100%;
  background: var(--cf-white);
  border: var(--input-border-width) solid var(--cf-gray-500);
  border-radius: var(--radius-md);
  transition: border-color 0.15s ease;
  font-weight: 400 !important;
  text-align: left;
  font-size: 14px;
  padding: 0 8px;
  box-sizing: border-box;
  line-height: var(--input-height);
  height: var(--input-height);
}
.list-filters .list-search input:focus, .list-filters .list-search .timezone-click-to-edit:focus {
  outline: none;
  border: var(--input-border-width) solid var(--cf-legacy-ash-light);
}
.list-filters .list-search .search-input {
  position: relative;
}
.list-filters .list-search .search-input.search-input--has-value input, .list-filters .list-search .search-input.search-input--has-value .timezone-click-to-edit {
  border: var(--input-border-width) solid var(--cf-legacy-teal);
}
.list-filters .list-search .search-input .input-search {
  position: absolute;
  bottom: 5px;
  left: 4px;
}
.list-filters .list-search .search-input .input-search g {
  opacity: 1;
}
.list-filters .list-search .search-input .input__clear-input {
  position: absolute;
  right: 4px;
  top: 2px;
  cursor: pointer;
  background: transparent;
  padding: 4px;
  display: block;
}
.search .list-filters .list-search .search-input .input__clear-input {
  right: 9px;
  bottom: 9px;
}
.list-filters .list-search .search-input .input__clear-input svg {
  width: 15px;
}
.list-filters .list-search .search-input .input__clear-input svg path.filled {
  fill: var(--cf-legacy-nobel);
}
.list-filters .list-search .search-input.search-input-with-action [class*=button] {
  position: absolute;
  left: 208px;
  bottom: 0;
}

.design-2024 .start-date-filter .svg-icon.circle-cancel,
.design-2024 .end-date-filter .svg-icon.circle-cancel {
  top: unset;
  bottom: 28px;
  right: 6px;
}

.start-date-filter,
.end-date-filter {
  position: relative;
}
.start-date-filter .input-date,
.end-date-filter .input-date {
  position: absolute;
  bottom: 6px;
  left: 8px;
}
.start-date-filter .input-date g,
.end-date-filter .input-date g {
  opacity: 1;
}
.start-date-filter .input__clear-input,
.end-date-filter .input__clear-input {
  position: initial;
}
.start-date-filter .svg-icon.circle-cancel,
.end-date-filter .svg-icon.circle-cancel {
  position: absolute;
  top: 30px;
  right: 8px;
  cursor: pointer;
}
.start-date-filter .svg-icon.circle-cancel svg,
.end-date-filter .svg-icon.circle-cancel svg {
  fill: var(--cf-legacy-ash);
  /* stylelint-disable-next-line property-no-unknown */
  path: var(--cf-legacy-ash);
  stroke: var(--cf-legacy-ash);
  width: 13px;
  height: 13px;
}

.input-with-clear input[type=text], .input-with-clear [type=text].timezone-click-to-edit {
  padding: 8px 9px 8px 33px;
}

.trust-transactions .list-header {
  margin-bottom: 6px;
}

.input-email {
  position: relative;
  top: 11px;
  left: 9px;
}

@media (max-width: 767px) {
  .list-search,
  .list-filter,
  .list-header,
  .start-date-filter,
  .end-date-filter {
    display: block;
    width: 100%;
    float: none;
    margin: 0 0 10px;
    order: 2;
  }
  .list-search input, .list-search .timezone-click-to-edit {
    width: 100%;
  }
  .list-column__row--top-actions {
    order: 1;
    float: none;
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
    padding-top: 0;
  }
  .list-header h2, .list-header .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .list-header h4 {
    font-size: 1em;
  }
}
.filter-container {
  position: relative;
  z-index: 2;
}
.filter-container .filter-builder-container {
  margin: 0 0 1em;
  padding: 3px 0;
  list-style: none;
  background: var(--cf-white);
}
.filter-container .filter-builder-container .filter {
  position: relative;
  padding: 3px 7px;
  color: var(--cf-white);
  display: inline-block;
  font-weight: 400;
  margin: 4px 1px;
  background-color: var(--cf-purple-600);
  border-radius: var(--radius-md);
}
.filter-container .filter-builder-container .filter > span {
  padding-left: 4px;
  margin-left: 3px;
  cursor: pointer;
}
.filter-container .filter-builder-container .filter > span svg {
  position: relative;
  top: 1px;
  width: 13px;
  height: 13px;
  fill: var(--cf-white);
  stroke: var(--cf-white);
}
.filter-container .filter-builder-container > li {
  display: inline-block;
}
.filter-container .filter-builder-container > li.contact .filter {
  background: var(--cf-legacy-teal);
  border: var(--input-border-width) solid var(--cf-legacy-teal);
}
.filter-container .filter-builder-container > li.issue .filter {
  background: var(--cf-legacy-green-glow);
  border: var(--input-border-width) solid var(--cf-legacy-green-glow);
}
.filter-container .filter-builder-container > li.is-not-removable .filter {
  background: var(--cf-legacy-dust);
  border: var(--input-border-width) solid var(--cf-legacy-dust);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.filter-container .filter-builder-container .filter-label .filter {
  background: var(--cf-legacy-dust);
  border: var(--input-border-width) solid var(--cf-legacy-dust);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.filter-container .filter-builder-container .add-filter {
  position: relative;
}
.filter-container .filter-builder-container .add-filter .filter {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  cursor: pointer;
  width: 153px;
  background: var(--cf-white);
  border: var(--input-border-width) solid var(--cf-legacy-loblolly);
  box-shadow: var(--shadow-light-shade);
  border-radius: var(--radius-md);
  transition: border-color 0.3s ease;
}
.filter-container .filter-builder-container .add-filter .filter > span {
  position: absolute;
  right: 8px;
}
.filter-container .filter-builder-container .add-filter .filter > span svg g {
  fill: var(--cf-legacy-nobel);
  transition: fill 0.3s ease;
}
.filter-container .filter-builder-container .add-filter .filter:hover {
  border: var(--input-border-width) solid var(--cf-legacy-ash-light);
}
.filter-container .filter-builder-container .add-filter .filter:hover > span svg g {
  fill: var(--cf-legacy-ash-dark);
}
.filter-container .filter-builder-container .add-filter .filter-dropdown {
  position: absolute;
  z-index: 1;
  display: none;
  padding: 1em 1em 2em;
  width: 300px;
  top: 40px;
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
  box-shadow: var(--shadow-light-shade);
  border-radius: var(--radius-md);
}
.filter-container .filter-builder-container .add-filter .filter-dropdown h3, .filter-container .filter-builder-container .add-filter .filter-dropdown .alerts ul li, .alerts ul .filter-container .filter-builder-container .add-filter .filter-dropdown li {
  text-align: center;
}
.filter-container .filter-builder-container .add-filter .filter-dropdown label, .filter-container .filter-builder-container .add-filter .filter-dropdown #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .filter-container .filter-builder-container .add-filter .filter-dropdown .settlement-date, .filter-container .filter-builder-container .add-filter .filter-dropdown .table-pagination .pagination-text, .table-pagination .filter-container .filter-builder-container .add-filter .filter-dropdown .pagination-text, .filter-container .filter-builder-container .add-filter .filter-dropdown .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-container .filter-builder-container .add-filter .filter-dropdown .sidebar-record-category, .filter-container .filter-builder-container .add-filter .filter-dropdown .graph .graph-pagination .graph-stats, .graph .graph-pagination .filter-container .filter-builder-container .add-filter .filter-dropdown .graph-stats, .filter-container .filter-builder-container .add-filter .filter-dropdown .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .filter-container .filter-builder-container .add-filter .filter-dropdown .feed-memo-date {
  margin-top: 6px;
}
.filter-container .filter-builder-container .add-filter .filter-dropdown .close-filters {
  position: absolute;
  top: -11px;
  right: -9px;
  cursor: pointer;
}
.filter-container .filter-builder-container.show-filters .add-filter .filter-dropdown {
  display: block;
}

/* stylelint-disable property-no-vendor-prefix */
.password-complexity-checker {
  margin-left: auto;
  font-size: 14px;
  font-size: 0.875em;
  text-align: right;
  border-radius: var(--radius-md);
  float: right;
}
.password-complexity-checker table {
  margin-bottom: 0;
}
.password-complexity-checker table td {
  padding: 2px 0;
}
.password-complexity-checker table td span.password-complexity-checker__checkbox svg {
  transform: translateY(3px);
  width: 20px;
  height: 20px;
}
.password-complexity-checker table td span.password-complexity-checker__checkbox.warn svg path {
  fill: var(--cf-alert-500, var(--cf-legacy-red));
}

label, #settlements > ul > li .settlement-area .settlement-date, .table-pagination .pagination-text, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .graph .graph-pagination .graph-stats, .activity-feed > ul > li .feed-memo .feed-memo-date {
  color: var(--cf-legacy-cloud);
  position: relative;
  font-size: 14px;
  text-align: left;
  letter-spacing: 0;
  line-height: 20px;
}
label img.user-profile__picture, #settlements > ul > li .settlement-area .settlement-date img.user-profile__picture, .table-pagination .pagination-text img.user-profile__picture, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category img.user-profile__picture, .graph .graph-pagination .graph-stats img.user-profile__picture, .activity-feed > ul > li .feed-memo .feed-memo-date img.user-profile__picture {
  cursor: pointer;
  width: 120px;
  border-radius: 120px;
}
label .top-helptext, #settlements > ul > li .settlement-area .settlement-date .top-helptext, .table-pagination .pagination-text .top-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .top-helptext, .graph .graph-pagination .graph-stats .top-helptext, .activity-feed > ul > li .feed-memo .feed-memo-date .top-helptext, label .block-helptext, #settlements > ul > li .settlement-area .settlement-date .block-helptext, .table-pagination .pagination-text .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext, .graph .graph-pagination .graph-stats .block-helptext, .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext {
  color: var(--cf-legacy-ash);
  float: right !important;
  font-weight: 400;
}
label .block-helptext, #settlements > ul > li .settlement-area .settlement-date .block-helptext, .table-pagination .pagination-text .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext, .graph .graph-pagination .graph-stats .block-helptext, .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext {
  display: block;
  float: none;
}

.page-wrapper--profile-page form .row, .page-wrapper--profile-page form .x-timeline {
  margin-left: -15px;
}
.page-wrapper--profile-page form .row label, .page-wrapper--profile-page form .x-timeline label, .page-wrapper--profile-page form .row #settlements > ul > li .settlement-area .settlement-date, .page-wrapper--profile-page form .x-timeline #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .page-wrapper--profile-page form .row .settlement-date, #settlements > ul > li .settlement-area .page-wrapper--profile-page form .x-timeline .settlement-date, .page-wrapper--profile-page form .row .table-pagination .pagination-text, .page-wrapper--profile-page form .x-timeline .table-pagination .pagination-text, .table-pagination .page-wrapper--profile-page form .row .pagination-text, .table-pagination .page-wrapper--profile-page form .x-timeline .pagination-text, .page-wrapper--profile-page form .row .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .page-wrapper--profile-page form .x-timeline .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .page-wrapper--profile-page form .row .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .page-wrapper--profile-page form .x-timeline .sidebar-record-category, .page-wrapper--profile-page form .row .graph .graph-pagination .graph-stats, .page-wrapper--profile-page form .x-timeline .graph .graph-pagination .graph-stats, .graph .graph-pagination .page-wrapper--profile-page form .row .graph-stats, .graph .graph-pagination .page-wrapper--profile-page form .x-timeline .graph-stats, .page-wrapper--profile-page form .row .activity-feed > ul > li .feed-memo .feed-memo-date, .page-wrapper--profile-page form .x-timeline .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .page-wrapper--profile-page form .row .feed-memo-date, .activity-feed > ul > li .feed-memo .page-wrapper--profile-page form .x-timeline .feed-memo-date {
  display: block;
}

input:not([type]), .timezone-click-to-edit:not([type]),
input[type=text],
[type=text].timezone-click-to-edit,
input[type=password],
[type=password].timezone-click-to-edit,
input[type=date],
[type=date].timezone-click-to-edit,
input[type=datetime],
[type=datetime].timezone-click-to-edit,
input[type=datetime-local],
[type=datetime-local].timezone-click-to-edit,
input[type=month],
[type=month].timezone-click-to-edit,
input[type=week],
[type=week].timezone-click-to-edit,
input[type=email],
[type=email].timezone-click-to-edit,
input[type=number],
[type=number].timezone-click-to-edit,
input[type=search],
[type=search].timezone-click-to-edit,
input[type=tel],
[type=tel].timezone-click-to-edit,
input[type=time],
[type=time].timezone-click-to-edit,
input[type=url],
[type=url].timezone-click-to-edit,
input[type=color],
[type=color].timezone-click-to-edit,
textarea {
  appearance: none;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  display: block;
  margin: 0;
  width: 100%;
  background: var(--cf-white);
  border: var(--input-border-width) solid var(--cf-gray-500);
  border-radius: var(--radius-md);
  transition: border-color 0.15s ease;
  font-weight: 400 !important;
  text-align: left;
  font-size: 14px;
  padding: 0 8px;
  box-sizing: border-box;
  line-height: var(--input-height);
  height: var(--input-height);
}

textarea {
  line-height: 1.5;
}

.invalid-input input:not([type]), .invalid-input .timezone-click-to-edit:not([type]),
.invalid-input input[type=text],
.invalid-input [type=text].timezone-click-to-edit,
.invalid-input input[type=password],
.invalid-input [type=password].timezone-click-to-edit,
.invalid-input input[type=date],
.invalid-input [type=date].timezone-click-to-edit,
.invalid-input input[type=datetime],
.invalid-input [type=datetime].timezone-click-to-edit,
.invalid-input input[type=datetime-local],
.invalid-input [type=datetime-local].timezone-click-to-edit,
.invalid-input input[type=month],
.invalid-input [type=month].timezone-click-to-edit,
.invalid-input input[type=week],
.invalid-input [type=week].timezone-click-to-edit,
.invalid-input input[type=email],
.invalid-input [type=email].timezone-click-to-edit,
.invalid-input input[type=number],
.invalid-input [type=number].timezone-click-to-edit,
.invalid-input input[type=search],
.invalid-input [type=search].timezone-click-to-edit,
.invalid-input input[type=tel],
.invalid-input [type=tel].timezone-click-to-edit,
.invalid-input input[type=time],
.invalid-input [type=time].timezone-click-to-edit,
.invalid-input input[type=url],
.invalid-input [type=url].timezone-click-to-edit,
.invalid-input input[type=color],
.invalid-input [type=color].timezone-click-to-edit,
.invalid-input textarea {
  border-color: var(--cf-alert-500);
}

input.invalid-input[type=text]:focus,
input.invalid-input,
.invalid-input.timezone-click-to-edit {
  border-color: var(--cf-alert-500) !important;
}

.design-2024 label.viewable-password-input span.visible-icon, .design-2024 #settlements > ul > li .settlement-area .viewable-password-input.settlement-date span.visible-icon, #settlements > ul > li .settlement-area .design-2024 .viewable-password-input.settlement-date span.visible-icon, .design-2024 .table-pagination .viewable-password-input.pagination-text span.visible-icon, .table-pagination .design-2024 .viewable-password-input.pagination-text span.visible-icon, .design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .viewable-password-input.sidebar-record-category span.visible-icon, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .viewable-password-input.sidebar-record-category span.visible-icon, .design-2024 .graph .graph-pagination .viewable-password-input.graph-stats span.visible-icon, .graph .graph-pagination .design-2024 .viewable-password-input.graph-stats span.visible-icon, .design-2024 .activity-feed > ul > li .feed-memo .viewable-password-input.feed-memo-date span.visible-icon, .activity-feed > ul > li .feed-memo .design-2024 .viewable-password-input.feed-memo-date span.visible-icon {
  position: absolute;
  top: 24px;
}
.design-2024 .form-modal.action-modal .form-modal__loader,
.design-2024 .form-modal .form-modal__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
.design-2024 .form-modal.action-modal form span.svg-icon,
.design-2024 .form-modal form span.svg-icon {
  display: none;
}
.design-2024 .form-modal.action-modal form,
.design-2024 .form-modal form {
  width: 96%;
  margin: 0 auto !important;
  text-align: left !important;
  padding: 16px !important;
}
.design-2024 .form-modal.action-modal form .column,
.design-2024 .form-modal form .column {
  padding: 0;
}
.design-2024 .form-modal.action-modal form .button-box,
.design-2024 .form-modal form .button-box {
  margin: 0;
  padding-top: 8px;
  text-align: left;
  justify-content: space-between;
}
.design-2024 .form-modal.action-modal form .button-box > button,
.design-2024 .form-modal form .button-box > button {
  margin: 0;
}
.design-2024 .form-modal.action-modal form .button-box .button-box__right-buttons,
.design-2024 .form-modal form .button-box .button-box__right-buttons {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  flex-direction: row;
}
.design-2024 .form-modal.action-modal form .button-box .button-box__right-buttons > button,
.design-2024 .form-modal form .button-box .button-box__right-buttons > button {
  margin: 0 0 0 8px;
}
.design-2024 .form-modal.action-modal form p,
.design-2024 .form-modal form p {
  margin: 0 0 16px;
  text-align: left;
  font-size: 16px;
  font-size: 1em;
}
.design-2024 .form-modal.action-modal form p.lead,
.design-2024 .form-modal form p.lead {
  font-size: 20px;
  font-size: 1.25em;
}
.design-2024 .form-modal.is-info-with-cancel .lead strong {
  color: var(--cf-purple-600);
}
.design-2024 input:not([type]), .design-2024 .timezone-click-to-edit:not([type]),
.design-2024 input[type=text],
.design-2024 [type=text].timezone-click-to-edit,
.design-2024 input[type=password],
.design-2024 [type=password].timezone-click-to-edit,
.design-2024 input[type=date],
.design-2024 [type=date].timezone-click-to-edit,
.design-2024 input[type=datetime],
.design-2024 [type=datetime].timezone-click-to-edit,
.design-2024 input[type=datetime-local],
.design-2024 [type=datetime-local].timezone-click-to-edit,
.design-2024 input[type=month],
.design-2024 [type=month].timezone-click-to-edit,
.design-2024 input[type=week],
.design-2024 [type=week].timezone-click-to-edit,
.design-2024 input[type=email],
.design-2024 [type=email].timezone-click-to-edit,
.design-2024 input[type=number],
.design-2024 [type=number].timezone-click-to-edit,
.design-2024 input[type=search],
.design-2024 [type=search].timezone-click-to-edit,
.design-2024 input[type=tel],
.design-2024 [type=tel].timezone-click-to-edit,
.design-2024 input[type=time],
.design-2024 [type=time].timezone-click-to-edit,
.design-2024 input[type=url],
.design-2024 [type=url].timezone-click-to-edit,
.design-2024 input[type=color],
.design-2024 [type=color].timezone-click-to-edit {
  height: 40px;
}
.design-2024 input:not([type]), .design-2024 .timezone-click-to-edit:not([type]),
.design-2024 input[type=text],
.design-2024 [type=text].timezone-click-to-edit,
.design-2024 input[type=password],
.design-2024 [type=password].timezone-click-to-edit,
.design-2024 input[type=date],
.design-2024 [type=date].timezone-click-to-edit,
.design-2024 input[type=datetime],
.design-2024 [type=datetime].timezone-click-to-edit,
.design-2024 input[type=datetime-local],
.design-2024 [type=datetime-local].timezone-click-to-edit,
.design-2024 input[type=month],
.design-2024 [type=month].timezone-click-to-edit,
.design-2024 input[type=week],
.design-2024 [type=week].timezone-click-to-edit,
.design-2024 input[type=email],
.design-2024 [type=email].timezone-click-to-edit,
.design-2024 input[type=number],
.design-2024 [type=number].timezone-click-to-edit,
.design-2024 input[type=search],
.design-2024 [type=search].timezone-click-to-edit,
.design-2024 input[type=tel],
.design-2024 [type=tel].timezone-click-to-edit,
.design-2024 input[type=time],
.design-2024 [type=time].timezone-click-to-edit,
.design-2024 input[type=url],
.design-2024 [type=url].timezone-click-to-edit,
.design-2024 input[type=color],
.design-2024 [type=color].timezone-click-to-edit,
.design-2024 textarea {
  border-radius: 6px;
  border: 1px solid var(--cf-gray-500);
  background: var(--cf-white);
}
.design-2024 input:not([type]):focus, .design-2024 .timezone-click-to-edit:not([type]):focus,
.design-2024 input[type=text]:focus,
.design-2024 [type=text].timezone-click-to-edit:focus,
.design-2024 input[type=password]:focus,
.design-2024 [type=password].timezone-click-to-edit:focus,
.design-2024 input[type=date]:focus,
.design-2024 [type=date].timezone-click-to-edit:focus,
.design-2024 input[type=datetime]:focus,
.design-2024 [type=datetime].timezone-click-to-edit:focus,
.design-2024 input[type=datetime-local]:focus,
.design-2024 [type=datetime-local].timezone-click-to-edit:focus,
.design-2024 input[type=month]:focus,
.design-2024 [type=month].timezone-click-to-edit:focus,
.design-2024 input[type=week]:focus,
.design-2024 [type=week].timezone-click-to-edit:focus,
.design-2024 input[type=email]:focus,
.design-2024 [type=email].timezone-click-to-edit:focus,
.design-2024 input[type=number]:focus,
.design-2024 [type=number].timezone-click-to-edit:focus,
.design-2024 input[type=search]:focus,
.design-2024 [type=search].timezone-click-to-edit:focus,
.design-2024 input[type=tel]:focus,
.design-2024 [type=tel].timezone-click-to-edit:focus,
.design-2024 input[type=time]:focus,
.design-2024 [type=time].timezone-click-to-edit:focus,
.design-2024 input[type=url]:focus,
.design-2024 [type=url].timezone-click-to-edit:focus,
.design-2024 input[type=color]:focus,
.design-2024 [type=color].timezone-click-to-edit:focus,
.design-2024 textarea:focus {
  outline: 1px solid var(--cf-ink);
  border-color: var(--cf-ink) !important;
  background: var(--cf-white);
}
.design-2024 input:not([type]):hover, .design-2024 .timezone-click-to-edit:not([type]):hover,
.design-2024 input[type=text]:hover,
.design-2024 [type=text].timezone-click-to-edit:hover,
.design-2024 input[type=password]:hover,
.design-2024 [type=password].timezone-click-to-edit:hover,
.design-2024 input[type=date]:hover,
.design-2024 [type=date].timezone-click-to-edit:hover,
.design-2024 input[type=datetime]:hover,
.design-2024 [type=datetime].timezone-click-to-edit:hover,
.design-2024 input[type=datetime-local]:hover,
.design-2024 [type=datetime-local].timezone-click-to-edit:hover,
.design-2024 input[type=month]:hover,
.design-2024 [type=month].timezone-click-to-edit:hover,
.design-2024 input[type=week]:hover,
.design-2024 [type=week].timezone-click-to-edit:hover,
.design-2024 input[type=email]:hover,
.design-2024 [type=email].timezone-click-to-edit:hover,
.design-2024 input[type=number]:hover,
.design-2024 [type=number].timezone-click-to-edit:hover,
.design-2024 input[type=search]:hover,
.design-2024 [type=search].timezone-click-to-edit:hover,
.design-2024 input[type=tel]:hover,
.design-2024 [type=tel].timezone-click-to-edit:hover,
.design-2024 input[type=time]:hover,
.design-2024 [type=time].timezone-click-to-edit:hover,
.design-2024 input[type=url]:hover,
.design-2024 [type=url].timezone-click-to-edit:hover,
.design-2024 input[type=color]:hover,
.design-2024 [type=color].timezone-click-to-edit:hover,
.design-2024 textarea:hover {
  border-radius: 6px;
  border: 1px solid var(--cf-gray-600);
  background: var(--cf-white);
}

input.error, .error.timezone-click-to-edit {
  border-color: var(--cf-alert-500) !important;
}
input.error:focus, .error.timezone-click-to-edit:focus {
  border-color: var(--cf-alert-500) !important;
}

input:not([type]):focus, .timezone-click-to-edit:not([type]):focus,
input[type=text]:focus,
[type=text].timezone-click-to-edit:focus,
input[type=password]:focus,
[type=password].timezone-click-to-edit:focus,
input[type=date]:focus,
[type=date].timezone-click-to-edit:focus,
input[type=datetime]:focus,
[type=datetime].timezone-click-to-edit:focus,
input[type=datetime-local]:focus,
[type=datetime-local].timezone-click-to-edit:focus,
input[type=month]:focus,
[type=month].timezone-click-to-edit:focus,
input[type=week]:focus,
[type=week].timezone-click-to-edit:focus,
input[type=email]:focus,
[type=email].timezone-click-to-edit:focus,
input[type=number]:focus,
[type=number].timezone-click-to-edit:focus,
input[type=search]:focus,
[type=search].timezone-click-to-edit:focus,
input[type=tel]:focus,
[type=tel].timezone-click-to-edit:focus,
input[type=time]:focus,
[type=time].timezone-click-to-edit:focus,
input[type=url]:focus,
[type=url].timezone-click-to-edit:focus,
input[type=color]:focus,
[type=color].timezone-click-to-edit:focus,
textarea:focus {
  outline: none;
  border-color: var(--cf-legacy-teal) !important;
}

textarea[disabled],
input[disabled],
[disabled].timezone-click-to-edit {
  opacity: 0.5;
}

label.viewable-password-input span.visible-icon, #settlements > ul > li .settlement-area .viewable-password-input.settlement-date span.visible-icon, .table-pagination .viewable-password-input.pagination-text span.visible-icon, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .viewable-password-input.sidebar-record-category span.visible-icon, .graph .graph-pagination .viewable-password-input.graph-stats span.visible-icon, .activity-feed > ul > li .feed-memo .viewable-password-input.feed-memo-date span.visible-icon {
  position: absolute;
  top: 20px;
  right: 4px;
}
label.viewable-password-input span.visible-icon svg, #settlements > ul > li .settlement-area .viewable-password-input.settlement-date span.visible-icon svg, .table-pagination .viewable-password-input.pagination-text span.visible-icon svg, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .viewable-password-input.sidebar-record-category span.visible-icon svg, .graph .graph-pagination .viewable-password-input.graph-stats span.visible-icon svg, .activity-feed > ul > li .feed-memo .viewable-password-input.feed-memo-date span.visible-icon svg {
  transform: scale(0.55);
  cursor: pointer;
}
label.viewable-password-input span.visible-icon svg path, #settlements > ul > li .settlement-area .viewable-password-input.settlement-date span.visible-icon svg path, .table-pagination .viewable-password-input.pagination-text span.visible-icon svg path, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .viewable-password-input.sidebar-record-category span.visible-icon svg path, .graph .graph-pagination .viewable-password-input.graph-stats span.visible-icon svg path, .activity-feed > ul > li .feed-memo .viewable-password-input.feed-memo-date span.visible-icon svg path {
  fill: var(--cf-legacy-loblolly);
}

.outside-box label.viewable-password-input span.visible-icon, .outside-box #settlements > ul > li .settlement-area .viewable-password-input.settlement-date span.visible-icon, #settlements > ul > li .settlement-area .outside-box .viewable-password-input.settlement-date span.visible-icon, .outside-box .table-pagination .viewable-password-input.pagination-text span.visible-icon, .table-pagination .outside-box .viewable-password-input.pagination-text span.visible-icon, .outside-box .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .viewable-password-input.sidebar-record-category span.visible-icon, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outside-box .viewable-password-input.sidebar-record-category span.visible-icon, .outside-box .graph .graph-pagination .viewable-password-input.graph-stats span.visible-icon, .graph .graph-pagination .outside-box .viewable-password-input.graph-stats span.visible-icon, .outside-box .activity-feed > ul > li .feed-memo .viewable-password-input.feed-memo-date span.visible-icon, .activity-feed > ul > li .feed-memo .outside-box .viewable-password-input.feed-memo-date span.visible-icon {
  top: 24px;
  right: 4px;
}

.validation-messages {
  margin: 0;
  padding: 0;
  color: var(--cf-alert-500);
}
.validation-messages li {
  list-style: none;
  color: var(--cf-alert-500);
  font-size: 13px;
  font-weight: 500;
  padding: 10px 0 0;
}

.contact-create-link {
  cursor: pointer;
  color: var(--cf-purple-600);
}

.time-field-wrapper .time {
  position: relative;
  margin-bottom: 0;
}
.time-field-wrapper .time-wrapper {
  width: 90%;
}
.time-field-wrapper .time-wrapper .link-btn, .time-field-wrapper .time-wrapper .list-column .list-column__row a.download-btn.right, .list-column .list-column__row .time-field-wrapper .time-wrapper a.download-btn.right {
  display: flex;
  align-items: center;
  margin-top: 30px;
  outline: none;
}
.time-field-wrapper .time-wrapper .remove-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.time-field-wrapper .time-wrapper .remove-btn .filled {
  fill: var(--cf-legacy-loblolly);
}

.form-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1008;
  background: var(--cf-legacy-modal-overlay);
  visibility: hidden;
  backface-visibility: hidden;
}
.form-modal form {
  position: relative;
  width: 96%;
  margin: 0 auto;
  max-width: 550px;
  overflow-y: auto;
  top: 50%;
  transform: translateY(-50%) scale(0.7);
  opacity: 0;
  transition: all 0.3s;
  text-align: center;
  padding: 16px;
  background-color: var(--cf-white);
  box-shadow: var(--shadow-light-shade);
  border-radius: var(--radius-md);
}
.form-modal form p {
  margin: 3px 0 0;
  font-size: 18px;
}
.form-modal form .form-modal__confirm-input {
  margin-top: 16px;
  background-color: var(--cf-legacy-air);
  padding: 16px;
  border-radius: var(--radius-md);
}
.form-modal form .form-modal__confirm-input .form-modal__confirm-input-message {
  color: var(--cf-alert-500, var(--cf-legacy-red));
  font-weight: 500;
  margin-bottom: 16px;
}
.form-modal form .form-modal__confirm-input .form-modal__confirm-input-message span.form-modal__confirm-value {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  font-weight: 400;
}
.form-modal form .lead {
  font-weight: 700;
  font-size: 24px;
  margin-top: 3px;
}
.form-modal form .button-box {
  margin: 32px 0 5px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.form-modal form .button-box button {
  margin: 0 16px;
}
.form-modal.is-delete .lead strong {
  color: var(--cf-alert-500);
}
.form-modal.is-delete .svg-icon.warning svg path.filled {
  fill: var(--cf-alert-500);
}
.form-modal.is-info-with-cancel .lead strong {
  color: var(--cf-legacy-teal);
}
@media (min-width: 769px) {
  .form-modal.register-modal {
    width: 100%;
  }
}
.form-modal.action-modal form {
  text-align: left;
  padding: 2em 1em;
}
@media (max-width: 767px) {
  .form-modal.action-modal form {
    top: 40% !important;
  }
}
@media (max-width: 844px) {
  .form-modal.action-modal form {
    border: var(--border-width) solid var(--cf-gray-300);
  }
}
.form-modal.action-modal form p {
  text-align: center;
}
.form-modal.action-modal form .button-box {
  text-align: left;
}
.form-modal.generic-modal .modal {
  position: relative;
  width: 96%;
  margin: 0 auto;
  max-width: 700px;
  overflow-y: visible;
  top: 40%;
  transform: translateY(-50%) scale(0.7);
  opacity: 0;
  transition: all 0.3s;
  padding: 2em 1em;
}
@media (max-width: 767px) {
  .form-modal.generic-modal .modal {
    top: 10px !important;
    transform: translateY(0%) !important;
  }
}
.form-modal.generic-modal.show-form {
  visibility: visible;
}
.form-modal.generic-modal.show-form .modal {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.form-modal.timeline-modal .modal {
  text-align: left;
}
.form-modal.timeline-modal .modal h2, .form-modal.timeline-modal .modal .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .form-modal.timeline-modal .modal h4 {
  text-align: center;
}
.form-modal.timeline-modal .modal .buttons .primary {
  float: right;
}
.form-modal.timeline-contact-modal {
  display: block;
}
.form-modal.timeline-contact-modal h4 {
  text-align: left;
  margin-bottom: 7px;
}
.form-modal.timeline-contact-modal h3, .form-modal.timeline-contact-modal .alerts ul li, .alerts ul .form-modal.timeline-contact-modal li {
  text-align: left;
  margin: 0;
}
.form-modal.timeline-contact-modal h3 .field, .form-modal.timeline-contact-modal .alerts ul li .field, .alerts ul .form-modal.timeline-contact-modal li .field {
  max-width: 100%;
}
.form-modal.timeline-contact-modal .contact-create > div {
  float: none;
}
.form-modal.timeline-fact-modal {
  display: block;
}
.form-modal.timeline-fact-modal.is-dragging .modal, .form-modal.timeline-fact-modal.is-processing .modal, .form-modal.timeline-fact-modal.is-uploading .modal {
  border: var(--border-width) dashed var(--cf-gray-300);
}
.form-modal.timeline-fact-modal.is-dragging .modal div,
.form-modal.timeline-fact-modal.is-dragging .modal span,
.form-modal.timeline-fact-modal.is-dragging .modal form, .form-modal.timeline-fact-modal.is-processing .modal div,
.form-modal.timeline-fact-modal.is-processing .modal span,
.form-modal.timeline-fact-modal.is-processing .modal form, .form-modal.timeline-fact-modal.is-uploading .modal div,
.form-modal.timeline-fact-modal.is-uploading .modal span,
.form-modal.timeline-fact-modal.is-uploading .modal form {
  pointer-events: none;
}
.form-modal.timeline-fact-modal.is-dragging .modal + .x-table__tbody__tr, .form-modal.timeline-fact-modal.is-processing .modal + .x-table__tbody__tr, .form-modal.timeline-fact-modal.is-uploading .modal + .x-table__tbody__tr {
  border-top: 0;
}
.form-modal.timeline-fact-modal.is-dragging .modal .drop-overlay, .form-modal.timeline-fact-modal.is-processing .modal .drop-overlay, .form-modal.timeline-fact-modal.is-uploading .modal .drop-overlay {
  margin-left: -15px;
  display: block;
}
.form-modal.timeline-fact-modal h4 {
  text-align: left;
  margin-bottom: 7px;
}
.form-modal.timeline-fact-modal h3, .form-modal.timeline-fact-modal .alerts ul li, .alerts ul .form-modal.timeline-fact-modal li {
  text-align: left;
  margin: 0;
}
.form-modal.timeline-fact-modal h3 .field, .form-modal.timeline-fact-modal .alerts ul li .field, .alerts ul .form-modal.timeline-fact-modal li .field {
  max-width: 100%;
}
.form-modal.timeline-fact-modal .fact-create > div {
  float: none;
}
.form-modal.timeline-fact-modal .fact-create > div .modal-date input, .form-modal.timeline-fact-modal .fact-create > div .modal-date .timezone-click-to-edit {
  max-width: 250px;
  display: inline-block;
  vertical-align: middle;
  height: var(--input-height);
}
.form-modal.timeline-fact-modal .fact-create > div .modal-selects .issues .ember-power-select-wrapper,
.form-modal.timeline-fact-modal .fact-create > div .modal-selects .sources .ember-power-select-wrapper {
  width: 100%;
  height: 35px;
  margin-bottom: 1rem;
}
.form-modal.generate-document-from-template-modal .modal {
  text-align: left;
}
.form-modal.generate-document-from-template-modal .modal h2, .form-modal.generate-document-from-template-modal .modal .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .form-modal.generate-document-from-template-modal .modal h4 {
  text-align: center;
}
.form-modal.generate-document-from-template-modal .modal .buttons .primary {
  float: right;
}
.form-modal.show-form {
  visibility: visible;
}
.form-modal.show-form form {
  opacity: 1;
  transform: translateY(-50%) scale(1);
  max-height: 100%;
  overflow-y: auto;
}
.form-modal ul.fact-merge-confirmation-list {
  text-align: left;
}

.field {
  margin-bottom: 1rem;
  position: relative;
  flex: 0 0 auto;
}
td .field {
  margin-bottom: 0;
}
.fields-have-margin .field {
  margin-bottom: 1rem;
}
.field.error input, .field.error .timezone-click-to-edit {
  border-color: var(--cf-alert-500);
}
.field .issue-tag {
  position: absolute;
  bottom: 8px;
  right: 2em;
}
.field.has-no-margin {
  margin: 0;
}

/* stylelint-disable-next-line no-duplicate-selectors */
textarea {
  height: 80px;
}

input[type=number]::-webkit-inner-spin-button, [type=number].timezone-click-to-edit::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
[type=number].timezone-click-to-edit::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=number], [type=number].timezone-click-to-edit {
  -moz-appearance: textfield;
  appearance: textfield;
}

.date-field {
  position: relative;
}
.date-field input[type=text], .date-field [type=text].timezone-click-to-edit {
  padding-left: 35px;
}
.date-field .input-date {
  position: absolute;
  bottom: 5px;
  left: 9px;
}
.date-field .input-date g {
  opacity: 1;
}

.file-input-wrapper {
  position: absolute;
  cursor: pointer;
  bottom: 3px;
  left: 6px;
}
.file-input-wrapper ::-ms-value {
  display: none;
}
.file-input-wrapper ::-ms-browse {
  font-weight: 300;
  background: var(--cf-white);
  border-radius: 6px;
  border: var(--border-width) solid var(--cf-gray-300);
  font-size: 14px;
}
.file-input-wrapper input[type=file], .file-input-wrapper [type=file].timezone-click-to-edit {
  font-size: 13px;
  font-weight: 300;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.accessLevel .ember-radio-button p {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 16px;
}

.forgot-password-description {
  margin-bottom: 32px;
}

.chat-feedback-basic {
  margin: 0 auto;
  padding: 12px 16px;
}
.chat-feedback-basic .ember-power-select-trigger,
.chat-feedback-basic .ember-power-select-multiple-trigger {
  width: 100%;
}
.chat-feedback-basic .ember-basic-dropdown-trigger {
  margin-top: 6px;
}

.chat-feedback-basic__title {
  margin-bottom: 16px;
  font-size: 1.25em;
  font-weight: 500;
  color: var(--cf-ink);
}

.chat-feedback-basic__actions {
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
  gap: 0;
}

.chat-feedback-basic__textarea {
  margin-top: 6px;
  width: 100%;
  min-height: 100px;
  resize: vertical;
}

.ember-basic-dropdown-content.ember-power-select-dropdown.chat-feedback-dropdown {
  z-index: 10001 !important;
}

.chat-feedback-basic .form-for:not(.form-for--unformatted) {
  gap: 0;
}

.form-v2 .cf-form.chat-feedback-basic .ember-power-select-multiple-trigger {
  margin-top: 6px;
}

.design-2024 span.svg-icon.edit:hover svg path {
  fill: var(--neutral1000, var(--cf-ink));
}
.design-2024 span.svg-icon.edit svg path {
  fill: var(--neutral1000, var(--cf-ink));
}
.design-2024 span.svg-icon.new-spinner path {
  fill: var(--cf-purple-600);
}
.design-2024 span.svg-icon.activated svg rect {
  fill: var(--cf-purple-600);
}
.design-2024 span.svg-icon.spinner svg path.spinner__filled {
  fill: var(--cf-purple-600);
}
.design-2024 span.svg-icon.spinner svg path.spinner__stroked {
  stroke: var(--cf-purple-600);
}
.design-2024 svg.edit-row-save path.stroked {
  stroke: var(--green);
  fill: var(--green);
}

span.svg-icon.play path {
  fill: var(--green);
}

span.svg-icon.stop path {
  fill: var(--cf-alert-500);
}

span.svg-icon.edit svg path {
  fill: var(--cf-legacy-nobel);
}
span.svg-icon.edit:hover g path {
  fill: var(--cf-legacy-ash-light);
}

svg[class*=icon] g {
  transition: opacity 0.05s ease-in-out;
}
svg[class*=icon] g.nav-active,
svg[class*=icon] g.nav-inactive,
svg[class*=icon] g.button,
svg[class*=icon] g.filter,
svg[class*=icon] g.filter-label,
svg[class*=icon] g.base,
svg[class*=icon] g.add,
svg[class*=icon] g.resume,
svg[class*=icon] g.pause {
  opacity: 0;
}

#primary-nav svg[class*=icon] g.nav-inactive {
  opacity: 1;
}
#primary-nav li:hover svg[class*=icon] g.nav-active {
  opacity: 1;
}
#primary-nav li:hover svg[class*=icon] g.nav-inactive {
  opacity: 0;
}
#primary-nav .active svg[class*=icon] g.nav-active {
  opacity: 1;
}
#primary-nav .active svg[class*=icon] g.nav-inactive {
  opacity: 0;
}

[class*=-button] svg[class*=icon] {
  position: absolute;
  left: 0;
  top: -6px;
  width: 42px;
  height: 42px;
}
[class*=-button] svg[class*=icon] g.nav-active {
  opacity: 0;
}
[class*=-button] svg[class*=icon] g.nav-inactive {
  opacity: 0;
}
[class*=-button] svg[class*=icon] g.button {
  opacity: 1;
}
[class*=-button] .time-entries svg[class*=icon],
[class*=-button] .invoices svg[class*=icon] {
  left: 1px;
  top: -4px;
}
[class*=-button] .tasks svg[class*=icon] {
  top: -4px;
}
[class*=-button] .edit svg[class*=icon] {
  left: 12px;
  top: 7px;
  width: 23px;
  height: 24px;
}
[class*=-button] .expenses svg[class*=icon] {
  left: 10px;
  top: 5px;
  width: 23px;
  height: 24px;
}
[class*=-button] .delete {
  position: initial !important;
}
[class*=-button] .delete svg[class*=icon] {
  left: 9px;
  top: 6px;
  width: 22px;
  height: 22px;
}
[class*=-button] .leads svg[class*=icon] {
  left: -2px;
  top: -4px;
}

[class*=row-] {
  border: 0;
  outline: none;
  background: transparent;
  padding: 0;
}
[class*=row-]:disabled {
  opacity: 0.5;
}
[class*=row-] .duplicate {
  position: relative;
  margin: 0 5px;
  top: -2px;
}
[class*=row-] .attachment svg {
  width: 21px;
  height: 21px;
  position: relative;
  top: 6px;
  left: -1px;
  transform: scaleX(-1) rotate(-44deg);
  color: #b2babc;
}
[class*=row-] .attachment svg:hover {
  color: var(--cf-legacy-ash-light);
}
[class*=row-] .play {
  top: 5px;
}
[class*=row-] .play svg[class*=icon] g {
  opacity: 1;
}
[class*=row-] .play svg[class*=icon] g path {
  fill: var(--cf-legacy-green-glow);
}
[class*=row-] .stop {
  top: 5px;
}
[class*=row-] .stop svg[class*=icon] g {
  opacity: 1;
}
[class*=row-] .stop svg[class*=icon] g path,
[class*=row-] .stop svg[class*=icon] g rect {
  fill: var(--cf-alert-500);
}
[class*=row-] .edit {
  right: 2px;
}
[class*=row-] .edit svg[class*=icon] g {
  opacity: 1;
}
[class*=row-] .edit svg[class*=icon] g path,
[class*=row-] .edit svg[class*=icon] g use {
  fill: var(--cf-legacy-ash);
}
[class*=row-] .save,
[class*=row-] .delete,
[class*=row-] .close,
[class*=row-] .edit,
[class*=row-] .play,
[class*=row-] .stop,
[class*=row-] .plus,
[class*=row-] .minus,
[class*=row-] .activated,
[class*=row-] .deactivated,
[class*=row-] .resend {
  position: relative;
  cursor: pointer;
}

th .svg-icon {
  cursor: pointer;
}

td [class*=row-] {
  cursor: pointer;
}
td [class*=row-] .svg-icon.minus,
td [class*=row-] .svg-icon.plus {
  height: 16px;
  margin-right: 6px;
}
td [class*=row-] .svg-icon.minus svg,
td [class*=row-] .svg-icon.plus svg {
  width: 16px;
  height: 16px;
}
td [class*=row-] .svg-icon.minus svg {
  stroke: var(--cf-alert-500);
}
td [class*=row-] .svg-icon.plus svg {
  width: 20px;
  height: 20px;
}
td [class*=row-] .svg-icon.plus svg path.filled {
  fill: var(--cf-purple-600);
}
td .isBillable {
  white-space: nowrap;
}
td .isBillable label, td .isBillable #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area td .isBillable .settlement-date, td .isBillable .table-pagination .pagination-text, .table-pagination td .isBillable .pagination-text, td .isBillable .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details td .isBillable .sidebar-record-category, td .isBillable .graph .graph-pagination .graph-stats, .graph .graph-pagination td .isBillable .graph-stats, td .isBillable .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo td .isBillable .feed-memo-date {
  display: inline-block;
}
td .isBillable .svg-icon {
  position: relative;
  top: 5px;
}

.search-results li svg[class*=icon] {
  position: absolute;
  left: 0;
  top: -4px;
}
.search-results li svg[class*=icon] g.filter-label {
  opacity: 1;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
svg.spinning {
  animation-name: spin;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.icon.spinner {
  animation-name: spin;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.input-with-left-icon {
  position: relative;
}
.input-with-left-icon input, .input-with-left-icon .timezone-click-to-edit {
  padding-left: 32px;
}
.input-with-left-icon .svg-icon.input-email, .input-with-left-icon .svg-icon.input-lock {
  position: absolute;
  left: 0;
  top: 0;
}
.input-with-left-icon .svg-icon.input-email {
  padding: 12px 0 0 8px;
}

.feed-icon svg[class*=icon] g.button {
  opacity: 1;
}
.feed-icon .document {
  position: relative;
  top: -3px;
}
.feed-icon .document path {
  stroke: var(--cf-legacy-nobel);
}
.feed-icon .document rect {
  display: none;
}
.feed-icon .input-date {
  position: relative;
  top: 2px;
}
.feed-icon .input-email {
  position: relative;
  top: 3px;
  left: 7px;
}
.feed-icon .input-email svg {
  width: 42px;
  height: 42px;
}
.feed-icon .input-email svg path {
  fill: var(--cf-white);
  stroke: var(--cf-legacy-nobel);
}
.feed-icon .leads svg {
  position: relative;
  left: -4px;
  top: -10px;
}
.feed-icon .leads path {
  fill: var(--cf-legacy-nobel);
}

.svg-icon.global-timeline {
  position: relative;
  left: -1px;
}
.svg-icon.global-timeline svg {
  width: 48px;
  height: 48px;
}

button.row-delete {
  box-shadow: none;
}

.svg-icon.activated svg,
.svg-icon.deactivated svg {
  width: 30px;
  height: 15px;
  vertical-align: middle;
}

.svg-icon.deactivated svg rect {
  fill: var(--cf-white);
  stroke: var(--cf-gray-500);
}
.svg-icon.deactivated svg circle {
  fill: var(--cf-ink);
}

/*
  divs with the actions class are containers for items such as
  - download CSV buttons
  - calendar filters
  - edit buttons on detail pages
  - add buttons on list pages

*/
.actions {
  position: relative;
}
@media (max-width: 767px) {
  .actions {
    order: 1;
  }
}
@media (max-width: 767px) {
  .actions .quick-actions {
    text-align: left;
    display: inline-block;
    vertical-align: top;
  }
}

/*
  This styling applies to the `{{quick-actions}}` component
*/
.quick-actions {
  position: relative;
  float: right;
  margin-left: 8px;
  z-index: 1;
}
.quick-actions.show-actions .quick-actions__sub-menu {
  display: block;
}

.modal-delete {
  position: absolute;
  left: 106px;
  bottom: 30px;
}
@media (min-width: 768px) {
  .modal-delete {
    left: 118px;
  }
}

.multiple-document-upload-modal > .row, .multiple-document-upload-modal > .x-timeline {
  margin-bottom: 16px;
}
.multiple-document-upload-modal .multiple-document-upload-modal__unarchive {
  margin-top: 4px;
}
.multiple-document-upload-modal .multiple-document-upload-modal__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
}
.multiple-document-upload-modal .multiple-document-upload-modal__buttons .multiple-document-upload-modal__buttons__right {
  margin-left: auto;
}
.multiple-document-upload-modal .multiple-document-upload-modal__buttons .multiple-document-upload-modal__buttons__left {
  gap: 4px;
}
.multiple-document-upload-modal .document-queue {
  padding-top: 16px;
}
.multiple-document-upload-modal .document-queue .document-queue__item {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-bottom: 1px solid var(--cf-gray-300);
}
.multiple-document-upload-modal .document-queue .document-queue__item:last-of-type {
  border-bottom: none;
}
.multiple-document-upload-modal .document-queue .document-queue__item > div {
  padding: 8px;
}
.multiple-document-upload-modal .document-queue .document-queue__item .document-queue__item__name {
  width: 60%;
  font-weight: 500;
  overflow-wrap: break-word;
}
.multiple-document-upload-modal .document-queue .document-queue__item .document-queue__item__status {
  width: 40%;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.multiple-document-upload-modal .document-queue .document-queue__item .document-queue__item__status .nanobar-container {
  height: 4px;
}
.multiple-document-upload-modal .document-queue .document-queue__item .document-queue__item__status button.multiple-document-upload-modal__upload-match {
  color: var(--cf-alert-500);
  border: none;
  padding: 0;
  margin: 0;
  height: auto;
  line-height: inherit;
  box-shadow: inherit;
}
.multiple-document-upload-modal .document-queue .document-queue__item .document-queue__item__status .help-hover svg {
  transform: translateY(2px);
}
.multiple-document-upload-modal .max-documents-reached-error {
  background: var(--cf-legacy-air);
  border: var(--border-width) solid var(--cf-gray-300);
}
.multiple-document-upload-modal .max-documents-reached-error p {
  text-align: center;
  margin: 1rem;
}

.browser-warning-modal h1 {
  color: var(--cf-alert-500);
}
.browser-warning-modal .browser-warning-modal__actions {
  width: 100%;
}

.ember-modal-dialog,
.ember-modal-overlay {
  z-index: 1007 !important;
}

.generating-case-modal h2, .generating-case-modal .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .generating-case-modal h4 {
  margin-bottom: 16px;
}

.generating-case-modal__hint {
  font-size: 0.8rem;
  color: var(--cf-slate-400);
  margin-top: 4px;
}

.design-2024 .dropdown-content, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu, .design-2024 .settings-pop-out-menu {
  border: 1px solid var(--cf-gray-100);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  padding: 4px;
}
.design-2024 .dropdown-content > ul > li, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li, .design-2024 .settings-pop-out-menu > ul > li {
  border-radius: 2px;
}
.design-2024 .dropdown-content > ul > li:not(:last-of-type), .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li:not(:last-of-type), .design-2024 .settings-pop-out-menu > ul > li:not(:last-of-type) {
  margin-bottom: 2px;
}
.design-2024 .dropdown-content > ul > li:hover, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li:hover, .design-2024 .settings-pop-out-menu > ul > li:hover {
  color: var(--cf-ink);
}
.design-2024 .dropdown-content > ul > li.selected, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.selected, .design-2024 .settings-pop-out-menu > ul > li.selected {
  background: var(--cf-gray-100);
}

.dropdown__trigger {
  display: inline-block;
}

.dropdown-trigger {
  background-color: var(--cf-white);
  border: var(--input-border-width) solid var(--cf-legacy-loblolly);
  border-radius: var(--radius-md);
  color: var(--cf-gray-800);
  font-size: 14px;
  margin-right: 8px;
  min-width: 200px;
  padding: 0 32px 0 8px;
  text-align: left;
  position: relative;
  cursor: pointer;
  outline: none;
  min-height: var(--input-height);
  line-height: var(--input-height);
  box-sizing: border-box;
  display: inline-block;
}
.dropdown-trigger.dropdown-trigger--active {
  border: var(--input-border-width) solid var(--cf-purple-600);
  box-shadow: var(--shadow-deep) !important;
}
.dropdown-trigger span.svg-icon {
  position: absolute;
  top: -2px;
  right: 8px;
}
.dropdown-trigger span.svg-icon svg path {
  fill: var(--cf-legacy-loblolly);
}

.dropdown-content, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu, .design-2024 .settings-pop-out-menu {
  background-color: var(--cf-white);
  border: var(--border-width) solid var(--cf-legacy-loblolly);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-deep) !important;
  max-height: 480px;
  overflow-y: auto;
}
.dropdown-content.dropdown-content--high-z, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .dropdown-content--high-z.primary-nav__nav-item--cases__sub-menu, .design-2024 .dropdown-content--high-z.settings-pop-out-menu {
  z-index: 1100;
}
.dropdown-content.dropdown-content--info-only ul li, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .dropdown-content--info-only.primary-nav__nav-item--cases__sub-menu ul li, .design-2024 .dropdown-content--info-only.settings-pop-out-menu ul li {
  cursor: default;
}
.dropdown-content.dropdown-content--info-only ul li:hover, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .dropdown-content--info-only.primary-nav__nav-item--cases__sub-menu ul li:hover, .design-2024 .dropdown-content--info-only.settings-pop-out-menu ul li:hover {
  color: var(--cf-gray-800);
  background-color: var(--cf-white);
}
.dropdown-content > ul, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul, .design-2024 .settings-pop-out-menu > ul {
  border: none;
  margin: 0;
  list-style: none;
  padding: 0;
}
.dropdown-content > ul:focus, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul:focus, .design-2024 .settings-pop-out-menu > ul:focus {
  outline: none;
}
.dropdown-content > ul > li.dropdown-menu-item:focus, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.dropdown-menu-item:focus, .design-2024 .settings-pop-out-menu > ul > li.dropdown-menu-item:focus {
  color: var(--cf-gray-800);
}
.dropdown-content > ul > li.dropdown-menu-item--link, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.dropdown-menu-item--link, .design-2024 .settings-pop-out-menu > ul > li.dropdown-menu-item--link,
.dropdown-content > ul > li.dropdown-menu-item--link-to,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.dropdown-menu-item--link-to,
.design-2024 .settings-pop-out-menu > ul > li.dropdown-menu-item--link-to {
  padding: 0;
}
.dropdown-content > ul > li.dropdown-menu-item--link a, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.dropdown-menu-item--link a, .design-2024 .settings-pop-out-menu > ul > li.dropdown-menu-item--link a,
.dropdown-content > ul > li.dropdown-menu-item--link-to a,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.dropdown-menu-item--link-to a,
.design-2024 .settings-pop-out-menu > ul > li.dropdown-menu-item--link-to a {
  padding: 7px 16px;
  display: flex;
  align-items: center;
  width: 100%;
}
.dropdown-content > ul > li.dropdown-menu-item--link a:focus, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.dropdown-menu-item--link a:focus, .design-2024 .settings-pop-out-menu > ul > li.dropdown-menu-item--link a:focus,
.dropdown-content > ul > li.dropdown-menu-item--link-to a:focus,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.dropdown-menu-item--link-to a:focus,
.design-2024 .settings-pop-out-menu > ul > li.dropdown-menu-item--link-to a:focus {
  outline: none;
  color: var(--cf-purple-600);
  background-color: var(--cf-off-white);
}
.dropdown-content > ul hr, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul hr, .design-2024 .settings-pop-out-menu > ul hr {
  border: 0;
  border-top: 1px solid var(--cf-gray-300);
  margin: 0;
  padding: 0;
}
.dropdown-content > ul > li, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li, .design-2024 .settings-pop-out-menu > ul > li {
  padding: 7px 16px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  color: var(--cf-gray-800);
}
.dropdown-content > ul > li.disabled, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.disabled, .design-2024 .settings-pop-out-menu > ul > li.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.dropdown-content > ul > li.disabled:hover, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.disabled:hover, .design-2024 .settings-pop-out-menu > ul > li.disabled:hover {
  color: var(--cf-gray-800);
  background-color: var(--cf-white);
}
.dropdown-content > ul > li:focus, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li:focus, .design-2024 .settings-pop-out-menu > ul > li:focus {
  outline: none;
  color: var(--cf-purple-600);
  background-color: var(--cf-off-white);
}
.dropdown-content > ul > li span.check-mark, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li span.check-mark, .design-2024 .settings-pop-out-menu > ul > li span.check-mark {
  visibility: hidden;
  width: 12px;
  height: 12px;
  display: inline-block;
  text-align: center;
  position: relative;
  margin-right: 4px;
}
.dropdown-content > ul > li span.check-mark svg, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li span.check-mark svg, .design-2024 .settings-pop-out-menu > ul > li span.check-mark svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dropdown-content > ul > li span.check-mark svg path, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li span.check-mark svg path, .design-2024 .settings-pop-out-menu > ul > li span.check-mark svg path {
  fill: var(--cf-ink);
}
.dropdown-content > ul > li a, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li a, .design-2024 .settings-pop-out-menu > ul > li a {
  color: var(--cf-gray-800);
  text-decoration: none;
}
.dropdown-content > ul > li a:hover, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li a:hover, .design-2024 .settings-pop-out-menu > ul > li a:hover {
  color: var(--cf-purple-600);
}
.dropdown-content > ul > li.selected, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.selected, .design-2024 .settings-pop-out-menu > ul > li.selected {
  background-color: var(--cf-gray-100);
}
.dropdown-content > ul > li.selected span.check-mark, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li.selected span.check-mark, .design-2024 .settings-pop-out-menu > ul > li.selected span.check-mark {
  visibility: visible;
}
.dropdown-content > ul > li:hover, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu > ul > li:hover, .design-2024 .settings-pop-out-menu > ul > li:hover {
  color: var(--cf-purple-600);
  background-color: var(--cf-off-white);
}
.dropdown-content.dropdown-content--nowrap ul li, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .dropdown-content--nowrap.primary-nav__nav-item--cases__sub-menu ul li, .design-2024 .dropdown-content--nowrap.settings-pop-out-menu ul li {
  white-space: nowrap;
}

.design-2024 span.check-box {
  border-radius: 4px;
  border: 1px solid var(--cf-gray-500);
  background: var(--cf-white);
  position: relative;
}
.design-2024 span.check-box.check-box--remove {
  border: none;
  background-color: transparent;
}
.design-2024 span.check-box.check-box--remove svg {
  transform: translate(3px, -1px);
}
.design-2024 span.check-box.check-box--checked {
  background: var(--cf-purple-600, );
  border: none;
}
.design-2024 span.check-box.check-box--checked svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.design-2024 span.check-box.check-box--checked svg path {
  fill: var(--cf-white);
}
.design-2024 span.check-box svg path {
  fill: var(--cf-purple-600);
}

.email-settings-checkbox label.checkbox-field, .email-settings-checkbox #settlements > ul > li .settlement-area .checkbox-field.settlement-date, #settlements > ul > li .settlement-area .email-settings-checkbox .checkbox-field.settlement-date, .email-settings-checkbox .table-pagination .checkbox-field.pagination-text, .table-pagination .email-settings-checkbox .checkbox-field.pagination-text, .email-settings-checkbox .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .checkbox-field.sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .email-settings-checkbox .checkbox-field.sidebar-record-category, .email-settings-checkbox .graph .graph-pagination .checkbox-field.graph-stats, .graph .graph-pagination .email-settings-checkbox .checkbox-field.graph-stats, .email-settings-checkbox .activity-feed > ul > li .feed-memo .checkbox-field.feed-memo-date, .activity-feed > ul > li .feed-memo .email-settings-checkbox .checkbox-field.feed-memo-date {
  display: flex !important;
  flex-direction: row;
  align-items: center;
}
.email-settings-checkbox label.checkbox-field span.check-box, .email-settings-checkbox #settlements > ul > li .settlement-area .checkbox-field.settlement-date span.check-box, #settlements > ul > li .settlement-area .email-settings-checkbox .checkbox-field.settlement-date span.check-box, .email-settings-checkbox .table-pagination .checkbox-field.pagination-text span.check-box, .table-pagination .email-settings-checkbox .checkbox-field.pagination-text span.check-box, .email-settings-checkbox .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .checkbox-field.sidebar-record-category span.check-box, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .email-settings-checkbox .checkbox-field.sidebar-record-category span.check-box, .email-settings-checkbox .graph .graph-pagination .checkbox-field.graph-stats span.check-box, .graph .graph-pagination .email-settings-checkbox .checkbox-field.graph-stats span.check-box, .email-settings-checkbox .activity-feed > ul > li .feed-memo .checkbox-field.feed-memo-date span.check-box, .activity-feed > ul > li .feed-memo .email-settings-checkbox .checkbox-field.feed-memo-date span.check-box {
  margin-right: 8px;
}

span.check-box {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  position: relative;
  top: 2px;
  width: 16px;
}
span.check-box.check-box--unchecked svg path {
  fill: var(--cf-legacy-loblolly);
}
span.check-box.check-box--disabled svg {
  cursor: not-allowed;
}
span.check-box svg {
  position: absolute;
  top: -2px;
  right: 0;
  width: 20px;
  height: 20px;
}
span.check-box svg path {
  fill: var(--cf-legacy-teal);
}
span.check-box svg path.not-filled {
  fill: none;
}

/*
The base styles for all buttons.
- bold font
- smallish text
- padding set via app/variables.scss
- box shadow
- white background
*/
.button, .flex-actions-group div.task__start-timer,
button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-500);
  box-shadow: var(--button-box-shadow);
  border-radius: var(--radius-md);
  color: var(--cf-legacy-cloud);
  padding: 0 16px;
  height: 40px;
  line-height: 39px;
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 600;
  cursor: pointer;
  transition: border 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
.button:focus, .flex-actions-group div.task__start-timer:focus, .button:hover, .flex-actions-group div.task__start-timer:hover,
button:focus,
button:hover {
  border-color: var(--cf-legacy-ash);
  color: var(--cf-legacy-thunderstorm);
}
.button.has-icon.icon-position--left:not(.icon-btn), .flex-actions-group div.has-icon.icon-position--left.task__start-timer:not(.icon-btn),
button.has-icon.icon-position--left:not(.icon-btn) {
  padding-left: 8px;
}
.button.has-icon.icon-position--left:not(.icon-btn) .button--icon, .flex-actions-group div.has-icon.icon-position--left.task__start-timer:not(.icon-btn) .button--icon,
button.has-icon.icon-position--left:not(.icon-btn) .button--icon {
  margin-right: 4px;
}
.button.has-icon.icon-position--right:not(.icon-btn), .flex-actions-group div.has-icon.icon-position--right.task__start-timer:not(.icon-btn),
button.has-icon.icon-position--right:not(.icon-btn) {
  padding-right: 8px;
}
.button.has-icon.icon-position--right:not(.icon-btn) .button--icon, .flex-actions-group div.has-icon.icon-position--right.task__start-timer:not(.icon-btn) .button--icon,
button.has-icon.icon-position--right:not(.icon-btn) .button--icon {
  margin-left: 4px;
}
.button .svg-icon, .flex-actions-group div.task__start-timer .svg-icon,
button .svg-icon {
  display: inline-flex;
  align-items: center;
}
.button .button--loader:not(.icon--is-color) svg:not([fill=none]), .flex-actions-group div.task__start-timer .button--loader:not(.icon--is-color) svg:not([fill=none]),
button .button--loader:not(.icon--is-color) svg:not([fill=none]) {
  fill: currentcolor;
}
.button:not(.icon--is-color) .button--icon svg[fill=none] path[stroke]:not([stroke=none]), .flex-actions-group div.task__start-timer:not(.icon--is-color) .button--icon svg[fill=none] path[stroke]:not([stroke=none]),
button:not(.icon--is-color) .button--icon svg[fill=none] path[stroke]:not([stroke=none]) {
  stroke: currentcolor;
}
.button:not(.icon--is-color) .button--icon svg [fill]:not([fill=none]), .flex-actions-group div.task__start-timer:not(.icon--is-color) .button--icon svg [fill]:not([fill=none]),
.button:not(.icon--is-color) .button--icon svg path.filled,
.flex-actions-group div.task__start-timer:not(.icon--is-color) .button--icon svg path.filled,
button:not(.icon--is-color) .button--icon svg [fill]:not([fill=none]),
button:not(.icon--is-color) .button--icon svg path.filled {
  fill: currentcolor;
}
.button.btn--is-loading:not(.has-icon) .btn-contents, .flex-actions-group div.btn--is-loading.task__start-timer:not(.has-icon) .btn-contents,
button.btn--is-loading:not(.has-icon) .btn-contents {
  visibility: hidden;
}
.button.btn--is-loading .svg-icon, .flex-actions-group div.btn--is-loading.task__start-timer .svg-icon,
button.btn--is-loading .svg-icon {
  position: relative;
  display: flex;
}
.button.btn--is-loading .svg-icon svg:not(.button--loader-svg), .flex-actions-group div.btn--is-loading.task__start-timer .svg-icon svg:not(.button--loader-svg),
button.btn--is-loading .svg-icon svg:not(.button--loader-svg) {
  visibility: hidden;
}
.button.btn--is-loading .button--loader, .flex-actions-group div.btn--is-loading.task__start-timer .button--loader,
button.btn--is-loading .button--loader {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.button.btn--split-left, .flex-actions-group div.btn--split-left.task__start-timer,
button.btn--split-left {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button.btn--split-right, .flex-actions-group div.btn--split-right.task__start-timer,
button.btn--split-right {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button.btn--split-left::after, .flex-actions-group div.btn--split-left.task__start-timer::after,
button.btn--split-left::after {
  content: "";
  position: absolute;
  bottom: 10%; /* Start 10% from the bottom */
  top: 10%; /* End 10% from the top */
  right: 0; /* Align to the right edge */
  width: 1px; /* Thickness of the border */
  background: currentcolor; /* Border color */
}
.button.btn--full-width, .flex-actions-group div.btn--full-width.task__start-timer,
button.btn--full-width {
  display: flex;
  width: 100%;
}

.bare-btn {
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  height: auto !important;
  width: auto !important;
  line-height: 1;
  font-size: inherit;
  background: none;
}
.bare-btn.icon-btn:disabled {
  opacity: 0.4;
  background-color: transparent;
}
.bare-btn.icon-btn svg {
  flex: 1;
}
.bare-btn:hover {
  background: none !important;
}

a.action-link {
  color: var(--cf-purple-600);
}

.print-btn {
  padding-top: 6px;
}

a.text-btn.btn--small, a.text-btn.pill, a.text-btn.source-tag-pill, a.btn--small.button-with-icon, a.button-with-icon.pill, a.button-with-icon.source-tag-pill {
  text-decoration: none;
}

a.text-btn,
.text-btn,
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom.timezone-click-to-edit,
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--none-option.timezone-click-to-edit,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.button-with-icon,
.tool-btn.button-with-icon,
.tool-btn.text-btn {
  white-space: nowrap;
  text-decoration: none;
  color: var(--cf-ink);
}
a.text-btn:hover,
.text-btn:hover,
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom:hover,
.color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom.timezone-click-to-edit:hover,
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option:hover,
.color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--none-option.timezone-click-to-edit:hover,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom:hover,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option:hover,
.button-with-icon:hover {
  background-color: var(--cf-off-white);
}
a.text-btn:disabled,
.text-btn:disabled,
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom:disabled,
.color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom.timezone-click-to-edit:disabled,
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option:disabled,
.color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--none-option.timezone-click-to-edit:disabled,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom:disabled,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option:disabled,
.button-with-icon:disabled {
  opacity: 0.4;
  background-color: var(--cf-off-white);
}

.btn--has-cancel-clear {
  padding-right: 28px;
}
.btn--has-cancel-clear span.cancel-clear {
  position: absolute;
  right: 5px;
  top: 2px;
  height: 32px;
}
.btn--has-cancel-clear span.cancel-clear svg {
  width: 16px;
  height: 16px;
}

.view-all-btn {
  text-decoration: none;
}

/*
delete buttons are always red
*/
.delete-btn, .tool-btn.delete-btn,
button.delete {
  background-color: var(--cf-alert-500, var(--cf-legacy-red));
  border: none;
  color: var(--cf-white);
}
.delete-btn:disabled,
button.delete:disabled {
  opacity: 0.4;
  background-color: var(--cf-alert-500, var(--cf-legacy-red));
  color: var(--cf-white);
}
.delete-btn:disabled:hover,
button.delete:disabled:hover {
  background-color: var(--cf-alert-500, var(--cf-legacy-red));
  color: var(--cf-white);
}
.delete-btn:focus, .delete-btn:hover,
button.delete:focus,
button.delete:hover {
  color: var(--cf-white);
}
.delete-btn:not(.icon--is-color) svg [fill]:not([fill=none]), .delete-btn:not(.icon--is-color) svg path.filled,
button.delete:not(.icon--is-color) svg [fill]:not([fill=none]),
button.delete:not(.icon--is-color) svg path.filled {
  fill: currentcolor;
}

.secondary-btn, .tool-btn.secondary-btn {
  border: none;
  color: #fff;
  background-color: #495559;
}
.secondary-btn:hover {
  color: #fff;
  background-color: #363f42;
}
.secondary-btn:disabled {
  opacity: 0.4;
  background-color: #495559;
  color: #fff;
}
.secondary-btn:not(.icon--is-color) svg [fill]:not([fill=none]), .secondary-btn:not(.icon--is-color) svg path.filled {
  fill: currentcolor;
}
.secondary-btn:focus {
  color: #fff;
}

.utility-btn {
  background: var(--cf-off-white);
  border: 1px solid transparent;
}
.utility-btn:hover {
  background: var(--cf-gray-100);
  border: 1px solid transparent;
}
.utility-btn:active {
  background: var(--cf-gray-300);
  border: 1px solid transparent;
}
.utility-btn:disabled {
  opacity: 0.4;
  border: 1px solid transparent;
}

.icon-jar-button svg:not(:last-child) {
  width: 13px;
  height: 13px;
  margin-right: 2px;
  fill: currentcolor;
}
.icon-jar-button svg:not(:last-child) g:not(.colorable-stroke) {
  fill: currentcolor;
}
.icon-jar-button svg:not(:last-child) .colorable-stroke {
  stroke: currentcolor;
}

.text-btn--accented {
  border-color: var(--cf-purple-600);
  color: var(--cf-purple-600);
}
.text-btn--accented:focus, .text-btn--accented:hover {
  border-color: var(--cf-purple-600);
}

.text-btn--accented-orange {
  border-color: var(--cf-purple-600);
  color: var(--cf-purple-600);
}
.text-btn--accented-orange:focus, .text-btn--accented-orange:hover {
  border-color: var(--cf-purple-600);
}

.text-btn--flare:not(.icon--is-color):focus, .text-btn--flare:not(.icon--is-color):hover {
  color: var(--cf-purple-600);
}
.text-btn--flare:not(.icon--is-color):focus svg path.colorable-fill, .text-btn--flare:not(.icon--is-color):hover svg path.colorable-fill {
  fill: var(--cf-purple-600);
}

a.primary-btn, a.submit-btn,
.primary-btn,
.tool-btn.primary-btn,
.tool-btn.submit-btn,
.submit-btn {
  background-color: var(--cf-purple-600);
  border: none;
  color: var(--cf-white);
  transition: all 0.1s ease;
  letter-spacing: 0.4px;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
}
a.primary-btn:focus, a.primary-btn:hover,
.primary-btn:focus,
.submit-btn:focus,
.primary-btn:hover,
.submit-btn:hover {
  border: none;
  color: var(--cf-white);
  transition: all 0.1s ease;
  background-color: var(--cf-purple-700);
  text-decoration: none;
}
a.primary-btn:disabled,
.primary-btn:disabled,
.submit-btn:disabled {
  opacity: 0.4;
  background-color: var(--cf-purple-600) !important;
  color: var(--cf-white) !important;
}
a.primary-btn.btn--is-loading .button--loader svg,
.primary-btn.btn--is-loading .button--loader svg,
.btn--is-loading.submit-btn .button--loader svg {
  fill: var(--cf-white) !important;
}
a.primary-btn:not(.icon--is-color) svg [fill]:not([fill=none]), a.primary-btn:not(.icon--is-color) svg path.filled,
.primary-btn:not(.icon--is-color) svg [fill]:not([fill=none]),
.submit-btn:not(.icon--is-color) svg [fill]:not([fill=none]),
.primary-btn:not(.icon--is-color) svg path.filled,
.submit-btn:not(.icon--is-color) svg path.filled {
  fill: currentcolor;
}
a.primary-btn.tool-btn,
.primary-btn.tool-btn,
.tool-btn.submit-btn {
  background-color: var(--cf-purple-600);
}

.special-btn {
  background-color: var(--cf-ink);
  border: none;
  color: var(--cf-white) !important;
  transition: all 0.1s ease;
  letter-spacing: 0.4px;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
}
.special-btn:focus, .special-btn:hover {
  border: none;
  color: var(--cf-white);
  transition: all 0.1s ease;
  background-color: var(--cf-black);
  text-decoration: none;
}
.special-btn:disabled {
  opacity: 0.4;
  background-color: var(--cf-ink) !important;
  color: var(--cf-white) !important;
}
.special-btn:not(.icon--is-color) svg [fill]:not([fill=none]), .special-btn:not(.icon--is-color) svg path.filled {
  fill: currentcolor;
}
.special-btn.tool-btn {
  background-color: var(--cf-ink);
}

button:disabled {
  background-color: var(--cf-gray-300);
  color: var(--cf-legacy-ash-light);
}
button:disabled svg {
  fill: currentcolor;
}
button:disabled:focus, button:disabled:hover {
  background-color: var(--cf-gray-300);
  color: var(--cf-legacy-ash-light);
}

/*
 These have a gray background and are typically used for cancel buttons
*/
.warn-btn {
  background: var(--cf-alert-500);
  color: var(--cf-white);
  border: none;
}
.warn-btn:focus, .warn-btn:hover {
  color: #f7e4dc;
  border: none;
}

a.btn--small, a.pill, a.source-tag-pill {
  line-height: calc(26px - var(--border-width)) !important;
}
a.btn--small:hover, a.pill:hover, a.source-tag-pill:hover {
  text-decoration: none;
}

.button.btn--small, .flex-actions-group div.btn--small.task__start-timer, .button.pill, .flex-actions-group div.pill.task__start-timer, .button.source-tag-pill, .flex-actions-group div.source-tag-pill.task__start-timer,
.btn--small,
.pill,
.source-tag-pill {
  height: 32px;
  font-weight: 600;
  padding: 0 16px;
}
.button.btn--small:not(:last-child), .flex-actions-group div.btn--small.task__start-timer:not(:last-child),
.btn--small:not(:last-child),
.pill:not(:last-child),
.source-tag-pill:not(:last-child) {
  margin-right: 4px;
}
.button.btn--small.bare-btn, .flex-actions-group div.btn--small.bare-btn.task__start-timer,
.btn--small.bare-btn,
.bare-btn.pill,
.bare-btn.source-tag-pill {
  padding: 0;
  margin: 0;
}
.button.btn--small.icon-btn, .flex-actions-group div.btn--small.icon-btn.task__start-timer,
.btn--small.icon-btn,
.icon-btn.pill,
.icon-btn.source-tag-pill {
  width: 26px;
}

.button.btn--medium, .flex-actions-group div.btn--medium.task__start-timer,
.btn--medium {
  height: 32px;
  padding: 0 16px;
  line-height: 32px;
}
.button.btn--medium.icon-btn, .flex-actions-group div.btn--medium.icon-btn.task__start-timer,
.btn--medium.icon-btn {
  width: 32px;
}
.button.btn--medium .button--icon svg,
.button.btn--medium .svg-icon svg,
.btn--medium .button--icon svg,
.btn--medium .svg-icon svg {
  max-height: 16px;
}
.button.btn--medium .button--loader-svg, .flex-actions-group div.btn--medium.task__start-timer .button--loader-svg,
.btn--medium .button--loader-svg {
  width: 16px;
  height: 16px;
}

.gray-btn {
  background: var(--cf-legacy-nobel);
  color: var(--cf-white);
  border-color: var(--cf-legacy-nobel);
  padding-left: 16px;
  padding-right: 16px;
}
.gray-btn:focus, .gray-btn:hover {
  color: var(--cf-legacy-dust);
  border-color: var(--cf-legacy-nobel);
}

.danger-btn {
  background-color: var(--cf-legacy-nobel);
  color: var(--cf-white);
  border: none;
}
.danger-btn:focus, .danger-btn:hover {
  background-color: var(--cf-gray-500);
  border: none;
}

.create-btn {
  padding-left: 30px;
  color: var(--cf-ink);
}
.create-btn svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
}
.create-btn :not(.icon--is-color) svg [fill]:not([fill=none]),
.create-btn :not(.icon--is-color) svg path.filled {
  fill: var(--cf-purple-600);
}
.create-btn.create-btn--upload {
  width: 40px;
}
.create-btn.create-btn--upload svg {
  width: 24px;
  position: absolute;
  left: 11px;
}
.create-btn.create-btn--upload :not(.icon--is-color) svg path {
  fill: var(--cf-purple-600);
}
.create-btn:hover {
  background-color: var(--cf-off-white);
}
.create-btn:disabled {
  opacity: 0.4;
  background-color: var(--cf-off-white);
}

.disable-click {
  cursor: default !important;
}

.icon-btn {
  width: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-btn span.svg-icon {
  height: 24px;
  width: 24px;
  margin-right: 0;
}
.icon-btn.tool-btn {
  width: 32px;
}
.icon-btn.tool-btn .button--icon,
.icon-btn.tool-btn .button--loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tool-btn {
  color: var(--cf-ink);
  display: inline-flex;
  gap: 4px;
  border-radius: 8px;
  height: 32px;
  line-height: 32px;
  padding: 1px 8px;
  position: relative;
  align-items: center;
  background-color: var(--cf-gray-100);
  border: none;
}
.tool-btn.text-btn:hover:not([disabled]), .color-field__color-picker input.tool-btn.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom:hover:not([disabled]), .color-field__color-picker .tool-btn.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom.timezone-click-to-edit:hover:not([disabled]), .color-field__color-picker input.tool-btn.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option:hover:not([disabled]), .color-field__color-picker .tool-btn.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option.timezone-click-to-edit:hover:not([disabled]),
.color-field__color-picker button.tool-btn.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom:hover:not([disabled]),
.color-field__color-picker button.tool-btn.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option:hover:not([disabled]), .tool-btn.button-with-icon:hover:not([disabled]) {
  background-color: #c9c9c9;
}
.tool-btn span.svg-icon {
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.tool-btn.button--loader-svg, .tool-btn.icon-btn svg {
  height: 20px;
  width: 20px;
}
.tool-btn svg [fill]:not([fill=none]),
.tool-btn svg:not([fill=none]) {
  height: 20px;
  width: 20px;
}
.tool-btn:not(.icon--is-color) svg [fill]:not([fill=none]), .tool-btn:not(.icon--is-color) svg:not([fill=none]) {
  fill: currentcolor;
}

.no-lr-padding {
  padding-left: 0;
  padding-right: 0;
}

span.link-btn {
  cursor: pointer;
}

.link-btn, .list-column .list-column__row a.download-btn.right {
  border: none;
  box-shadow: none;
  margin-right: 8px;
  color: var(--cf-purple-600);
  height: auto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  background: none;
  line-height: 16px;
  padding: 0 !important;
}
.link-btn:disabled, .list-column .list-column__row a.download-btn.right:disabled {
  background-color: transparent !important;
}
.link-btn.has-icon.icon-position--left:not(.icon-btn), .list-column .list-column__row a.has-icon.icon-position--left.download-btn.right:not(.icon-btn) {
  padding-left: 0;
}
.link-btn.has-icon.icon-position--right:not(.icon-btn), .list-column .list-column__row a.has-icon.icon-position--right.download-btn.right:not(.icon-btn) {
  padding-right: 0;
}
.link-btn.link-btn--gray, .list-column .list-column__row a.link-btn--gray.download-btn.right {
  color: var(--cf-legacy-ash);
}
.link-btn.link-btn--gray:focus, .list-column .list-column__row a.link-btn--gray.download-btn.right:focus, .link-btn.link-btn--gray:hover, .list-column .list-column__row a.link-btn--gray.download-btn.right:hover {
  color: var(--cf-legacy-ash);
}
.link-btn span.svg-icon:not(.button--icon), .list-column .list-column__row a.download-btn.right span.svg-icon:not(.button--icon) {
  position: absolute;
  right: -6px;
  top: 1px;
}
.link-btn span.svg-icon:not(.button--icon) svg, .list-column .list-column__row a.download-btn.right span.svg-icon:not(.button--icon) svg {
  height: 11px;
}
.link-btn span.svg-icon:not(.button--icon) svg g, .list-column .list-column__row a.download-btn.right span.svg-icon:not(.button--icon) svg g {
  transition: stroke 0.3s ease;
}
.link-btn span.svg-icon:not(.button--icon) :not(.icon--is-color) svg:not([fill=none]) path, .list-column .list-column__row a.download-btn.right span.svg-icon:not(.button--icon) :not(.icon--is-color) svg:not([fill=none]) path,
.link-btn span.svg-icon:not(.button--icon) :not(.icon--is-color) svg:not([fill=none]) g,
.list-column .list-column__row a.download-btn.right span.svg-icon:not(.button--icon) :not(.icon--is-color) svg:not([fill=none]) g {
  fill: var(--cf-purple-600);
}
.link-btn.icon-btn .svg-icon, .list-column .list-column__row a.icon-btn.download-btn.right .svg-icon {
  position: static;
}
.link-btn.icon-btn .svg-icon:not(.icon--is-color) svg [fill]:not([fill=none]), .list-column .list-column__row a.icon-btn.download-btn.right .svg-icon:not(.icon--is-color) svg [fill]:not([fill=none]), .link-btn.icon-btn .svg-icon:not(.icon--is-color) svg path.filled, .list-column .list-column__row a.icon-btn.download-btn.right .svg-icon:not(.icon--is-color) svg path.filled {
  fill: currentcolor;
}
.link-btn.icon-btn .svg-icon svg, .list-column .list-column__row a.icon-btn.download-btn.right .svg-icon svg {
  height: auto;
}
.link-btn.icon-btn .svg-icon svg path, .list-column .list-column__row a.icon-btn.download-btn.right .svg-icon svg path,
.link-btn.icon-btn .svg-icon svg g,
.list-column .list-column__row a.icon-btn.download-btn.right .svg-icon svg g {
  transition: none;
}
.link-btn:focus, .list-column .list-column__row a.download-btn.right:focus, .link-btn:hover, .list-column .list-column__row a.download-btn.right:hover {
  border: none;
  color: var(--cf-purple-600);
  text-decoration: underline;
}
.link-btn:focus span.svg-icon svg[fill=none] path[stroke]:not([stroke=none]), .list-column .list-column__row a.download-btn.right:focus span.svg-icon svg[fill=none] path[stroke]:not([stroke=none]),
.link-btn:focus span.svg-icon svg[fill=none] g[stroke]:not([stroke=none]),
.list-column .list-column__row a.download-btn.right:focus span.svg-icon svg[fill=none] g[stroke]:not([stroke=none]), .link-btn:hover span.svg-icon svg[fill=none] path[stroke]:not([stroke=none]), .list-column .list-column__row a.download-btn.right:hover span.svg-icon svg[fill=none] path[stroke]:not([stroke=none]),
.link-btn:hover span.svg-icon svg[fill=none] g[stroke]:not([stroke=none]),
.list-column .list-column__row a.download-btn.right:hover span.svg-icon svg[fill=none] g[stroke]:not([stroke=none]) {
  stroke: var(--cf-purple-600);
}
.link-btn:focus span.svg-icon svg [fill]:not([fill=none]), .list-column .list-column__row a.download-btn.right:focus span.svg-icon svg [fill]:not([fill=none]),
.link-btn:focus span.svg-icon svg path.filled,
.list-column .list-column__row a.download-btn.right:focus span.svg-icon svg path.filled, .link-btn:hover span.svg-icon svg [fill]:not([fill=none]), .list-column .list-column__row a.download-btn.right:hover span.svg-icon svg [fill]:not([fill=none]),
.link-btn:hover span.svg-icon svg path.filled,
.list-column .list-column__row a.download-btn.right:hover span.svg-icon svg path.filled {
  fill: var(--cf-purple-600);
}
.link-btn.btn--small .button--icon svg, .list-column .list-column__row a.btn--small.download-btn.right .button--icon svg, .link-btn.pill .button--icon svg, .list-column .list-column__row a.pill.download-btn.right .button--icon svg, .link-btn.source-tag-pill .button--icon svg, .list-column .list-column__row a.source-tag-pill.download-btn.right .button--icon svg {
  width: 14px;
  height: 14px;
}
.link-btn.btn--small:not(.icon--is-color) .button--icon svg[fill=none] path[stroke]:not([stroke=none]), .list-column .list-column__row a.btn--small.download-btn.right:not(.icon--is-color) .button--icon svg[fill=none] path[stroke]:not([stroke=none]), .link-btn.pill:not(.icon--is-color) .button--icon svg[fill=none] path[stroke]:not([stroke=none]), .list-column .list-column__row a.pill.download-btn.right:not(.icon--is-color) .button--icon svg[fill=none] path[stroke]:not([stroke=none]), .link-btn.source-tag-pill:not(.icon--is-color) .button--icon svg[fill=none] path[stroke]:not([stroke=none]), .list-column .list-column__row a.source-tag-pill.download-btn.right:not(.icon--is-color) .button--icon svg[fill=none] path[stroke]:not([stroke=none]) {
  stroke: currentcolor !important;
}
.link-btn.btn--small:not(.icon--is-color) .button--icon svg [fill]:not([fill=none]), .list-column .list-column__row a.btn--small.download-btn.right:not(.icon--is-color) .button--icon svg [fill]:not([fill=none]), .link-btn.pill:not(.icon--is-color) .button--icon svg [fill]:not([fill=none]), .list-column .list-column__row a.pill.download-btn.right:not(.icon--is-color) .button--icon svg [fill]:not([fill=none]), .link-btn.source-tag-pill:not(.icon--is-color) .button--icon svg [fill]:not([fill=none]), .list-column .list-column__row a.source-tag-pill.download-btn.right:not(.icon--is-color) .button--icon svg [fill]:not([fill=none]),
.link-btn.btn--small:not(.icon--is-color) .button--icon svg path.filled,
.list-column .list-column__row a.btn--small.download-btn.right:not(.icon--is-color) .button--icon svg path.filled,
.link-btn.pill:not(.icon--is-color) .button--icon svg path.filled,
.list-column .list-column__row a.pill.download-btn.right:not(.icon--is-color) .button--icon svg path.filled,
.link-btn.source-tag-pill:not(.icon--is-color) .button--icon svg path.filled,
.list-column .list-column__row a.source-tag-pill.download-btn.right:not(.icon--is-color) .button--icon svg path.filled {
  fill: currentcolor;
}

.launch-highlights-btn {
  margin-right: 10px;
  border-radius: var(--radius-md);
  color: var(--cf-purple-600);
  box-shadow: none;
  transition: all 0.2s ease;
  display: inline-block;
  background-color: var(--cf-lilac-tint);
  border: none;
  padding: 0 28px;
}
.launch-highlights-btn .icon {
  width: 25px;
  height: 25px;
  position: inherit;
}
.launch-highlights-btn .icon path {
  fill: var(--cf-white);
}
.launch-highlights-btn .svg-icon {
  position: relative;
  top: 3px;
}
.launch-highlights-btn.launch-highlights-btn--open {
  background-color: var(--cf-white);
  color: var(--cf-legacy-ash-light) !important;
  border: none !important;
  min-width: 0;
}
.launch-highlights-btn.launch-highlights-btn--open:focus, .launch-highlights-btn.launch-highlights-btn--open:hover {
  background-color: var(--cf-white) !important;
  color: var(--cf-legacy-ash) !important;
  border: none !important;
}
.launch-highlights-btn:focus, .launch-highlights-btn:hover {
  background-color: var(--cf-purple-100, var(--cf-purple-100));
  color: var(--cf-purple-700, var(--cf-purple-700));
  border: none;
}
.launch-highlights-btn .nanobar-container {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--cf-white);
  border: var(--border-width) solid var(--cf-legacy-dust);
}
.launch-highlights-btn .nanobar-container .nanobar {
  height: 100%;
  z-index: 1;
}
.launch-highlights-btn.launch-highlights-btn--working, .launch-highlights-btn.launch-highlights-btn--disabled {
  border-radius: 8px;
}
.launch-highlights-btn.launch-highlights-btn--disabled {
  cursor: default;
  white-space: nowrap;
  text-align: center;
  opacity: 0.6;
  color: var(--cf-ink, var(--cf-ink));
  background-color: var(--cf-white, var(--cf-white));
  border: 1px solid var(--cf-gray-500, var(--cf-gray-500));
}
.launch-highlights-btn.launch-highlights-btn--disabled:focus, .launch-highlights-btn.launch-highlights-btn--disabled:hover {
  opacity: 0.6;
  background-color: var(--cf-white, var(--cf-white));
  color: var(--cf-ink, var(--cf-ink));
  border: 1px solid var(--cf-gray-500, var(--cf-gray-500));
}
.launch-highlights-btn.launch-highlights-btn--working {
  cursor: default;
  position: relative;
  border-radius: var(--radius-md);
  outline: none;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  opacity: 1;
  background-color: var(--cf-success-200);
  border: 1px solid var(--cf-success-400);
  color: var(--green);
}
.launch-highlights-btn.launch-highlights-btn--working span.launch-highlights-btn__sub-status-icon {
  position: relative;
  width: 24px;
  display: inline-block;
  height: 25px;
  margin-right: 8px;
}
.launch-highlights-btn.launch-highlights-btn--working span.launch-highlights-btn__sub-status-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.launch-highlights-btn.launch-highlights-btn--working span.launch-highlights-btn__sub-status-icon svg path {
  fill: var(--green) !important;
}
.launch-highlights-btn.launch-highlights-btn--working:focus, .launch-highlights-btn.launch-highlights-btn--working:hover {
  opacity: 1;
  background-color: var(--cf-success-200);
  border: 1px solid var(--cf-success-400);
  color: var(--green);
}

.download-btn--disabled {
  background-color: var(--cf-gray-300);
  color: var(--cf-legacy-ash-light);
  border: none;
}
.download-btn--disabled svg:not([fill=none]) {
  fill: currentcolor;
}
.download-btn--disabled:focus, .download-btn--disabled:hover {
  background-color: var(--cf-gray-300);
  color: var(--cf-legacy-ash-light);
}
.download-btn--disabled .icon {
  width: 25px;
  height: 25px;
  position: inherit;
}
.download-btn--disabled .icon path {
  fill: var(--cf-white);
}
.download-btn--disabled .svg-icon {
  position: relative;
  top: 3px;
}

.icon-wrap-btn {
  background: none;
  border: none;
  box-shadow: none;
}
.icon-wrap-btn svg {
  transform: scale(0.9) translate(-4px, 4px);
}
.icon-wrap-btn.icon-wrap-btn--with-padding {
  padding: 1px !important;
}

.overlay-button {
  background-color: rgba(116, 133, 137, 0.3);
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 80px;
  cursor: pointer;
  top: 50%;
  border: none;
  outline: none;
  transition: opacity 0.1s;
}
.overlay-button:hover {
  background-color: rgba(116, 133, 137, 0.5);
}
.overlay-button:disabled {
  opacity: 0.6;
  cursor: default;
  transition: opacity 0.1s;
}
.overlay-button.overlay-button--next {
  right: calc((100vw - 872px) / 4.25);
  justify-content: center;
}
.overlay-button.overlay-button--next.overlay-button--wide {
  right: 24px;
  z-index: 2;
}
.overlay-button.overlay-button--next svg {
  width: 39px;
  height: 39px;
}
.overlay-button.overlay-button--next svg path {
  fill: var(--cf-white);
}
.overlay-button.overlay-button--prev {
  left: calc((100vw - 872px) / 4.25);
  justify-content: center;
}
.overlay-button.overlay-button--prev.overlay-button--wide {
  left: 24px;
}
.overlay-button.overlay-button--prev svg {
  width: 39px;
  height: 39px;
}
.overlay-button.overlay-button--prev path {
  fill: var(--cf-white);
}

.button-with-icon {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
}
.button-with-icon span.svg-icon {
  margin-right: 5px;
  margin-top: 4px;
}
.button-with-icon.button-with-icon--mark-paid span.svg-icon {
  margin-right: 9px;
  margin-top: -3px;
}
.button-with-icon.button-with-icon--mark-paid.text-button svg g,
.button-with-icon.button-with-icon--mark-paid.text-button svg path {
  stroke: #5c5c5c;
  transition: stroke 0.3s ease-in-out;
}
.button-with-icon.button-with-icon--mark-paid.text-button:focus svg g,
.button-with-icon.button-with-icon--mark-paid.text-button:focus svg path, .button-with-icon.button-with-icon--mark-paid.text-button:hover svg g,
.button-with-icon.button-with-icon--mark-paid.text-button:hover svg path {
  stroke: var(--cf-white);
  transition: stroke 0.3s ease-in-out;
}

.split-button {
  display: inline-flex;
  gap: 0;
}
.split-button .button:first-child, .split-button .flex-actions-group div.task__start-timer:first-child, .flex-actions-group .split-button div.task__start-timer:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  margin-right: 0 !important;
}
.split-button .button:last-child, .split-button .flex-actions-group div.task__start-timer:last-child, .flex-actions-group .split-button div.task__start-timer:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.button-select .button--icon-right-chevron-down svg {
  width: 12px;
  right: 12px;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.form-launcher {
  white-space: nowrap;
  padding: 0;
}
.form-launcher .ember-basic-dropdown-trigger {
  transform: translateY(-1px);
  margin: 0;
  padding: 0 8px 0 12px;
  display: inline-block;
  height: 100%;
}
.form-launcher .ember-basic-dropdown-trigger .form-launcher__launch .form-launcher__launch__cta {
  color: var(--cf-purple-600);
}
.form-launcher .ember-basic-dropdown-trigger .form-launcher__launch .form-launcher__unsaved-changes svg {
  transform: scale(0.8) translateY(8px);
}
.form-launcher .ember-basic-dropdown-trigger .form-launcher__launch .form-launcher__unsaved-changes svg path.filled {
  fill: var(--cf-purple-600);
}
.form-launcher .form-launcher__cancel-clear {
  display: inline-block;
  height: 100%;
  position: relative;
  padding: 0 8px;
}
.form-launcher .form-launcher__cancel-clear::before {
  position: absolute;
  content: "";
  height: 75%;
  width: var(--border-width, 2px);
  background-color: var(--cf-gray-500);
  left: 0;
  top: 12.5%;
}
.form-launcher .form-launcher__cancel-clear svg {
  transform: translateY(4px);
  width: 20px;
  height: 20px;
}
.form-launcher .form-launcher__cancel-clear svg path {
  fill: var(--cf-ink);
}

.saved-views__actions-group {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 4px;
}
.saved-views__actions-group > button.link-btn {
  height: 40px;
  margin: 0;
}
.saved-views__actions-group button[data-launch-columns-editor] svg path {
  fill: none;
  stroke: var(--cf-ink);
}
.saved-views__actions-group button[data-launch-columns-editor],
.saved-views__actions-group button#filter-builder-toggle {
  padding: 4px 8px;
  border: 1px solid transparent;
}
.saved-views__actions-group button[data-launch-columns-editor] svg,
.saved-views__actions-group button#filter-builder-toggle svg {
  width: 24px;
  height: 24px;
  margin: 0;
}
.saved-views__actions-group button[data-launch-columns-editor].text-btn--accented,
.saved-views__actions-group button#filter-builder-toggle.text-btn--accented {
  background-color: var(--cf-purple-100);
}
.saved-views__actions-group button[data-launch-columns-editor].text-btn--accented svg path,
.saved-views__actions-group button#filter-builder-toggle.text-btn--accented svg path {
  fill: var(--cf-purple-600);
}
.saved-views__actions-group button[data-launch-columns-editor].launcher-btn--open,
.saved-views__actions-group button#filter-builder-toggle.launcher-btn--open {
  border: 1px solid var(--cf-gray-700);
  background: var(--cf-gray-100);
}
.saved-views__actions-group .push-right {
  margin-left: auto;
}
.saved-views__actions-group > .search-input {
  position: relative;
}
.saved-views__actions-group > .search-input input, .saved-views__actions-group > .search-input .timezone-click-to-edit {
  padding-right: 24px !important;
}
.saved-views__actions-group > .search-input .input-search g {
  opacity: 1;
}
.saved-views__actions-group > .search-input .input__clear-input {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  background: transparent;
  padding: 4px;
  display: block;
}
.search .saved-views__actions-group > .search-input .input__clear-input {
  right: 9px;
  bottom: 9px;
}
.saved-views__actions-group > .search-input .input__clear-input svg {
  width: 15px;
}
.saved-views__actions-group > .search-input .input__clear-input svg path.filled {
  fill: var(--cf-legacy-nobel);
}
.saved-views__actions-group > .search-input.search-input--has-value input, .saved-views__actions-group > .search-input.search-input--has-value .timezone-click-to-edit {
  border: var(--input-border-width) solid var(--cf-legacy-teal);
}
.saved-views__actions-group > .search-input.search-input-with-action [class*=button] {
  position: absolute;
  left: 208px;
  bottom: 0;
}
.saved-views__actions-group .right {
  margin-left: auto;
  line-height: 40px;
}
.saved-views__actions-group .saved-view__button-wrap button.icon-jar-button svg path.filled {
  fill: currentcolor !important;
}
.saved-views__actions-group .saved-view__button-wrap .ember-basic-dropdown-trigger {
  cursor: pointer;
}
@media (max-width: 667px) {
  .saved-views__actions-group button {
    margin-bottom: 10px;
  }
  .saved-views__actions-group .create-btn {
    margin-left: 0;
  }
}

.saved-views__filters {
  width: 800px;
  max-width: 95vw;
}

.saved-views__columns {
  width: 300px;
}

.saved-views__dropdown-content.dropdown-content, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .saved-views__dropdown-content.primary-nav__nav-item--cases__sub-menu, .design-2024 .saved-views__dropdown-content.settings-pop-out-menu {
  padding: 0;
}

.saved-views__view-controls-wrap {
  border-radius: var(--radius-md);
  padding: 16px;
}
.saved-views__view-controls-wrap > span.close {
  cursor: pointer;
  position: absolute;
  right: 3px;
  top: 2px;
}
.saved-views__view-controls-wrap > span.close svg {
  height: 24px;
  width: 24px;
}
.saved-views__view-controls-wrap > span.close svg path.filled {
  fill: var(--cf-legacy-nobel);
}
.saved-views__view-controls-wrap .saved-views__view-controls {
  position: relative;
}
.saved-views__view-controls-wrap .saved-views__view-controls .column {
  padding-left: 0;
  padding-right: 0;
}
.saved-views__view-controls-wrap .saved-views__view-controls.saved-views__view-controls--top {
  margin-bottom: 16px;
  border-top-right-radius: var(--radius-md);
  border-top-left-radius: var(--radius-md);
}
.saved-views__view-controls-wrap .saved-views__view-controls.saved-views__view-controls--bottom {
  display: flex;
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}
.saved-views__view-controls-wrap .saved-views__view-controls.saved-views__view-controls--bottom > button {
  position: relative;
  padding-left: 20px;
  height: 24px;
  line-height: 24px;
  color: var(--cf-ink);
  white-space: nowrap;
}
.saved-views__view-controls-wrap .saved-views__view-controls.saved-views__view-controls--bottom > button svg {
  width: 18px;
  height: 18px;
}
.saved-views__view-controls-wrap .saved-views__view-controls.saved-views__view-controls--bottom button:first-of-type {
  margin-right: 12px;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__close {
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 0;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__close svg {
  width: 16px;
  height: 16px;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__header {
  padding-top: 10px;
  font-size: 18px;
  font-size: 1.125em;
  font-weight: 300;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top {
  padding: 8px 0;
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  border-top: 1px solid var(--cf-gray-100);
  border-bottom: 1px solid var(--cf-gray-100);
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top label, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .settlement-date, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .table-pagination .pagination-text, .table-pagination .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .pagination-text, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .sidebar-record-category, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .graph .graph-pagination .graph-stats, .graph .graph-pagination .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .graph-stats, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .feed-memo-date {
  margin-right: 4px;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top label input#saved-views__name-input, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top #settlements > ul > li .settlement-area .settlement-date input#saved-views__name-input, #settlements > ul > li .settlement-area .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .settlement-date input#saved-views__name-input, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top label #saved-views__name-input.timezone-click-to-edit, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top #settlements > ul > li .settlement-area .settlement-date #saved-views__name-input.timezone-click-to-edit, #settlements > ul > li .settlement-area .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .settlement-date #saved-views__name-input.timezone-click-to-edit, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .table-pagination .pagination-text input#saved-views__name-input, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .table-pagination .pagination-text #saved-views__name-input.timezone-click-to-edit, .table-pagination .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .pagination-text input#saved-views__name-input, .table-pagination .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .pagination-text #saved-views__name-input.timezone-click-to-edit, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category input#saved-views__name-input, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category #saved-views__name-input.timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .sidebar-record-category input#saved-views__name-input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .sidebar-record-category #saved-views__name-input.timezone-click-to-edit, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .graph .graph-pagination .graph-stats input#saved-views__name-input, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .graph .graph-pagination .graph-stats #saved-views__name-input.timezone-click-to-edit, .graph .graph-pagination .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .graph-stats input#saved-views__name-input, .graph .graph-pagination .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .graph-stats #saved-views__name-input.timezone-click-to-edit, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .activity-feed > ul > li .feed-memo .feed-memo-date input#saved-views__name-input, .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .activity-feed > ul > li .feed-memo .feed-memo-date #saved-views__name-input.timezone-click-to-edit, .activity-feed > ul > li .feed-memo .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .feed-memo-date input#saved-views__name-input, .activity-feed > ul > li .feed-memo .saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .feed-memo-date #saved-views__name-input.timezone-click-to-edit {
  display: inline-block;
  line-height: 38px !important;
  height: 38px !important;
  margin-top: 0 !important;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .saved-views__form-top__controls {
  display: flex;
  flex-direction: row;
  min-height: 40px;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .saved-views__form-top__controls button {
  margin-right: 4px;
  line-height: 38px !important;
  height: 38px !important;
  transform: translateY(2px);
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .saved-views__form-top__controls span {
  cursor: pointer;
  margin-right: 4px;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .saved-views__form-top__controls span svg {
  transform: translateY(6px);
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__form-top .saved-views__form-top__controls span svg path.filled {
  fill: var(--cf-ink);
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__section-title {
  font-weight: 600;
  margin-bottom: 8px;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__section {
  padding: 16px 16px 0;
  position: relative;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__section.column-chooser {
  padding: 0;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__section a.filter-builder__close-btn {
  display: none;
}
.saved-views__view-controls-wrap .saved-views__view-controls .saved-views__section .filter-builder__top-row {
  display: none;
}

.view-manager ul.status-changer__content__section li.saved-view {
  height: 40px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  overflow-x: hidden;
  padding-left: 8px !important;
  padding-right: 8px !important;
  position: relative;
}
.view-manager ul.status-changer__content__section li.saved-view span.check-box {
  margin-right: 8px;
  transform: translateY(-3px);
}
.view-manager ul.status-changer__content__section li.saved-view.saved-view--current {
  background-color: var(--cf-legacy-air);
  cursor: default;
}
.view-manager ul.status-changer__content__section li.saved-view.saved-view--create {
  border-bottom-width: 2px;
}
.view-manager ul.status-changer__content__section li.saved-view button {
  height: 30px;
  line-height: 27px;
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__highlight {
  width: 24px;
  margin-right: 4px;
  height: 40px;
  position: relative;
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__highlight svg {
  width: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__highlight svg path.filled {
  fill: var(--cf-purple-600);
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__title {
  cursor: pointer;
  margin-right: 4px;
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__title .pad-left {
  padding-left: 8px;
}
.view-manager ul.status-changer__content__section li.saved-view span.new-spinner {
  position: relative;
}
.view-manager ul.status-changer__content__section li.saved-view span.new-spinner svg {
  position: absolute;
  top: -2px;
  right: -24px;
  width: 22px;
  height: 22px;
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__actions {
  margin-left: auto;
  height: 40px;
  display: flex;
  flex-direction: row;
  position: relative;
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__actions span.view-item__action {
  cursor: pointer;
  width: 24px;
  height: 40px;
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__actions span.view-item__action svg {
  width: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.view-manager ul.status-changer__content__section li.saved-view span.view-item__actions span.view-item__action svg path.filled {
  fill: var(--cf-ink);
}

.column-chooser .column-chooser__filter {
  width: 100%;
  margin: 12px 0;
  padding: 0;
}
.column-chooser .column-chooser__filter label, .column-chooser .column-chooser__filter #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .column-chooser .column-chooser__filter .settlement-date, .column-chooser .column-chooser__filter .table-pagination .pagination-text, .table-pagination .column-chooser .column-chooser__filter .pagination-text, .column-chooser .column-chooser__filter .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .column-chooser .column-chooser__filter .sidebar-record-category, .column-chooser .column-chooser__filter .graph .graph-pagination .graph-stats, .graph .graph-pagination .column-chooser .column-chooser__filter .graph-stats, .column-chooser .column-chooser__filter .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .column-chooser .column-chooser__filter .feed-memo-date {
  width: 100%;
}
.column-chooser .column-chooser__unused-columns {
  color: var(--cf-gray-600);
  font-size: 14px;
  font-size: 0.875em;
}
.column-chooser .column-chooser__unused-columns .column-chooser__toggle-show {
  margin: 0 0 0 6px;
  font-weight: 600;
  padding: 0;
  color: var(--cf-ink);
  font-size: 14px;
  font-size: 0.875em;
}
.column-chooser .status-changer--inline ul {
  border-top: 1px solid var(--cf-gray-100);
  padding-top: 16px;
  margin-bottom: 0;
}
.column-chooser .status-changer--inline ul li {
  padding: 0 8px;
  height: 32px;
  border-radius: 4px;
  border-color: var(--cf-gray-500);
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-ink);
  line-height: 30px;
}
.column-chooser .status-changer--inline ul li span.check-box {
  transform: translateY(1px);
}
.column-chooser .status-changer--inline ul li span.check-box.check-box--checked {
  background-color: var(--cf-ink);
}
.column-chooser .status-changer--inline ul li span.status-changer__drag-handle {
  top: 3px;
  right: 8px;
}
.column-chooser .status-changer--inline ul .status-changer-inline__hideable {
  margin-top: 12px;
  padding-top: 0;
  border-top: 1px solid var(--cf-gray-100);
}

.saved-views__open {
  margin-right: 4px;
  color: var(--cf-legacy-ash);
}
.saved-views__open:hover {
  color: color-mix(in srgb, var(--cf-legacy-ash), var(--cf-ink) 11.9%);
}
.saved-views__open svg {
  transform: translateY(4px);
}
.saved-views__open svg path.filled {
  fill: currentcolor;
}

.design-2024 .settings-pop-out-menu {
  padding: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  transform: translateX(-12px);
}
.design-2024 .settings-pop-out-menu::before {
  display: none;
}
.design-2024 .settings-pop-out-menu::after {
  display: none;
}
.design-2024 .settings-pop-out-menu a,
.design-2024 .settings-pop-out-menu button.link-btn {
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  color: var(--cf-ink, var(--cf-ink));
  text-decoration: none;
  text-align: left;
  margin: 0;
  height: 40px;
  margin-bottom: 2px;
  line-height: 40px;
  display: block;
  border-radius: 4px;
  border-bottom: none;
}
.design-2024 .settings-pop-out-menu a.selected,
.design-2024 .settings-pop-out-menu button.link-btn.selected {
  background-color: var(--cf-legacy-air);
}
.design-2024 .settings-pop-out-menu a:hover,
.design-2024 .settings-pop-out-menu button.link-btn:hover {
  background-color: var(--cf-off-white, var(--cf-off-white));
  text-decoration: none;
  border-bottom: none;
}

.settings-pop-out-menu {
  background-color: var(--cf-legacy-cloud);
  display: block;
  bottom: 0;
  transform: none;
  left: 71px;
  border-radius: 6px;
  position: absolute;
  width: 178px;
  box-shadow: var(--shadow-deep) !important;
  padding: 8px 12px;
}
.settings-pop-out-menu::after, .settings-pop-out-menu::before {
  right: 100%;
  bottom: 14px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.settings-pop-out-menu::before {
  border-right-color: var(--cf-legacy-cloud);
  border-width: 9px;
  margin-top: -9px;
}
.settings-pop-out-menu a,
.settings-pop-out-menu button.link-btn {
  display: block;
  padding: 8.5px 12px;
  text-decoration: none;
  font-size: 14px;
  color: var(--cf-white);
  border-bottom: 1px solid transparent;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1em;
  font-weight: 400;
  width: 100%;
  border-radius: 0 !important;
  white-space: nowrap;
}
.settings-pop-out-menu a:hover,
.settings-pop-out-menu button.link-btn:hover {
  border-bottom: 1px solid #f99d2f;
}
.settings-pop-out-menu a:first-child,
.settings-pop-out-menu button.link-btn:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.email-preview {
  padding: 0;
}
.email-preview h3, .email-preview .alerts ul li, .alerts ul .email-preview li {
  padding: 15px;
  border-bottom: 1px solid var(--cf-gray-300);
}
.email-preview .content {
  padding: 15px;
}

span.initially-hidden {
  display: none;
}

.squash-parent-modal__header {
  padding: 8px 0;
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
}
.squash-parent-modal__header .activity-feed-page-controls {
  margin-left: auto;
}

.feed-item-card:hover .squash-parent__show-all-button {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.feed-item-card .squash-parent__show-all-button {
  opacity: 0;
}
.feed-item-card .squash-parent__show-all-button svg {
  width: 16px;
  height: 16px;
  transform: translateY(2px);
}
.feed-item-card .squash-parent__show-all-button svg path {
  fill: var(--cf-purple-600);
}

.squash-parent-modal__close-button {
  position: absolute;
  top: 4px;
  right: 4px;
  background: none;
  box-shadow: none;
  height: 28px;
  width: 28px;
  border: none;
}
.squash-parent-modal__close-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.squash-parent-modal__close-button svg path.filled {
  fill: var(--cf-legacy-ash);
}

.activity-feed-bottom-area {
  width: 100%;
  height: 40px;
}

.squash-parent-modal__controls {
  height: 40px;
}

.squash-parent-modal__content-group {
  position: relative;
}
.squash-parent-modal__content-group span.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.squash-parent-modal__content-group ul {
  min-height: 100px;
  border: none !important;
}
.squash-parent-modal__content-group ul.squash-parent-modal__content-group--loading li {
  opacity: 0.1;
}

.activity-feed-page-controls {
  display: flex;
  flex-direction: row;
  float: right;
  padding: 8px;
  border-radius: 2px;
}
.activity-feed-page-controls .activity-feed-offset-message {
  font-size: 14px;
  font-size: 0.875em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  color: var(--cf-legacy-ash-light);
}
.activity-feed-page-controls > button:not(:last-child),
.activity-feed-page-controls > div:not(:last-child),
.activity-feed-page-controls > span:not(:last-child) {
  margin-right: 8px;
}
.activity-feed-page-controls button {
  border: none;
  box-shadow: none;
  background: none;
  padding: 2px;
  position: relative;
  width: 24px;
  margin-right: unset;
}
.activity-feed-page-controls button:disabled:hover {
  background: none;
}
.activity-feed-page-controls button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}
.activity-feed-page-controls button.rotate-svg-180 svg {
  transform: translate(-50%, -50%) rotate(180deg);
}

.recent-activity__feed-item-card .recent-activity__feed-item-card--squashed {
  padding: 8px 32px;
  font-size: 12px;
  font-size: 0.75em;
}

.activity-feed {
  position: relative;
  margin-top: 1em;
}
.activity-feed .activity-feed__vertical-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--cf-gray-300);
  left: 162px;
}
@media (max-width: 767px) {
  .activity-feed .activity-feed__vertical-line {
    display: none;
  }
}
.activity-feed > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-feed > ul > li {
  padding: 0;
  position: relative;
  width: 100%;
  margin-bottom: 1em;
  display: flex;
}
.activity-feed > ul > li .feed-date {
  font-size: 13px;
  width: 115px;
  flex: 0 0 115px;
  position: relative;
}
@media (max-width: 767px) {
  .activity-feed > ul > li .feed-date {
    display: none;
  }
}
.activity-feed > ul > li .feed-date div {
  position: absolute;
  width: 115px;
  text-align: center;
  border: var(--border-width) solid var(--cf-gray-300);
  padding: 1em;
  background: var(--cf-white);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
}
.activity-feed > ul > li .feed-date div:hover > span.initially-hidden {
  display: inline-block;
}
.activity-feed > ul > li .feed-date div:hover span.initially-shown {
  display: none;
}
.activity-feed > ul > li .feed-icon {
  width: 96px;
  flex: 0 0 96px;
  position: relative;
}
.activity-feed > ul > li .feed-icon svg {
  fill: currentcolor;
}
.activity-feed > ul > li .feed-icon svg path {
  fill: currentcolor;
}
@media (max-width: 767px) {
  .activity-feed > ul > li .feed-icon {
    display: none;
  }
}
.activity-feed > ul > li .feed-icon > div,
.activity-feed > ul > li .feed-icon > span {
  border: var(--border-width) solid var(--cf-gray-300);
  background: var(--cf-white);
  border-radius: 18px;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 16px;
  padding-top: 6px;
  color: var(--cf-legacy-ash);
}
.activity-feed > ul > li .feed-memo {
  border-radius: 6px;
  flex-grow: 1;
  align-items: center;
  border: var(--border-width) solid var(--cf-gray-300);
  padding: 1em;
  background: var(--cf-white);
  position: relative;
}
.activity-feed > ul > li .feed-memo .feed-memo-content {
  flex-shrink: 2;
}
.activity-feed > ul > li .feed-memo .feed-memo-content > .prevent-wrap {
  position: absolute;
  right: 14px;
  top: 10px;
}
.activity-feed > ul > li .feed-memo.is-editing {
  background: var(--cf-legacy-dust);
}
.activity-feed > ul > li .feed-memo.is-editing .prevent-wrap {
  float: right;
  padding-top: 10px;
}
@media (max-width: 844px) {
  .activity-feed > ul > li .feed-memo {
    border: var(--border-width) solid var(--cf-gray-300);
  }
}
.activity-feed > ul > li .feed-memo .feed-memo-date {
  display: block;
  margin-bottom: 5px;
  width: auto;
}
@media (min-width: 768px) {
  .activity-feed > ul > li .feed-memo .feed-memo-date {
    display: none;
  }
}
.activity-feed > ul > li .feed-memo::after, .activity-feed > ul > li .feed-memo::before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.activity-feed > ul > li .feed-memo::after {
  border-color: rgb(from var(--cf-white) r g b/0%);
  border-right-color: var(--cf-white);
  border-width: 9px;
  margin-top: -9px;
}
.activity-feed > ul > li .feed-memo::before {
  border-color: rgba(221, 221, 221, 0);
  border-right-color: var(--cf-gray-300);
  border-width: 10px;
  margin-top: -10px;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.activity-feed .feed-note .author,
.activity-feed .feed-touch .author,
.activity-feed .feed-fact .author,
.activity-feed .feed-issue .author,
.activity-feed .feed-user-case .author,
.activity-feed .feed-case-contact .author,
.activity-feed .feed-case .author,
.activity-feed .feed-user .author,
.activity-feed .feed-task .author,
.activity-feed .feed-event .author,
.activity-feed .feed-clien-trust .author,
.activity-feed .feed-contact .author,
.activity-feed .feed-expense .author,
.activity-feed .feed-invoice .author,
.activity-feed .feed-lead .author,
.activity-feed .feed-time-entry .author,
.activity-feed .feed-trust-transaction .author,
.activity-feed .feed-offer .author {
  margin-bottom: 7px;
}
.activity-feed .feed-note .feed-meta,
.activity-feed .feed-touch .feed-meta,
.activity-feed .feed-fact .feed-meta,
.activity-feed .feed-issue .feed-meta,
.activity-feed .feed-user-case .feed-meta,
.activity-feed .feed-case-contact .feed-meta,
.activity-feed .feed-case .feed-meta,
.activity-feed .feed-user .feed-meta,
.activity-feed .feed-task .feed-meta,
.activity-feed .feed-event .feed-meta,
.activity-feed .feed-clien-trust .feed-meta,
.activity-feed .feed-contact .feed-meta,
.activity-feed .feed-expense .feed-meta,
.activity-feed .feed-invoice .feed-meta,
.activity-feed .feed-lead .feed-meta,
.activity-feed .feed-time-entry .feed-meta,
.activity-feed .feed-trust-transaction .feed-meta,
.activity-feed .feed-offer .feed-meta {
  display: block;
}
.activity-feed .feed-note .activity-item__note,
.activity-feed .feed-touch .activity-item__note,
.activity-feed .feed-fact .activity-item__note,
.activity-feed .feed-issue .activity-item__note,
.activity-feed .feed-user-case .activity-item__note,
.activity-feed .feed-case-contact .activity-item__note,
.activity-feed .feed-case .activity-item__note,
.activity-feed .feed-user .activity-item__note,
.activity-feed .feed-task .activity-item__note,
.activity-feed .feed-event .activity-item__note,
.activity-feed .feed-clien-trust .activity-item__note,
.activity-feed .feed-contact .activity-item__note,
.activity-feed .feed-expense .activity-item__note,
.activity-feed .feed-invoice .activity-item__note,
.activity-feed .feed-lead .activity-item__note,
.activity-feed .feed-time-entry .activity-item__note,
.activity-feed .feed-trust-transaction .activity-item__note,
.activity-feed .feed-offer .activity-item__note {
  white-space: pre-line;
  line-height: 1.5;
  margin-top: 1em;
  color: var(--cf-ink);
}
.activity-feed .feed-note .target-record,
.activity-feed .feed-touch .target-record,
.activity-feed .feed-fact .target-record,
.activity-feed .feed-issue .target-record,
.activity-feed .feed-user-case .target-record,
.activity-feed .feed-case-contact .target-record,
.activity-feed .feed-case .target-record,
.activity-feed .feed-user .target-record,
.activity-feed .feed-task .target-record,
.activity-feed .feed-event .target-record,
.activity-feed .feed-clien-trust .target-record,
.activity-feed .feed-contact .target-record,
.activity-feed .feed-expense .target-record,
.activity-feed .feed-invoice .target-record,
.activity-feed .feed-lead .target-record,
.activity-feed .feed-time-entry .target-record,
.activity-feed .feed-trust-transaction .target-record,
.activity-feed .feed-offer .target-record {
  font-size: 13px;
}
.activity-feed .feed-note.is-deleted .feed-memo,
.activity-feed .feed-touch.is-deleted .feed-memo,
.activity-feed .feed-fact.is-deleted .feed-memo,
.activity-feed .feed-issue.is-deleted .feed-memo,
.activity-feed .feed-user-case.is-deleted .feed-memo,
.activity-feed .feed-case-contact.is-deleted .feed-memo,
.activity-feed .feed-case.is-deleted .feed-memo,
.activity-feed .feed-user.is-deleted .feed-memo,
.activity-feed .feed-task.is-deleted .feed-memo,
.activity-feed .feed-event.is-deleted .feed-memo,
.activity-feed .feed-clien-trust.is-deleted .feed-memo,
.activity-feed .feed-contact.is-deleted .feed-memo,
.activity-feed .feed-expense.is-deleted .feed-memo,
.activity-feed .feed-invoice.is-deleted .feed-memo,
.activity-feed .feed-lead.is-deleted .feed-memo,
.activity-feed .feed-time-entry.is-deleted .feed-memo,
.activity-feed .feed-trust-transaction.is-deleted .feed-memo,
.activity-feed .feed-offer.is-deleted .feed-memo {
  background: var(--cf-white);
}
.activity-feed .feed-note.is-deleted .author,
.activity-feed .feed-touch.is-deleted .author,
.activity-feed .feed-fact.is-deleted .author,
.activity-feed .feed-issue.is-deleted .author,
.activity-feed .feed-user-case.is-deleted .author,
.activity-feed .feed-case-contact.is-deleted .author,
.activity-feed .feed-case.is-deleted .author,
.activity-feed .feed-user.is-deleted .author,
.activity-feed .feed-task.is-deleted .author,
.activity-feed .feed-event.is-deleted .author,
.activity-feed .feed-clien-trust.is-deleted .author,
.activity-feed .feed-contact.is-deleted .author,
.activity-feed .feed-expense.is-deleted .author,
.activity-feed .feed-invoice.is-deleted .author,
.activity-feed .feed-lead.is-deleted .author,
.activity-feed .feed-time-entry.is-deleted .author,
.activity-feed .feed-trust-transaction.is-deleted .author,
.activity-feed .feed-offer.is-deleted .author {
  margin-bottom: 0;
}
.activity-feed .feed-note.no-role .author,
.activity-feed .feed-touch.no-role .author,
.activity-feed .feed-fact.no-role .author,
.activity-feed .feed-issue.no-role .author,
.activity-feed .feed-user-case.no-role .author,
.activity-feed .feed-case-contact.no-role .author,
.activity-feed .feed-case.no-role .author,
.activity-feed .feed-user.no-role .author,
.activity-feed .feed-task.no-role .author,
.activity-feed .feed-event.no-role .author,
.activity-feed .feed-clien-trust.no-role .author,
.activity-feed .feed-contact.no-role .author,
.activity-feed .feed-expense.no-role .author,
.activity-feed .feed-invoice.no-role .author,
.activity-feed .feed-lead.no-role .author,
.activity-feed .feed-time-entry.no-role .author,
.activity-feed .feed-trust-transaction.no-role .author,
.activity-feed .feed-offer.no-role .author {
  margin-bottom: 0;
}
.activity-feed .feed-case .author,
.activity-feed .feed-user .author,
.activity-feed .feed-task .author,
.activity-feed .feed-event .author,
.activity-feed .feed-clien-trust .author,
.activity-feed .feed-contact .author,
.activity-feed .feed-expense .author,
.activity-feed .feed-invoice .author,
.activity-feed .feed-time-entry .author,
.activity-feed .feed-trust-transaction .author,
.activity-feed .feed-lead .author,
.activity-feed .feed-offer .author {
  margin-bottom: 0;
}
.activity-feed .feed-case-contact .feed-meta,
.activity-feed .feed-user-case .feed-meta {
  margin-bottom: 0;
}
.activity-feed .feed-documents {
  padding: 1em;
  margin-top: 10px;
  background: var(--cf-legacy-dust);
}
.activity-feed .feed-documents ul {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.activity-feed .feed-documents ul li {
  list-style: none;
}

.touch-email {
  position: relative;
}
.touch-email .email-subject {
  margin: 20px 0 15px;
  padding: 10px 0;
  border-top: 1px solid var(--cf-gray-300);
  border-bottom: 1px solid var(--cf-gray-300);
}
.touch-email .email-body {
  word-wrap: break-word;
  overflow-x: auto;
}
.touch-email .expand-touch-email {
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--cf-white);
  width: 40px;
  text-align: center;
  border: var(--border-width) solid var(--cf-gray-300);
  cursor: pointer;
  z-index: 1;
}
.touch-email .expand-touch-email:hover {
  background: var(--cf-legacy-air);
}
.touch-email .expand-touch-email svg {
  position: relative;
  top: 3px;
  fill: var(--cf-gray-300);
  width: 32px;
  height: 32px;
}
.touch-email .bottom-blur {
  background: linear-gradient(to bottom, rgb(from var(--cf-white) r g b/50%), rgb(from var(--cf-white) r g b/100%));
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  z-index: 0;
  cursor: pointer;
}
.touch-email.short .email-body {
  max-height: 200px;
  overflow-y: hidden;
}

/*
  The feed-item-card currently has two top-level parts: __date and __content. They are currently
  laid out using css grid template areas, like so:

  +----------------------------------------------------+
  | (date)                      (related record link)  |
  +----------------------------------------------------+
  | (message)                                          |
  +----------------------------------------------------+
  | (content)                                          |
  +----------------------------------------------------+

*/
li.feed-card__wrap {
  padding: 16px 0 0 !important;
}

.feed-item-card {
  color: var(--cf-legacy-ash);
  font-size: 1rem;
  display: grid;
  grid-template-rows: repeat(5, auto);
  grid-template-columns: repeat(2, 1fr);
  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  grid-template-areas: "message relation" "date date" "content content";
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  gap: 4px 8px;
}
.feed-item-card .feed-item-card__date {
  grid-area: date;
  font-size: 0.75rem;
  text-align: start;
  color: var(--cf-gray-600);
}
.feed-item-card .feed-item-card__related-record-link {
  grid-area: relation;
  text-align: end;
  font-size: 14px;
  font-size: 0.875em;
}
.feed-item-card .feed-item-card__related-record-link a {
  color: var(--cf-gray-600);
  text-decoration: underline;
}
.feed-item-card .feed-item-card__message {
  grid-area: message;
  color: var(--cf-ink);
}
.feed-item-card .feed-item-card__content {
  grid-area: content;
  color: var(--cf-ink);
  border-radius: var(--radius-md);
  padding: 8px;
  background-color: var(--cf-legacy-air);
  font-size: 14px;
  font-size: 0.875em;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.feed-item-card .feed-item-card__content .feed-item-card__content-item .feed-item-card__content-item__attribute {
  color: var(--cf-legacy-ash);
}
.feed-item-card .feed-item-card__content .feed-item-card__content-item .feed-item-card__content-item__value .issue-slug {
  border: 2px solid var(--cf-gray-300);
  background: var(--cf-white);
  cursor: default;
}
.feed-item-card .feed-item-card__dev {
  grid-area: dev;
  color: var(--cf-legacy-ash);
}

/**
 * The design of these cards follows from the material design guidelines for cards:
 * https://m2.material.io/components/cards#usage
 */
.recent-sources__wrap .card, .recent-sources__wrap .search-pane .search-pane__hits-wrap .search-hit, .search-pane .search-pane__hits-wrap .recent-sources__wrap .search-hit, .recent-sources__wrap .contact-card, .recent-sources__wrap .tippy-box[data-theme~=popover], .recent-sources__wrap .tippy-box[data-theme~=tippy--interactive] {
  transition: background-color 0.1s;
}

.design-2024 .alerts ul li.success {
  background-color: var(--green);
  border: none;
}
.design-2024 .alerts ul li.info {
  background-color: var(--blue);
  border: none;
}
.design-2024 .alerts ul li.error {
  background: var(--cf-alert-500, var(--cf-alert-500));
  border: none;
}
.design-2024 .alert {
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--cf-white), var(--cf-ink) 11%);
  border-radius: var(--radius-md);
}
.design-2024 .alert.success {
  background-color: rgba(79, 178, 77, 0.1);
  color: var(--green);
  border-color: var(--green);
}
.design-2024 .alert.info {
  background-color: rgba(88, 199, 229, 0.1);
  color: var(--blue);
  border-color: var(--blue);
}
.design-2024 .alert.error {
  background-color: rgba(242, 69, 69, 0.05);
  color: var(--cf-alert-500, var(--cf-alert-500));
  border-color: var(--cf-alert-500, var(--cf-alert-500));
}

.alerts {
  position: fixed;
  left: 0;
  bottom: 0;
  height: auto !important;
  z-index: 10001;
  overflow: hidden;
}
@media (max-width: 767px) {
  .alerts {
    width: 100%;
  }
}
.alerts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .alerts ul {
    padding: 10px 10px 0;
  }
}
.alerts ul li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.75em;
  border-top: 1px solid var(--cf-white);
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  opacity: 1;
}
.alerts ul li.alert--hide-progress::before {
  width: 0%;
}
.alerts ul li.alert--show-progress {
  opacity: 0;
  transition: opacity 0.5s ease-in 0.8s;
}
.alerts ul li.alert--show-progress::before {
  width: 0%;
  transition: width 1.5s ease-in;
}
.alerts ul li::before {
  content: " ";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  top: -1px;
  background-color: rgb(from var(--cf-white) r g b/60%);
}
.alerts ul li table {
  margin: 0;
  width: 100%;
}
.alerts ul li table td {
  vertical-align: middle;
}
.alerts ul li table td span.alert__action {
  display: inline-block;
  white-space: nowrap;
  padding: 4px 0;
}
.alerts ul li table td span.alert__action:hover {
  text-decoration: underline;
}
.alerts ul li table td.alert__message {
  width: 100%;
  padding: 0 60px;
}
@media (min-width: 768px) {
  .alerts ul li table td.alert__message {
    padding: 0 1rem 0 0;
    width: 300px;
  }
}
.alerts ul li table td.alert__hide {
  position: absolute;
  opacity: 0.4;
  right: 8px;
  top: 50%;
  font-weight: 400;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .alerts ul li table td.alert__hide {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  .alerts ul li {
    width: 350px;
    border-bottom: 0;
    text-align: left;
    padding: 1em;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 10px;
  }
}
.alerts ul li.app-version {
  border-color: var(--cf-purple-600);
  background-color: var(--cf-purple-600);
  color: var(--cf-white);
}
.alerts ul li.error {
  color: var(--cf-white);
  background-color: var(--cf-alert-500);
}
@media (min-width: 768px) {
  .alerts ul li.error {
    border: 1px solid rgb(170.8965517241, 35.6034482759, 42.724137931);
  }
}
.alerts ul li.success {
  color: var(--cf-white);
  background-color: var(--cf-legacy-green-glow);
}
@media (min-width: 768px) {
  .alerts ul li.success {
    border: 1px solid var(--cf-legacy-green-glow);
  }
}
.alerts ul li.info {
  color: var(--cf-white);
  background-color: var(--cf-legacy-teal);
}
@media (min-width: 768px) {
  .alerts ul li.info {
    border: 1px solid color-mix(in srgb, var(--cf-legacy-teal), var(--cf-ink) 15.6%);
  }
}

.nag.header-nag {
  background: var(--cf-legacy-teal);
  color: var(--cf-white);
  padding: 0;
  text-align: center;
  position: fixed;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  display: none;
  border-radius: 5px;
  width: 90%;
}
.nag.header-nag.nag--impersonating.bad-nag {
  font-size: 14px;
  font-size: 0.875em;
  padding: 0;
  top: 2px;
  background-color: var(--cf-ink);
  line-height: 0;
  height: auto;
}
.nag.header-nag.nag--impersonating.bad-nag span.svg-icon {
  display: none;
}
.nag.header-nag.nag--impersonating.bad-nag a {
  color: var(--cf-purple-600);
}
@media (min-width: 768px) {
  .nag.header-nag {
    height: 38px;
    width: auto;
    padding: 0 150px;
  }
}
.nag.header-nag button {
  position: absolute;
  right: 1px;
  top: 1px;
  display: none;
}
@media (min-width: 768px) {
  .nag.header-nag button {
    display: block;
  }
}
.nag.header-nag .svg-icon.warning,
.nag.header-nag .svg-icon.modal-info {
  position: absolute;
  left: 8px;
  top: 4px;
  display: none;
}
@media (min-width: 768px) {
  .nag.header-nag .svg-icon.warning,
  .nag.header-nag .svg-icon.modal-info {
    display: block;
  }
}
.nag.header-nag .svg-icon.warning svg,
.nag.header-nag .svg-icon.modal-info svg {
  width: 29px;
  height: 29px;
}
.nag.header-nag.bad-nag {
  background: var(--cf-alert-500);
}
.nag .nag-text {
  position: relative;
  display: inline-block;
  padding: 8px;
  font-weight: 700;
  color: var(--cf-white);
  width: 100%;
}
@media (min-width: 768px) {
  .nag .nag-text {
    white-space: nowrap;
  }
}
.nag .dismiss-nag {
  position: absolute;
  right: -9px;
  top: -7px;
  cursor: pointer;
}
.nag.show-nag {
  display: block;
}

.usage-blocked-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: var(--cf-purple-900);
  color: var(--cf-white);
  font-weight: 600;
  z-index: 100;
  text-align: center;
}
.usage-blocked-banner__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.usage-blocked-banner__icon svg {
  width: 20px;
  height: 20px;
}
.usage-blocked-banner__icon svg path {
  fill: var(--cf-white);
}
.usage-blocked-banner__content {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.usage-blocked-banner__content a {
  color: var(--cf-white);
  text-decoration: underline;
}
.usage-blocked-banner__content a:hover {
  opacity: 0.85;
}

.casefleet--usage-blocked.design-2024 .top-left-app-logo {
  top: 43px;
}

.design-2024 .app-top-bar-v2 .firm-toggle--show-dropdown:hover, .design-2024 .app-top-bar-v2--staff .firm-toggle--show-dropdown:hover,
.design-2024 .sign-up-container .firm-toggle--show-dropdown:hover,
.design-2024 .trial-ended .firm-toggle--show-dropdown:hover,
.design-2024 .locked .firm-toggle--show-dropdown:hover {
  background-color: rgb(from var(--cf-purple-600) r g b/7%);
}
.design-2024 .app-top-bar-v2 .firm-toggle h3 svg path, .design-2024 .app-top-bar-v2--staff .firm-toggle h3 svg path, .design-2024 .app-top-bar-v2 .firm-toggle .alerts ul li svg path, .design-2024 .app-top-bar-v2--staff .firm-toggle .alerts ul li svg path, .alerts ul .design-2024 .app-top-bar-v2 .firm-toggle li svg path, .alerts ul .design-2024 .app-top-bar-v2--staff .firm-toggle li svg path,
.design-2024 .sign-up-container .firm-toggle h3 svg path,
.design-2024 .sign-up-container .firm-toggle .alerts ul li svg path,
.alerts ul .design-2024 .sign-up-container .firm-toggle li svg path,
.design-2024 .trial-ended .firm-toggle h3 svg path,
.design-2024 .trial-ended .firm-toggle .alerts ul li svg path,
.alerts ul .design-2024 .trial-ended .firm-toggle li svg path,
.design-2024 .locked .firm-toggle h3 svg path,
.design-2024 .locked .firm-toggle .alerts ul li svg path,
.alerts ul .design-2024 .locked .firm-toggle li svg path {
  fill: var(--cf-gray-800);
}

.app-top-bar-v2 .firm-toggle--show-dropdown:hover, .app-top-bar-v2--staff .firm-toggle--show-dropdown:hover,
.sign-up-container .firm-toggle--show-dropdown:hover,
.trial-ended .firm-toggle--show-dropdown:hover,
.locked .firm-toggle--show-dropdown:hover {
  background-color: rgb(from var(--cf-white) r g b/15%);
}
.app-top-bar-v2 .firm-toggle--show-dropdown h3, .app-top-bar-v2--staff .firm-toggle--show-dropdown h3, .app-top-bar-v2 .firm-toggle--show-dropdown .alerts ul li, .app-top-bar-v2--staff .firm-toggle--show-dropdown .alerts ul li, .alerts ul .app-top-bar-v2 .firm-toggle--show-dropdown li, .alerts ul .app-top-bar-v2--staff .firm-toggle--show-dropdown li,
.sign-up-container .firm-toggle--show-dropdown h3,
.sign-up-container .firm-toggle--show-dropdown .alerts ul li,
.alerts ul .sign-up-container .firm-toggle--show-dropdown li,
.trial-ended .firm-toggle--show-dropdown h3,
.trial-ended .firm-toggle--show-dropdown .alerts ul li,
.alerts ul .trial-ended .firm-toggle--show-dropdown li,
.locked .firm-toggle--show-dropdown h3,
.locked .firm-toggle--show-dropdown .alerts ul li,
.alerts ul .locked .firm-toggle--show-dropdown li {
  cursor: pointer;
}
.app-top-bar-v2 .firm-toggle, .app-top-bar-v2--staff .firm-toggle,
.sign-up-container .firm-toggle,
.trial-ended .firm-toggle,
.locked .firm-toggle {
  display: block;
  float: right;
  transition: background-color 0.2s;
  margin: 0 20px;
}
@media (max-width: 641px) {
  .app-top-bar-v2 .firm-toggle, .app-top-bar-v2--staff .firm-toggle,
  .sign-up-container .firm-toggle,
  .trial-ended .firm-toggle,
  .locked .firm-toggle {
    float: left;
    margin: 0;
    margin-left: 12%;
  }
}
.app-top-bar-v2 .firm-toggle h3, .app-top-bar-v2--staff .firm-toggle h3, .app-top-bar-v2 .firm-toggle .alerts ul li, .app-top-bar-v2--staff .firm-toggle .alerts ul li, .alerts ul .app-top-bar-v2 .firm-toggle li, .alerts ul .app-top-bar-v2--staff .firm-toggle li,
.sign-up-container .firm-toggle h3,
.sign-up-container .firm-toggle .alerts ul li,
.alerts ul .sign-up-container .firm-toggle li,
.trial-ended .firm-toggle h3,
.trial-ended .firm-toggle .alerts ul li,
.alerts ul .trial-ended .firm-toggle li,
.locked .firm-toggle h3,
.locked .firm-toggle .alerts ul li,
.alerts ul .locked .firm-toggle li {
  font-weight: 500;
  font-size: 15px;
  color: var(--cf-ink);
  letter-spacing: 0;
  display: flex;
  align-items: center;
  line-height: var(--top-bar-height);
  margin: 0 16px;
}
.app-top-bar-v2 .firm-toggle h3.disabled, .app-top-bar-v2--staff .firm-toggle h3.disabled, .app-top-bar-v2 .firm-toggle .alerts ul li.disabled, .app-top-bar-v2--staff .firm-toggle .alerts ul li.disabled, .alerts ul .app-top-bar-v2 .firm-toggle li.disabled, .alerts ul .app-top-bar-v2--staff .firm-toggle li.disabled,
.sign-up-container .firm-toggle h3.disabled,
.sign-up-container .firm-toggle .alerts ul li.disabled,
.alerts ul .sign-up-container .firm-toggle li.disabled,
.trial-ended .firm-toggle h3.disabled,
.trial-ended .firm-toggle .alerts ul li.disabled,
.alerts ul .trial-ended .firm-toggle li.disabled,
.locked .firm-toggle h3.disabled,
.locked .firm-toggle .alerts ul li.disabled,
.alerts ul .locked .firm-toggle li.disabled {
  cursor: default;
}
.app-top-bar-v2 .firm-toggle h3 svg, .app-top-bar-v2--staff .firm-toggle h3 svg, .app-top-bar-v2 .firm-toggle .alerts ul li svg, .app-top-bar-v2--staff .firm-toggle .alerts ul li svg, .alerts ul .app-top-bar-v2 .firm-toggle li svg, .alerts ul .app-top-bar-v2--staff .firm-toggle li svg,
.sign-up-container .firm-toggle h3 svg,
.sign-up-container .firm-toggle .alerts ul li svg,
.alerts ul .sign-up-container .firm-toggle li svg,
.trial-ended .firm-toggle h3 svg,
.trial-ended .firm-toggle .alerts ul li svg,
.alerts ul .trial-ended .firm-toggle li svg,
.locked .firm-toggle h3 svg,
.locked .firm-toggle .alerts ul li svg,
.alerts ul .locked .firm-toggle li svg {
  margin-left: 10px;
}
.app-top-bar-v2 .firm-toggle h3 svg path, .app-top-bar-v2--staff .firm-toggle h3 svg path, .app-top-bar-v2 .firm-toggle .alerts ul li svg path, .app-top-bar-v2--staff .firm-toggle .alerts ul li svg path, .alerts ul .app-top-bar-v2 .firm-toggle li svg path, .alerts ul .app-top-bar-v2--staff .firm-toggle li svg path,
.sign-up-container .firm-toggle h3 svg path,
.sign-up-container .firm-toggle .alerts ul li svg path,
.alerts ul .sign-up-container .firm-toggle li svg path,
.trial-ended .firm-toggle h3 svg path,
.trial-ended .firm-toggle .alerts ul li svg path,
.alerts ul .trial-ended .firm-toggle li svg path,
.locked .firm-toggle h3 svg path,
.locked .firm-toggle .alerts ul li svg path,
.alerts ul .locked .firm-toggle li svg path {
  fill: var(--cf-white);
}
@media (max-width: 641px) {
  .app-top-bar-v2 .firm-toggle h3 svg, .app-top-bar-v2--staff .firm-toggle h3 svg, .app-top-bar-v2 .firm-toggle .alerts ul li svg, .app-top-bar-v2--staff .firm-toggle .alerts ul li svg, .alerts ul .app-top-bar-v2 .firm-toggle li svg, .alerts ul .app-top-bar-v2--staff .firm-toggle li svg,
  .sign-up-container .firm-toggle h3 svg,
  .sign-up-container .firm-toggle .alerts ul li svg,
  .alerts ul .sign-up-container .firm-toggle li svg,
  .trial-ended .firm-toggle h3 svg,
  .trial-ended .firm-toggle .alerts ul li svg,
  .alerts ul .trial-ended .firm-toggle li svg,
  .locked .firm-toggle h3 svg,
  .locked .firm-toggle .alerts ul li svg,
  .alerts ul .locked .firm-toggle li svg {
    display: none;
  }
}
.app-top-bar-v2 .firm-toggle h3 .svg-icon svg, .app-top-bar-v2--staff .firm-toggle h3 .svg-icon svg, .app-top-bar-v2 .firm-toggle .alerts ul li .svg-icon svg, .app-top-bar-v2--staff .firm-toggle .alerts ul li .svg-icon svg, .alerts ul .app-top-bar-v2 .firm-toggle li .svg-icon svg, .alerts ul .app-top-bar-v2--staff .firm-toggle li .svg-icon svg,
.sign-up-container .firm-toggle h3 .svg-icon svg,
.sign-up-container .firm-toggle .alerts ul li .svg-icon svg,
.alerts ul .sign-up-container .firm-toggle li .svg-icon svg,
.trial-ended .firm-toggle h3 .svg-icon svg,
.trial-ended .firm-toggle .alerts ul li .svg-icon svg,
.alerts ul .trial-ended .firm-toggle li .svg-icon svg,
.locked .firm-toggle h3 .svg-icon svg,
.locked .firm-toggle .alerts ul li .svg-icon svg,
.alerts ul .locked .firm-toggle li .svg-icon svg {
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
}
.app-top-bar-v2 .firm-toggle h3.no-dropdown, .app-top-bar-v2--staff .firm-toggle h3.no-dropdown, .app-top-bar-v2 .firm-toggle .alerts ul li.no-dropdown, .app-top-bar-v2--staff .firm-toggle .alerts ul li.no-dropdown, .alerts ul .app-top-bar-v2 .firm-toggle li.no-dropdown, .alerts ul .app-top-bar-v2--staff .firm-toggle li.no-dropdown,
.sign-up-container .firm-toggle h3.no-dropdown,
.sign-up-container .firm-toggle .alerts ul li.no-dropdown,
.alerts ul .sign-up-container .firm-toggle li.no-dropdown,
.trial-ended .firm-toggle h3.no-dropdown,
.trial-ended .firm-toggle .alerts ul li.no-dropdown,
.alerts ul .trial-ended .firm-toggle li.no-dropdown,
.locked .firm-toggle h3.no-dropdown,
.locked .firm-toggle .alerts ul li.no-dropdown,
.alerts ul .locked .firm-toggle li.no-dropdown {
  padding-right: 22px;
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-top-bar-v2 .firm-toggle .ember-basic-dropdown-trigger, .app-top-bar-v2--staff .firm-toggle .ember-basic-dropdown-trigger,
.sign-up-container .firm-toggle .ember-basic-dropdown-trigger,
.trial-ended .firm-toggle .ember-basic-dropdown-trigger,
.locked .firm-toggle .ember-basic-dropdown-trigger {
  outline: 0;
}
.app-top-bar-v2 .firm-toggle .dropdown-content, .app-top-bar-v2--staff .firm-toggle .dropdown-content, .app-top-bar-v2 .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu, .app-top-bar-v2--staff .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2 .firm-toggle .primary-nav__nav-item--cases__sub-menu, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2--staff .firm-toggle .primary-nav__nav-item--cases__sub-menu, .app-top-bar-v2 .firm-toggle .design-2024 .settings-pop-out-menu, .app-top-bar-v2--staff .firm-toggle .design-2024 .settings-pop-out-menu, .design-2024 .app-top-bar-v2 .firm-toggle .settings-pop-out-menu, .design-2024 .app-top-bar-v2--staff .firm-toggle .settings-pop-out-menu,
.sign-up-container .firm-toggle .dropdown-content,
.sign-up-container .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .sign-up-container .firm-toggle .primary-nav__nav-item--cases__sub-menu,
.sign-up-container .firm-toggle .design-2024 .settings-pop-out-menu,
.design-2024 .sign-up-container .firm-toggle .settings-pop-out-menu,
.trial-ended .firm-toggle .dropdown-content,
.trial-ended .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .trial-ended .firm-toggle .primary-nav__nav-item--cases__sub-menu,
.trial-ended .firm-toggle .design-2024 .settings-pop-out-menu,
.design-2024 .trial-ended .firm-toggle .settings-pop-out-menu,
.locked .firm-toggle .dropdown-content,
.locked .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .locked .firm-toggle .primary-nav__nav-item--cases__sub-menu,
.locked .firm-toggle .design-2024 .settings-pop-out-menu,
.design-2024 .locked .firm-toggle .settings-pop-out-menu {
  transform: translateY(3px);
}
.app-top-bar-v2 .firm-toggle .dropdown-content ul li, .app-top-bar-v2--staff .firm-toggle .dropdown-content ul li, .app-top-bar-v2 .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li, .app-top-bar-v2--staff .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2 .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2--staff .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li, .app-top-bar-v2 .firm-toggle .design-2024 .settings-pop-out-menu ul li, .app-top-bar-v2--staff .firm-toggle .design-2024 .settings-pop-out-menu ul li, .design-2024 .app-top-bar-v2 .firm-toggle .settings-pop-out-menu ul li, .design-2024 .app-top-bar-v2--staff .firm-toggle .settings-pop-out-menu ul li,
.sign-up-container .firm-toggle .dropdown-content ul li,
.sign-up-container .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .sign-up-container .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li,
.sign-up-container .firm-toggle .design-2024 .settings-pop-out-menu ul li,
.design-2024 .sign-up-container .firm-toggle .settings-pop-out-menu ul li,
.trial-ended .firm-toggle .dropdown-content ul li,
.trial-ended .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .trial-ended .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li,
.trial-ended .firm-toggle .design-2024 .settings-pop-out-menu ul li,
.design-2024 .trial-ended .firm-toggle .settings-pop-out-menu ul li,
.locked .firm-toggle .dropdown-content ul li,
.locked .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .locked .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li,
.locked .firm-toggle .design-2024 .settings-pop-out-menu ul li,
.design-2024 .locked .firm-toggle .settings-pop-out-menu ul li {
  white-space: nowrap;
}
.app-top-bar-v2 .firm-toggle .dropdown-content ul li.create-firm, .app-top-bar-v2--staff .firm-toggle .dropdown-content ul li.create-firm, .app-top-bar-v2 .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.create-firm, .app-top-bar-v2--staff .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.create-firm, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2 .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.create-firm, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2--staff .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.create-firm, .app-top-bar-v2 .firm-toggle .design-2024 .settings-pop-out-menu ul li.create-firm, .app-top-bar-v2--staff .firm-toggle .design-2024 .settings-pop-out-menu ul li.create-firm, .design-2024 .app-top-bar-v2 .firm-toggle .settings-pop-out-menu ul li.create-firm, .design-2024 .app-top-bar-v2--staff .firm-toggle .settings-pop-out-menu ul li.create-firm,
.sign-up-container .firm-toggle .dropdown-content ul li.create-firm,
.sign-up-container .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.create-firm,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .sign-up-container .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.create-firm,
.sign-up-container .firm-toggle .design-2024 .settings-pop-out-menu ul li.create-firm,
.design-2024 .sign-up-container .firm-toggle .settings-pop-out-menu ul li.create-firm,
.trial-ended .firm-toggle .dropdown-content ul li.create-firm,
.trial-ended .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.create-firm,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .trial-ended .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.create-firm,
.trial-ended .firm-toggle .design-2024 .settings-pop-out-menu ul li.create-firm,
.design-2024 .trial-ended .firm-toggle .settings-pop-out-menu ul li.create-firm,
.locked .firm-toggle .dropdown-content ul li.create-firm,
.locked .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.create-firm,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .locked .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.create-firm,
.locked .firm-toggle .design-2024 .settings-pop-out-menu ul li.create-firm,
.design-2024 .locked .firm-toggle .settings-pop-out-menu ul li.create-firm {
  text-align: center;
}
.app-top-bar-v2 .firm-toggle .dropdown-content ul li.disabled, .app-top-bar-v2--staff .firm-toggle .dropdown-content ul li.disabled, .app-top-bar-v2 .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled, .app-top-bar-v2--staff .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2 .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2--staff .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled, .app-top-bar-v2 .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled, .app-top-bar-v2--staff .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled, .design-2024 .app-top-bar-v2 .firm-toggle .settings-pop-out-menu ul li.disabled, .design-2024 .app-top-bar-v2--staff .firm-toggle .settings-pop-out-menu ul li.disabled,
.sign-up-container .firm-toggle .dropdown-content ul li.disabled,
.sign-up-container .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .sign-up-container .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled,
.sign-up-container .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled,
.design-2024 .sign-up-container .firm-toggle .settings-pop-out-menu ul li.disabled,
.trial-ended .firm-toggle .dropdown-content ul li.disabled,
.trial-ended .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .trial-ended .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled,
.trial-ended .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled,
.design-2024 .trial-ended .firm-toggle .settings-pop-out-menu ul li.disabled,
.locked .firm-toggle .dropdown-content ul li.disabled,
.locked .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .locked .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled,
.locked .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled,
.design-2024 .locked .firm-toggle .settings-pop-out-menu ul li.disabled {
  cursor: default;
  background-color: var(--cf-legacy-air);
  color: var(--cf-legacy-ash-light);
}
.app-top-bar-v2 .firm-toggle .dropdown-content ul li.disabled svg, .app-top-bar-v2--staff .firm-toggle .dropdown-content ul li.disabled svg, .app-top-bar-v2 .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg, .app-top-bar-v2--staff .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2 .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2--staff .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg, .app-top-bar-v2 .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg, .app-top-bar-v2--staff .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg, .design-2024 .app-top-bar-v2 .firm-toggle .settings-pop-out-menu ul li.disabled svg, .design-2024 .app-top-bar-v2--staff .firm-toggle .settings-pop-out-menu ul li.disabled svg,
.sign-up-container .firm-toggle .dropdown-content ul li.disabled svg,
.sign-up-container .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .sign-up-container .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg,
.sign-up-container .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg,
.design-2024 .sign-up-container .firm-toggle .settings-pop-out-menu ul li.disabled svg,
.trial-ended .firm-toggle .dropdown-content ul li.disabled svg,
.trial-ended .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .trial-ended .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg,
.trial-ended .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg,
.design-2024 .trial-ended .firm-toggle .settings-pop-out-menu ul li.disabled svg,
.locked .firm-toggle .dropdown-content ul li.disabled svg,
.locked .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .locked .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg,
.locked .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg,
.design-2024 .locked .firm-toggle .settings-pop-out-menu ul li.disabled svg {
  width: 18px;
  margin-bottom: -6px;
}
.app-top-bar-v2 .firm-toggle .dropdown-content ul li.disabled svg path.filled, .app-top-bar-v2--staff .firm-toggle .dropdown-content ul li.disabled svg path.filled, .app-top-bar-v2 .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled, .app-top-bar-v2--staff .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2 .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .app-top-bar-v2--staff .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled, .app-top-bar-v2 .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg path.filled, .app-top-bar-v2--staff .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg path.filled, .design-2024 .app-top-bar-v2 .firm-toggle .settings-pop-out-menu ul li.disabled svg path.filled, .design-2024 .app-top-bar-v2--staff .firm-toggle .settings-pop-out-menu ul li.disabled svg path.filled,
.sign-up-container .firm-toggle .dropdown-content ul li.disabled svg path.filled,
.sign-up-container .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .sign-up-container .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled,
.sign-up-container .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg path.filled,
.design-2024 .sign-up-container .firm-toggle .settings-pop-out-menu ul li.disabled svg path.filled,
.trial-ended .firm-toggle .dropdown-content ul li.disabled svg path.filled,
.trial-ended .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .trial-ended .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled,
.trial-ended .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg path.filled,
.design-2024 .trial-ended .firm-toggle .settings-pop-out-menu ul li.disabled svg path.filled,
.locked .firm-toggle .dropdown-content ul li.disabled svg path.filled,
.locked .firm-toggle .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled,
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .locked .firm-toggle .primary-nav__nav-item--cases__sub-menu ul li.disabled svg path.filled,
.locked .firm-toggle .design-2024 .settings-pop-out-menu ul li.disabled svg path.filled,
.design-2024 .locked .firm-toggle .settings-pop-out-menu ul li.disabled svg path.filled {
  fill: var(--cf-legacy-nobel);
}
@media (max-width: 641px) {
  .app-top-bar-v2 .firm-toggle .dropdown-content--right, .app-top-bar-v2--staff .firm-toggle .dropdown-content--right,
  .sign-up-container .firm-toggle .dropdown-content--right,
  .trial-ended .firm-toggle .dropdown-content--right,
  .locked .firm-toggle .dropdown-content--right {
    right: inherit;
  }
}

.sign-up-container .firm-toggle,
.locked .firm-toggle,
.trial-ended .firm-toggle {
  margin-top: 1rem;
}
.sign-up-container .firm-toggle h3, .sign-up-container .firm-toggle .alerts ul li, .alerts ul .sign-up-container .firm-toggle li,
.locked .firm-toggle h3,
.locked .firm-toggle .alerts ul li,
.alerts ul .locked .firm-toggle li,
.trial-ended .firm-toggle h3,
.trial-ended .firm-toggle .alerts ul li,
.alerts ul .trial-ended .firm-toggle li {
  color: var(--cf-gray-800);
}
.sign-up-container .firm-toggle h3 svg, .sign-up-container .firm-toggle .alerts ul li svg, .alerts ul .sign-up-container .firm-toggle li svg,
.locked .firm-toggle h3 svg,
.locked .firm-toggle .alerts ul li svg,
.alerts ul .locked .firm-toggle li svg,
.trial-ended .firm-toggle h3 svg,
.trial-ended .firm-toggle .alerts ul li svg,
.alerts ul .trial-ended .firm-toggle li svg {
  fill: var(--cf-gray-800);
}
.sign-up-container .firm-toggle h3 svg path, .sign-up-container .firm-toggle .alerts ul li svg path, .alerts ul .sign-up-container .firm-toggle li svg path,
.locked .firm-toggle h3 svg path,
.locked .firm-toggle .alerts ul li svg path,
.alerts ul .locked .firm-toggle li svg path,
.trial-ended .firm-toggle h3 svg path,
.trial-ended .firm-toggle .alerts ul li svg path,
.alerts ul .trial-ended .firm-toggle li svg path {
  fill: var(--cf-gray-800);
}

.locked .firm-toggle,
.trial-ended .firm-toggle {
  position: absolute;
  top: -55px;
  right: 2rem;
}

.filter-bar {
  padding: 8px;
  width: 100%;
  background-color: var(--cf-legacy-air);
  border-bottom: 1px solid var(--cf-legacy-dust);
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 34px;
  min-height: 48px;
}
.filter-bar.filter-bar--no-bg {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
  margin-bottom: 16px;
}
.filter-bar.filter-bar--views {
  flex-direction: column;
}
.filter-bar .ember-power-select-trigger {
  padding-right: 48px;
  margin-right: 8px;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-size: 0.875em;
}
.filter-bar > span.ember-basic-dropdown-trigger {
  min-height: calc(var(--input-height) - var(--border-width) * 2);
  line-height: calc(var(--input-height) - var(--border-width) * 2);
}

.filters {
  background-color: var(--cf-legacy-nobel);
  min-height: 40px;
}

.filter-builder__globals-row__input input, .filter-builder__globals-row__input .timezone-click-to-edit {
  width: 260px !important;
}

.timelines__sources-page > .page-wrapper > .list-column > .list-column__row {
  padding-top: 16px;
}
.timelines__sources-page > .page-wrapper > .list-column > .list-column__row > .list-filters {
  display: none;
}
.timelines__sources-page .filter-builder {
  margin-bottom: 10px;
}

.filter-builder hr.filter-builder__divider {
  margin: 8px 0;
  border-top: 1px solid var(--cf-gray-100);
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.filter-builder .filter-builder__filters .ember-power-select-trigger {
  line-height: 36px;
  min-height: 36px;
  border-color: var(--cf-gray-500);
}
.filter-builder .filter-builder__filters .ember-power-select-trigger input.ember-power-select-trigger-multiple-input, .filter-builder .filter-builder__filters .ember-power-select-trigger .ember-power-select-trigger-multiple-input.timezone-click-to-edit {
  height: 36px;
}
.filter-builder .filter-builder__top-row {
  padding: 0;
}
.filter-builder .filter-builder__top-row .saved-views__section-title {
  font-weight: 600;
  font-size: 16px;
  font-size: 1em;
}
.filter-builder .filter-builder__top-row .filter-builder__top-row__count {
  color: var(--cf-gray-600);
}
.filter-builder .filters__toggle-button button {
  padding-left: 8px;
  color: var(--cf-legacy-ash);
}
.filter-builder .filter-builder__globals-row {
  display: flex;
  flex-direction: row;
  padding: 12px 0 8px;
  justify-content: left;
  align-items: center;
}
.filter-builder .filter-builder__globals-row .filter-builder__globals-divider {
  height: 20px;
  flex-grow: 2;
  max-width: 24px;
}
.filter-builder .filter-builder__globals-row .filter-builder__globals-divider.filter-builder__globals-divider--no-tick {
  flex-grow: 1;
}
.filter-builder .filter-builder__globals-row .filter-builder__globals-divider.filter-builder__globals-divider--no-tick::after {
  display: none;
}
.filter-builder .filter-builder__globals-row .filter-builder__globals-divider::after {
  content: "";
  display: block;
  width: 1px;
  background-color: var(--cf-gray-100);
  height: 100%;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
}
.filter-builder .filter-builder__globals-row .filter-builder__globals-row__checkbox > span {
  cursor: pointer;
}
.filter-builder .filter-builder__globals-row .filter-builder__globals-row__checkbox span.check-box--checked {
  background-color: var(--cf-ink);
}
.filter-builder .filter-builder__globals-row > div,
.filter-builder .filter-builder__globals-row > label,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date {
  height: 32px;
  line-height: 31px;
  font-size: 14px !important;
  flex-grow: 0;
  flex-flow: row wrap;
  position: relative;
}
.filter-builder .filter-builder__globals-row > div.filter-builder-global-date > input, .filter-builder .filter-builder__globals-row > div.filter-builder-global-date > .timezone-click-to-edit,
.filter-builder .filter-builder__globals-row > label.filter-builder-global-date > input,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .filter-builder-global-date.settlement-date > input,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .filter-builder-global-date.settlement-date > input,
.filter-builder .filter-builder__globals-row > label.filter-builder-global-date > .timezone-click-to-edit,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .filter-builder-global-date.settlement-date > .timezone-click-to-edit,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .filter-builder-global-date.settlement-date > .timezone-click-to-edit,
.filter-builder .table-pagination .filter-builder__globals-row > .filter-builder-global-date.pagination-text > input,
.filter-builder .table-pagination .filter-builder__globals-row > .filter-builder-global-date.pagination-text > .timezone-click-to-edit,
.table-pagination .filter-builder .filter-builder__globals-row > .filter-builder-global-date.pagination-text > input,
.table-pagination .filter-builder .filter-builder__globals-row > .filter-builder-global-date.pagination-text > .timezone-click-to-edit,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .filter-builder-global-date.sidebar-record-category > input,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .filter-builder-global-date.sidebar-record-category > .timezone-click-to-edit,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .filter-builder-global-date.sidebar-record-category > input,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .filter-builder-global-date.sidebar-record-category > .timezone-click-to-edit,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .filter-builder-global-date.graph-stats > input,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .filter-builder-global-date.graph-stats > .timezone-click-to-edit,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .filter-builder-global-date.graph-stats > input,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .filter-builder-global-date.graph-stats > .timezone-click-to-edit,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .filter-builder-global-date.feed-memo-date > input,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .filter-builder-global-date.feed-memo-date > .timezone-click-to-edit,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .filter-builder-global-date.feed-memo-date > input,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .filter-builder-global-date.feed-memo-date > .timezone-click-to-edit {
  margin-top: 0 !important;
}
.filter-builder .filter-builder__globals-row > div > input, .filter-builder .filter-builder__globals-row > div > .timezone-click-to-edit,
.filter-builder .filter-builder__globals-row > div > .filter-builder__globals-label,
.filter-builder .filter-builder__globals-row > label > input,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > input,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > input,
.filter-builder .filter-builder__globals-row > label > .timezone-click-to-edit,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > .timezone-click-to-edit,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > .timezone-click-to-edit,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > input,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > .timezone-click-to-edit,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > input,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > .timezone-click-to-edit,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > input,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > .timezone-click-to-edit,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > input,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > .timezone-click-to-edit,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > input,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > .timezone-click-to-edit,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > input,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > .timezone-click-to-edit,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > input,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > .timezone-click-to-edit,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > input,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > .timezone-click-to-edit,
.filter-builder .filter-builder__globals-row > label > .filter-builder__globals-label,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label {
  display: inline-block;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  min-height: 0;
}
.filter-builder .filter-builder__globals-row > div > input.filter-builder__globals-label--bold, .filter-builder .filter-builder__globals-row > div > .filter-builder__globals-label--bold.timezone-click-to-edit,
.filter-builder .filter-builder__globals-row > div > .filter-builder__globals-label.filter-builder__globals-label--bold,
.filter-builder .filter-builder__globals-row > label > input.filter-builder__globals-label--bold,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > input.filter-builder__globals-label--bold,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > input.filter-builder__globals-label--bold,
.filter-builder .filter-builder__globals-row > label > .filter-builder__globals-label--bold.timezone-click-to-edit,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label--bold.timezone-click-to-edit,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label--bold.timezone-click-to-edit,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > input.filter-builder__globals-label--bold,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label--bold.timezone-click-to-edit,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > input.filter-builder__globals-label--bold,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label--bold.timezone-click-to-edit,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > input.filter-builder__globals-label--bold,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label--bold.timezone-click-to-edit,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > input.filter-builder__globals-label--bold,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label--bold.timezone-click-to-edit,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > input.filter-builder__globals-label--bold,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label--bold.timezone-click-to-edit,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > input.filter-builder__globals-label--bold,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label--bold.timezone-click-to-edit,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > input.filter-builder__globals-label--bold,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label--bold.timezone-click-to-edit,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > input.filter-builder__globals-label--bold,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label--bold.timezone-click-to-edit,
.filter-builder .filter-builder__globals-row > label > .filter-builder__globals-label.filter-builder__globals-label--bold,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label.filter-builder__globals-label--bold,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label.filter-builder__globals-label--bold,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label.filter-builder__globals-label--bold,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label.filter-builder__globals-label--bold,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label.filter-builder__globals-label--bold,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label.filter-builder__globals-label--bold,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label.filter-builder__globals-label--bold,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label.filter-builder__globals-label--bold,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label.filter-builder__globals-label--bold,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label.filter-builder__globals-label--bold {
  font-weight: 600;
}
.filter-builder .filter-builder__globals-row > div > .filter-builder__globals-label,
.filter-builder .filter-builder__globals-row > label > .filter-builder__globals-label,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label {
  white-space: nowrap;
  margin-right: 4px;
}
.filter-builder .filter-builder__globals-row > div > input, .filter-builder .filter-builder__globals-row > div > .timezone-click-to-edit,
.filter-builder .filter-builder__globals-row > label > input,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > input,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > input,
.filter-builder .filter-builder__globals-row > label > .timezone-click-to-edit,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > .timezone-click-to-edit,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > .timezone-click-to-edit,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > input,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > .timezone-click-to-edit,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > input,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > .timezone-click-to-edit,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > input,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > .timezone-click-to-edit,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > input,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > .timezone-click-to-edit,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > input,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > .timezone-click-to-edit,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > input,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > .timezone-click-to-edit,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > input,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > .timezone-click-to-edit,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > input,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > .timezone-click-to-edit {
  min-width: 0;
  margin-top: 0 !important;
  height: 30px !important;
  width: 140px;
  flex-grow: 1;
}
.filter-builder .filter-builder__globals-row > div .field__clear,
.filter-builder .filter-builder__globals-row > label .field__clear,
.filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date .field__clear,
#settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date .field__clear,
.filter-builder .table-pagination .filter-builder__globals-row > .pagination-text .field__clear,
.table-pagination .filter-builder .filter-builder__globals-row > .pagination-text .field__clear,
.filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category .field__clear,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category .field__clear,
.filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats .field__clear,
.graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats .field__clear,
.filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date .field__clear,
.activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date .field__clear {
  top: -1px;
  right: 6px;
}
@media screen and (max-width: 800px) {
  .filter-builder .filter-builder__globals-row {
    flex-direction: column;
  }
  .filter-builder .filter-builder__globals-row > label, .filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date, #settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date, .filter-builder .table-pagination .filter-builder__globals-row > .pagination-text, .table-pagination .filter-builder .filter-builder__globals-row > .pagination-text, .filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category, .filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats, .graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats, .filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date, .activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date {
    margin-bottom: 4px;
  }
  .filter-builder .filter-builder__globals-row > label > .filter-builder__globals-label, .filter-builder #settlements > ul > li .settlement-area .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label, #settlements > ul > li .settlement-area .filter-builder .filter-builder__globals-row > .settlement-date > .filter-builder__globals-label, .filter-builder .table-pagination .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label, .table-pagination .filter-builder .filter-builder__globals-row > .pagination-text > .filter-builder__globals-label, .filter-builder .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .filter-builder .filter-builder__globals-row > .sidebar-record-category > .filter-builder__globals-label, .filter-builder .graph .graph-pagination .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label, .graph .graph-pagination .filter-builder .filter-builder__globals-row > .graph-stats > .filter-builder__globals-label, .filter-builder .activity-feed > ul > li .feed-memo .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label, .activity-feed > ul > li .feed-memo .filter-builder .filter-builder__globals-row > .feed-memo-date > .filter-builder__globals-label {
    width: 100px;
  }
}
.filter-builder .filter-builder__controls-row > .link-btn, .filter-builder .list-column .list-column__row .filter-builder__controls-row > a.download-btn.right, .list-column .list-column__row .filter-builder .filter-builder__controls-row > a.download-btn.right {
  color: var(--cf-ink);
  padding: 0 2px;
  height: 28px !important;
  line-height: 28px !important;
  position: relative;
  margin-right: 0;
}
.filter-builder .filter-builder__controls-row > .link-btn.filter-builder__controls-row__add, .filter-builder .list-column .list-column__row .filter-builder__controls-row > a.filter-builder__controls-row__add.download-btn.right, .list-column .list-column__row .filter-builder .filter-builder__controls-row > a.filter-builder__controls-row__add.download-btn.right {
  padding-left: 22px !important;
}
.filter-builder .filter-builder__controls-row > .link-btn.filter-builder__controls-row__add svg, .filter-builder .list-column .list-column__row .filter-builder__controls-row > a.filter-builder__controls-row__add.download-btn.right svg, .list-column .list-column__row .filter-builder .filter-builder__controls-row > a.filter-builder__controls-row__add.download-btn.right svg {
  position: absolute;
  left: -3px;
  top: 45%;
  transform: translateY(-50%);
}
.filter-builder .filter-builder__controls-row > .link-btn.filter-builder__controls-row__add svg path, .filter-builder .list-column .list-column__row .filter-builder__controls-row > a.filter-builder__controls-row__add.download-btn.right svg path, .list-column .list-column__row .filter-builder .filter-builder__controls-row > a.filter-builder__controls-row__add.download-btn.right svg path {
  fill: var(--cf-ink);
}
.filter-builder .filter-builder__controls-row > .link-btn.filter-builder__controls-row__clear-btn, .filter-builder .list-column .list-column__row .filter-builder__controls-row > a.filter-builder__controls-row__clear-btn.download-btn.right, .list-column .list-column__row .filter-builder .filter-builder__controls-row > a.filter-builder__controls-row__clear-btn.download-btn.right {
  float: right;
}
.filter-builder .filter-builder__close-btn {
  position: absolute;
  top: 7px;
  right: 7px;
}
.filter-builder .filter-builder__close-btn svg {
  width: 16px;
  height: 16px;
}
.filter-builder table.filter-builder__filters {
  width: 100%;
  margin-bottom: 8px;
}
.filter-builder table.filter-builder__filters tr.filter-row {
  height: 1px;
}
.filter-builder table.filter-builder__filters tr.filter-row td {
  margin-right: 12px;
  line-height: 28px !important;
  padding: 4px;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__left {
  text-align: right;
  min-width: 56px;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__left .ember-basic-dropdown-trigger {
  padding-right: 24px;
}
.filter-builder table.filter-builder__filters tr.filter-row td input, .filter-builder table.filter-builder__filters tr.filter-row td .timezone-click-to-edit {
  min-height: 28px !important;
  width: auto;
  display: inline-block;
  max-width: 170px;
  padding: 0 4px;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__combinator-column {
  height: inherit;
  padding: 2px 16px 2px 0;
  background-color: var(--cf-legacy-air);
  position: relative;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__combinator-column .filter__combinator-wrap button.text-btn,
.filter-builder table.filter-builder__filters tr.filter-row td.filter__combinator-column .filter__combinator-wrap .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.color-field__color-picker .filter-builder table.filter-builder__filters tr.filter-row td.filter__combinator-column .filter__combinator-wrap button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.filter-builder table.filter-builder__filters tr.filter-row td.filter__combinator-column .filter__combinator-wrap .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.color-field__color-picker .filter-builder table.filter-builder__filters tr.filter-row td.filter__combinator-column .filter__combinator-wrap button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option, .filter-builder table.filter-builder__filters tr.filter-row td.filter__combinator-column .filter__combinator-wrap button.button-with-icon {
  height: var(--input-height);
  line-height: var(--input-height);
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__combinator-column .filter__combinator-wrap::after {
  content: "";
  display: block;
  position: absolute;
  right: 6px;
  top: 0;
  height: 100%;
  width: 3px;
  background-color: var(--cf-legacy-dust);
}
.filter-builder table.filter-builder__filters tr.filter-row td .date-field__input-wrap {
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .filter-builder table.filter-builder__filters tr.filter-row td:not(.filter__combinator-column) {
    display: block;
    width: 100% !important;
  }
  .filter-builder table.filter-builder__filters tr.filter-row td:not(.filter__combinator-column).filter__remove {
    text-align: center;
  }
  .filter-builder table.filter-builder__filters tr.filter-row td:not(.filter__combinator-column).filter__remove .filter__close-icon {
    transform: translateY(-3px);
  }
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__type {
  width: 19%;
  white-space: nowrap;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__operator {
  width: 25%;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__value {
  width: 56%;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__value li.ember-power-select-multiple-option {
  padding: 2px 4px;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__value li.ember-power-select-multiple-option .micro {
  line-height: inherit;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__value.date-filter {
  display: flex;
  flex-direction: row;
  justify-content: start;
  width: 100%;
  align-items: center;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__value.date-filter .date-filter__and,
.filter-builder table.filter-builder__filters tr.filter-row td.filter__value.date-filter > input,
.filter-builder table.filter-builder__filters tr.filter-row td.filter__value.date-filter > .timezone-click-to-edit,
.filter-builder table.filter-builder__filters tr.filter-row td.filter__value.date-filter .ember-power-select-trigger {
  margin-right: 8px;
}
.filter-builder table.filter-builder__filters tr.filter-row td.filter__value.date-filter input, .filter-builder table.filter-builder__filters tr.filter-row td.filter__value.date-filter .timezone-click-to-edit {
  max-width: 160px;
  height: 38px;
  flex-grow: 2;
}
.filter-builder table.filter-builder__filters tr.filter-row .filter__close-icon {
  width: 16px;
  transform: translateY(6px);
  cursor: pointer;
}

.design-2024 table.filter-builder__filters tr.filter-row {
  border-radius: 2px;
}

.power-select-search-indicator {
  color: white;
  font-size: 12px;
  font-style: italic;
  background-color: var(--cf-legacy-ash);
  cursor: default !important;
}

.help-hover {
  display: inline-block;
  position: relative;
  bottom: -1px;
}

.help-hover__tooltip-modal {
  box-shadow: none !important;
  background-color: var(--tooltip-bg) !important;
  color: var(--cf-white) !important;
  border-radius: var(--radius-md);
  opacity: 0.85;
  width: 300px;
  font-weight: 500;
  text-align: center;
}

.help-hover__tooltip.help-hover__fading {
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.05s ease;
}
.help-hover__tooltip.help-hover__fading::after {
  opacity: 0;
}
.help-hover__tooltip {
  display: block;
  position: fixed;
  max-width: 300px;
  border-radius: var(--radius-md);
  opacity: 0.8;
  z-index: 1100;
  padding: 8px;
  min-width: 200px;
  color: var(--cf-white);
  background-color: var(--tooltip-bg);
  font-weight: 500;
  text-align: center;
  transition: all 0.05s ease;
}
.help-hover__tooltip::after {
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid var(--tooltip-bg);
}

.notification-center {
  position: fixed;
  z-index: 999;
  top: 51px;
  right: 2%;
  display: none;
  width: 96%;
  max-width: 476px;
}
.notification-center.notification-center--show {
  display: block;
}
@media (min-width: 768px) {
  .notification-center {
    position: static;
    top: auto;
    right: auto;
    width: min(476px, 92vw);
    max-width: none;
  }
}
.notification-center .notification-center__container {
  min-width: 300px;
  bottom: 0;
}
.notification-center .notification-center__container .notification-center__box {
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
  box-shadow: var(--shadow-deep) !important;
  border-radius: var(--radius-md);
  padding: 0;
  max-height: 320px;
  overflow-y: auto;
}
.notification-center .notification-center__container .notification-center__box .notification-center__top-row {
  width: 100%;
  background-color: var(--cf-legacy-air);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 54px;
  padding: 20px;
}
.notification-center .notification-center__container .notification-center__box .notification-center__top-row h4 {
  color: var(--cf-ink);
  font-weight: 300;
  float: left;
}
.notification-center .notification-center__container .notification-center__box .notification-center__top-row .notification-center__mark-all-read {
  float: right;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  cursor: pointer;
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list {
  padding: 0;
  list-style: none;
  margin: 0;
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list span.new-spinner {
  display: block;
  text-align: center;
  margin: auto;
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list li.notification {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  border-bottom: 1px solid var(--cf-legacy-air);
  padding: 12px;
  background-color: var(--cf-lilac-tint);
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list li.notification .notification__message {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  cursor: pointer;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list li.notification .notification__message:hover {
  color: var(--cf-purple-600);
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list li.notification.notification--has-been-deleted .notification__message {
  color: var(--cf-legacy-ash-light);
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list li.notification.notification--has-been-deleted .notification__message:hover {
  color: var(--cf-legacy-ash-light);
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list li.notification.notification--dismissed {
  background-color: var(--cf-white);
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list li.notification .notification__dismiss {
  width: 100px;
  text-align: right;
  flex: none;
  padding-right: 7px;
  cursor: pointer;
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list li.notification .notification__dismiss span.notification__circle {
  height: 10px;
  width: 10px;
  background-color: var(--cf-purple-600);
  display: inline-block;
  border-radius: 50%;
}
.notification-center .notification-center__container .notification-center__box ul.notification-center__notifications-list li.notification .notification__dismiss.notification__dismissed--dismissed span.notification__circle {
  background-color: transparent;
  border: 2px solid var(--cf-legacy-loblolly);
}
.notification-center .notification-center__container .notification-center__box .notification-center__view-all {
  text-align: center;
  padding: 12px;
}
.notification-center .notification-center__container .notification-center__box .notification-center__view-all button {
  color: var(--cf-purple-600);
}

span.notification--record-deleted {
  color: var(--cf-alert-500);
  display: inline;
  font-style: italic;
  font-size: 12px;
}

.notes-note {
  margin-bottom: 16px;
}
.notes-note .fact-form-note__info {
  margin-bottom: 12px;
}
.notes-note .fact-form-note__info .fact-form-note__author {
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-ink);
}
.notes-note .fact-form-note__info .fact-form-note__controls {
  float: right;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s;
}
.notes-note .fact-form-note__info .fact-form-note__controls svg {
  height: 15px;
  fill: currentcolor;
  cursor: pointer;
}
.notes-note .fact-form-note__info .fact-form-note__date-time {
  font-size: 13px;
  font-size: 0.8125em;
  float: right;
}
.notes-note .fact-form-note__note {
  font-size: 13px;
  font-size: 0.8125em;
  color: var(--cf-legacy-ash);
}
.notes-note:hover .fact-form-note__controls {
  opacity: 1;
}

.notes-note .column,
.fact-form-new-note .column {
  padding: 0;
}
.notes-note textarea,
.fact-form-new-note textarea {
  padding: 0.4rem !important;
  overflow-y: hidden;
  resize: none;
  margin-bottom: 0.3rem;
  max-height: 12rem;
}
.notes-note .fact-form-new-note__buttons,
.fact-form-new-note .fact-form-new-note__buttons {
  text-align: right;
}
.notes-note .fact-form-new-note__buttons .primary-btn svg,
.notes-note .fact-form-new-note__buttons .submit-btn svg,
.fact-form-new-note .fact-form-new-note__buttons .primary-btn svg,
.fact-form-new-note .fact-form-new-note__buttons .submit-btn svg {
  position: relative;
  top: 2px;
}

.notes-content {
  max-width: 640px;
}
.notes-content .pagination__set-limits {
  visibility: hidden;
}
.notes-content .notes-header {
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 300;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--cf-gray-300);
}

.tippy-box {
  background-color: var(--tooltip-sm-bg) !important;
  color: var(--cf-white) !important;
  padding: 5px 8px;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
}
.tippy-box[data-theme~=popover], .tippy-box[data-theme~=tippy--interactive] {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  background-color: var(--cf-white) !important;
  color: var(--cf-gray-800) !important;
  border: 1px solid var(--cf-gray-300);
  border-radius: 8px;
  text-align: left;
}
.tippy-box[data-theme~=popover] .card__title, .tippy-box[data-theme~=tippy--interactive] .card__title {
  font-weight: 600;
  display: block;
}
.tippy-box[data-theme~=popover] .card__supporting-text,
.tippy-box[data-theme~=popover] .card__secondary-text, .tippy-box[data-theme~=tippy--interactive] .card__supporting-text,
.tippy-box[data-theme~=tippy--interactive] .card__secondary-text {
  font-size: 16px;
  font-size: 1em;
  margin-bottom: 0;
}
.tippy-box[data-theme~=popover] .card__actions, .tippy-box[data-theme~=tippy--interactive] .card__actions {
  padding: 0;
  text-align: left;
}
.tippy-box[data-theme~=popover] .card__actions button,
.tippy-box[data-theme~=popover] .card__actions a, .tippy-box[data-theme~=tippy--interactive] .card__actions button,
.tippy-box[data-theme~=tippy--interactive] .card__actions a {
  height: 32px !important;
  line-height: 32px !important;
}
.tippy-box[data-theme~=popover] {
  overflow: visible;
}
.tippy-box[data-theme~=popover] .tippy-content {
  margin-bottom: 0 !important;
}
.tippy-box[data-theme~=popover] .tippy-arrow {
  width: 12px;
  height: 12px;
  color: white;
  display: block;
}
.tippy-box[data-theme~=popover] .tippy-arrow::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: var(--cf-white);
  box-sizing: border-box;
  transform: rotate(45deg);
  border: 1px solid var(--cf-gray-300) !important;
}
.tippy-box[data-theme~=popover] {
  /* TOP placement (arrow points down) */
}
.tippy-box[data-theme~=popover][data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-theme~=popover][data-placement^=top] > .tippy-arrow::before {
  bottom: -6px;
  left: 0;
  border-top: none;
  border-left: none;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  transform-origin: center center;
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}
.tippy-box[data-theme~=popover] {
  /* BOTTOM placement (arrow points up) */
}
.tippy-box[data-theme~=popover][data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-theme~=popover][data-placement^=bottom] > .tippy-arrow::before {
  top: -6px;
  left: 0;
  border-bottom: none;
  border-right: none;
  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.2);
  transform-origin: center center;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
.tippy-box[data-theme~=popover] {
  /* LEFT placement (arrow points right) */
}
.tippy-box[data-theme~=popover][data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-theme~=popover][data-placement^=left] > .tippy-arrow::before {
  right: -6px;
  top: 0;
  border-left: none;
  border-bottom: none;
  box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.2);
  transform-origin: center center;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}
.tippy-box[data-theme~=popover] {
  /* RIGHT placement (arrow points left) */
}
.tippy-box[data-theme~=popover][data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-theme~=popover][data-placement^=right] > .tippy-arrow::before {
  left: -6px;
  top: 0;
  border-right: none;
  border-top: none;
  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
  transform-origin: center center;
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
}
.tippy-box[data-theme~=popover] .form-for__form-buttons {
  margin-top: 0;
  margin-bottom: 0;
}
.tippy-box .tippy-content {
  padding: 0;
}
.tippy-box .tippy-arrow {
  display: none;
}

.small-tooltip, .ocr-tooltip {
  padding: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  text-align: center;
}

.ocr-tooltip {
  max-width: 200px;
}

.hide-time .svg-icon[title]:hover::after,
.timezone-wrapper .svg-icon[title]:hover::after,
.hide-time-inputs .svg-icon[title]:hover::after,
.icon-launcher .svg-icon[title]:hover::after {
  background: var(--cf-legacy-cloud);
  border-radius: var(--radius-md);
  top: -6px;
  color: var(--cf-white);
  content: attr(title);
  padding: 4px 12px;
  position: absolute;
  z-index: 98;
  opacity: 0.8;
  font-size: 13px;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}
.hide-time .svg-icon[title]:hover::before,
.timezone-wrapper .svg-icon[title]:hover::before,
.hide-time-inputs .svg-icon[title]:hover::before,
.icon-launcher .svg-icon[title]:hover::before {
  border: solid;
  border-color: var(--cf-legacy-cloud) transparent;
  border-width: 6px 6px 0;
  top: 22px;
  opacity: 0.8;
  content: "";
  position: absolute;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
}

.hide-time-inputs .svg-icon[title]:hover::after {
  top: -22px;
}
.hide-time-inputs .svg-icon[title]:hover::before {
  top: 6px;
}

td .svg-icon[title]:hover::after,
.x-filters-right-actions .svg-icon[title]:hover::after {
  background: var(--cf-legacy-cloud);
  border-radius: var(--radius-md);
  top: -56px;
  color: var(--cf-white);
  content: attr(title);
  padding: 8px 12px;
  position: absolute;
  z-index: 98;
  font-weight: 700;
  font-size: 1rem;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}
td .svg-icon[title]:hover::before,
.x-filters-right-actions .svg-icon[title]:hover::before {
  border: solid;
  border-color: var(--cf-legacy-cloud) transparent;
  border-width: 6px 6px 0;
  top: -23px;
  content: "";
  position: absolute;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
}

.controls-icon .svg-icon[title]:hover::after {
  background: var(--cf-gray-800, var(--cf-legacy-cloud));
  border-radius: var(--radius-md);
  top: -5px;
  color: var(--cf-white);
  content: attr(title);
  padding: 8px 12px;
  position: absolute;
  z-index: 98;
  font-weight: 700;
  font-size: 1rem;
  white-space: nowrap;
  left: -80px;
}
.controls-icon .svg-icon[title]:hover::before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid var(--cf-legacy-cloud);
  top: 7px;
  content: "";
  position: absolute;
  z-index: 99;
  left: -13px;
}

label > span, #settlements > ul > li .settlement-area .settlement-date > span, .table-pagination .pagination-text > span, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > span, .graph .graph-pagination .graph-stats > span, .activity-feed > ul > li .feed-memo .feed-memo-date > span,
h2 > span[title],
.calendar-list-item li:first-child h4 > span[title],
h3 > span[title],
.alerts ul li > span[title] {
  position: relative;
  margin-left: 3px;
}
label > span svg[class*=icon], #settlements > ul > li .settlement-area .settlement-date > span svg[class*=icon], .table-pagination .pagination-text > span svg[class*=icon], .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > span svg[class*=icon], .graph .graph-pagination .graph-stats > span svg[class*=icon], .activity-feed > ul > li .feed-memo .feed-memo-date > span svg[class*=icon],
h2 > span[title] svg[class*=icon],
.calendar-list-item li:first-child h4 > span[title] svg[class*=icon],
h3 > span[title] svg[class*=icon],
.alerts ul li > span[title] svg[class*=icon] {
  width: 13px;
  height: 13px;
  position: relative;
  top: 1.5px;
}

label > span[title].is-clicked::after, #settlements > ul > li .settlement-area .settlement-date > span[title].is-clicked::after, .table-pagination .pagination-text > span[title].is-clicked::after, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > span[title].is-clicked::after, .graph .graph-pagination .graph-stats > span[title].is-clicked::after, .activity-feed > ul > li .feed-memo .feed-memo-date > span[title].is-clicked::after,
h2 > span[title].is-clicked::after,
.calendar-list-item li:first-child h4 > span[title].is-clicked::after,
h3 > span[title].is-clicked::after,
.alerts ul li > span[title].is-clicked::after {
  background: var(--cf-gray-800, var(--cf-legacy-cloud));
  border-radius: var(--radius-md);
  bottom: 33px;
  color: var(--cf-white);
  content: attr(title);
  padding: 8px 12px;
  position: absolute;
  z-index: 98;
  font-weight: 700;
  font-size: 1rem;
  width: 225px;
}
label > span[title].is-clicked::before, #settlements > ul > li .settlement-area .settlement-date > span[title].is-clicked::before, .table-pagination .pagination-text > span[title].is-clicked::before, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > span[title].is-clicked::before, .graph .graph-pagination .graph-stats > span[title].is-clicked::before, .activity-feed > ul > li .feed-memo .feed-memo-date > span[title].is-clicked::before,
h2 > span[title].is-clicked::before,
.calendar-list-item li:first-child h4 > span[title].is-clicked::before,
h3 > span[title].is-clicked::before,
.alerts ul li > span[title].is-clicked::before {
  border: solid;
  border-color: var(--cf-legacy-cloud) transparent;
  border-width: 6px 6px 0;
  top: -18px;
  content: "";
  position: absolute;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
}
label > span[title].is-left.is-clicked::after, #settlements > ul > li .settlement-area .settlement-date > span[title].is-left.is-clicked::after, .table-pagination .pagination-text > span[title].is-left.is-clicked::after, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > span[title].is-left.is-clicked::after, .graph .graph-pagination .graph-stats > span[title].is-left.is-clicked::after, .activity-feed > ul > li .feed-memo .feed-memo-date > span[title].is-left.is-clicked::after,
h2 > span[title].is-left.is-clicked::after,
.calendar-list-item li:first-child h4 > span[title].is-left.is-clicked::after,
h3 > span[title].is-left.is-clicked::after,
.alerts ul li > span[title].is-left.is-clicked::after {
  left: -20px;
}
label > span[title].is-center.is-clicked::after, #settlements > ul > li .settlement-area .settlement-date > span[title].is-center.is-clicked::after, .table-pagination .pagination-text > span[title].is-center.is-clicked::after, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > span[title].is-center.is-clicked::after, .graph .graph-pagination .graph-stats > span[title].is-center.is-clicked::after, .activity-feed > ul > li .feed-memo .feed-memo-date > span[title].is-center.is-clicked::after,
h2 > span[title].is-center.is-clicked::after,
.calendar-list-item li:first-child h4 > span[title].is-center.is-clicked::after,
h3 > span[title].is-center.is-clicked::after,
.alerts ul li > span[title].is-center.is-clicked::after {
  left: 50%;
  transform: translateX(-50%);
}
label > span[title].is-right.is-clicked::after, #settlements > ul > li .settlement-area .settlement-date > span[title].is-right.is-clicked::after, .table-pagination .pagination-text > span[title].is-right.is-clicked::after, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > span[title].is-right.is-clicked::after, .graph .graph-pagination .graph-stats > span[title].is-right.is-clicked::after, .activity-feed > ul > li .feed-memo .feed-memo-date > span[title].is-right.is-clicked::after,
h2 > span[title].is-right.is-clicked::after,
.calendar-list-item li:first-child h4 > span[title].is-right.is-clicked::after,
h3 > span[title].is-right.is-clicked::after,
.alerts ul li > span[title].is-right.is-clicked::after {
  right: -20px;
}

h3 > span[title], .alerts ul li > span[title] {
  top: -1px;
}
h3 > span[title].is-clicked::before, .alerts ul li > span[title].is-clicked::before {
  top: -11px;
}

h2 > span[title], .calendar-list-item li:first-child h4 > span[title] {
  top: -3px;
}
h2 > span[title].is-clicked::before, .calendar-list-item li:first-child h4 > span[title].is-clicked::before {
  top: -8px;
}

.calendar-task-toggle[title]:hover::after,
.selector-toggle[title]:hover::after,
.date-toggle[title]:hover::after {
  background: var(--cf-gray-800, var(--cf-legacy-cloud));
  border-radius: var(--radius-md);
  top: -46px;
  color: var(--cf-white);
  content: attr(title);
  padding: 8px 12px;
  position: absolute;
  z-index: 10000;
  font-weight: 700;
  font-size: 1rem;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}
.calendar-task-toggle[title]:hover::before,
.selector-toggle[title]:hover::before,
.date-toggle[title]:hover::before {
  border: solid;
  border-color: var(--cf-legacy-cloud) transparent;
  border-width: 6px 6px 0;
  top: -13px;
  content: "";
  position: absolute;
  z-index: 10001;
  left: 50%;
  transform: translateX(-50%);
}

/*  This class is used to make the name of the claim a bit smaller than
    the name of the issue in the "pills" that appear in power select and on the facts
    table.
*/
.issue-pill__claim {
  font-size: 14px;
  font-size: 0.875em;
}

.design-2024 .pill, .design-2024 .source-tag-pill {
  padding: 2px 8px;
  border-radius: 14px;
  background: var(--cf-gray-100);
  color: var(--cf-ink);
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
}
.design-2024 .pill.pill--green, .design-2024 .pill--green.source-tag-pill {
  border: 1px solid var(--cf-success-400);
  background: var(--cf-success-200, var(--cf-success-200));
}
.design-2024 .x-table__pill {
  border-radius: 12px;
  padding: 4px 8px;
  box-shadow: none;
}
.design-2024 li.ember-power-select-multiple-option:has(.pill, .source-tag-pill) {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
}
.design-2024 li.ember-power-select-multiple-option:has(.pill, .source-tag-pill) .ember-power-select-multiple-remove-btn {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1 !important;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.design-2024 li.ember-power-select-multiple-option:has(.pill, .source-tag-pill) .ember-power-select-multiple-remove-btn:hover {
  opacity: 1 !important;
}
.design-2024 li.ember-power-select-multiple-option:has(.pill, .source-tag-pill) .pill, .design-2024 li.ember-power-select-multiple-option:has(.pill, .source-tag-pill) .source-tag-pill {
  margin-left: 0;
  padding-left: 20px;
}
.design-2024 li.ember-power-select-multiple-option .pill, .design-2024 li.ember-power-select-multiple-option .source-tag-pill {
  margin: 0;
}
.design-2024 li.ember-power-select-multiple-option .source-tag-pill {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 330px;
}

.pill, .source-tag-pill {
  height: auto;
  margin: 3px 0 0;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  background-color: var(--cf-white);
  border-radius: var(--radius-md);
  cursor: pointer;
  border: var(--border-width) solid var(--cf-gray-300);
}
.pill.pill--non-interactive, .pill--non-interactive.source-tag-pill {
  cursor: default;
}

.x-table__pill {
  box-shadow: var(--shadow-light-shade);
  cursor: pointer;
  display: inline-block;
  border-radius: var(--radius-md);
  margin-bottom: 2px;
  height: auto;
  padding: 0 8px;
  width: auto;
  transition: background-color 0.2s;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 12px;
  font-size: 0.75em;
}
.x-table__pill.x-table-pill--loading {
  background-color: color-mix(in srgb, var(--cf-legacy-dust), var(--cf-white) 92.7%);
  border: var(--border-width) solid var(--cf-gray-300);
  color: var(--cf-legacy-dust-strong);
  transition: background-color 0.2s;
}
.x-table__pill.x-table__pill__show-hide-more {
  border: none;
  box-shadow: none;
  color: var(--cf-legacy-ash-light);
}
.x-table__pill.x-table__pill__show-hide-more:hover {
  color: var(--cf-purple-600);
}

.source-tag-pill {
  cursor: default;
}

.claim-issue-pill {
  cursor: auto;
}

.design-2024 .fancy-dropzone > .upload-box > span.svg-icon svg path {
  fill: var(--cf-purple-600);
}
.design-2024 .fancy-dropzone .upload-box {
  background-color: var(--cf-legacy-air);
  border-width: 1px;
}
.design-2024 .fancy-dropzone .upload-box.is-dragging, .design-2024 .fancy-dropzone .upload-box.is-processing, .design-2024 .fancy-dropzone .upload-box.is-uploading {
  background-color: var(--cf-lilac-tint, var(--cf-lilac-tint)) !important;
  color: var(--cf-gray-800, var(--cf-legacy-thunderstorm)) !important;
  border-color: var(--cf-purple-600, var(--cf-purple-600));
}
.design-2024 .fancy-dropzone .upload-box.is-dragging h2, .design-2024 .fancy-dropzone .upload-box.is-dragging .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .design-2024 .fancy-dropzone .upload-box.is-dragging h4, .design-2024 .fancy-dropzone .upload-box.is-processing h2, .design-2024 .fancy-dropzone .upload-box.is-processing .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .design-2024 .fancy-dropzone .upload-box.is-processing h4, .design-2024 .fancy-dropzone .upload-box.is-uploading h2, .design-2024 .fancy-dropzone .upload-box.is-uploading .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .design-2024 .fancy-dropzone .upload-box.is-uploading h4 {
  color: var(--cf-ink, var(--cf-legacy-thunderstorm)) !important;
}
.design-2024 .fancy-dropzone .upload-box.is-dragging button.create-btn, .design-2024 .fancy-dropzone .upload-box.is-processing button.create-btn, .design-2024 .fancy-dropzone .upload-box.is-uploading button.create-btn {
  display: none;
}

.fancy-dropzone {
  margin-top: 12px;
  margin-bottom: 25px;
  max-height: 300px;
}
.fancy-dropzone > .upload-box > span.svg-icon svg path {
  fill: var(--cf-white);
  stroke: var(--cf-white);
}
.fancy-dropzone.fancy-dropzone--medium .upload-box {
  padding: 24px 0;
  height: auto;
  margin-bottom: 16px;
}
.fancy-dropzone.fancy-dropzone--medium .upload-box h2, .fancy-dropzone.fancy-dropzone--medium .upload-box .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .fancy-dropzone.fancy-dropzone--medium .upload-box h4 {
  display: inline;
  width: 100%;
}
.fancy-dropzone.fancy-dropzone--medium .upload-box .file-input-wrapper {
  margin-left: 4px;
  display: inline;
}
.fancy-dropzone.fancy-dropzone--small {
  margin: 0 0 12px;
}
.fancy-dropzone.fancy-dropzone--small .upload-box {
  padding: 16px 4px;
  height: auto;
  min-width: 0;
  color: var(--cf-legacy-ash);
}
.fancy-dropzone.fancy-dropzone--small .upload-box .file-input-wrapper {
  display: inline-block;
}
.fancy-dropzone.fancy-dropzone--small .upload-box .file-input-wrapper button {
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.fancy-dropzone .upload-box {
  background: var(--cf-lilac-tint);
  text-align: center;
  position: relative;
  border: var(--border-width) dashed;
  color: color-mix(in srgb, var(--cf-legacy-dust), var(--cf-ink) 12.5%);
  padding-top: 24px;
  min-width: 350px;
  height: 166px;
  border-color: var(--cf-gray-300);
  border-radius: var(--radius-md);
}
@media (max-width: 400px) {
  .fancy-dropzone .upload-box {
    height: 205px;
  }
}
.fancy-dropzone .upload-box h2, .fancy-dropzone .upload-box .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .fancy-dropzone .upload-box h4 {
  margin-top: 0;
  margin-bottom: 12px;
  color: var(--cf-legacy-ash-light) !important;
  line-height: 32px;
  font-size: 22px;
  font-size: 1.375em;
  font-weight: 400;
}
.fancy-dropzone .upload-box .file-input-wrapper {
  display: block;
  text-align: center;
  position: relative;
  cursor: pointer;
  bottom: auto;
  left: auto;
}
.fancy-dropzone .upload-box .file-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.fancy-dropzone .upload-box.is-dragging, .fancy-dropzone .upload-box.is-processing, .fancy-dropzone .upload-box.is-uploading {
  background: var(--cf-success-100);
  color: var(--cf-white);
}
.fancy-dropzone .upload-box.is-dragging h2, .fancy-dropzone .upload-box.is-dragging .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .fancy-dropzone .upload-box.is-dragging h4, .fancy-dropzone .upload-box.is-processing h2, .fancy-dropzone .upload-box.is-processing .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .fancy-dropzone .upload-box.is-processing h4, .fancy-dropzone .upload-box.is-uploading h2, .fancy-dropzone .upload-box.is-uploading .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .fancy-dropzone .upload-box.is-uploading h4 {
  color: white !important;
}
.fancy-dropzone .upload-box.is-dragging button.create-btn, .fancy-dropzone .upload-box.is-processing button.create-btn, .fancy-dropzone .upload-box.is-uploading button.create-btn {
  display: none;
}
.fancy-dropzone .upload-box.is-processing span:first-child, .fancy-dropzone .upload-box.is-uploading span:first-child {
  align-self: flex-end;
}
.fancy-dropzone .upload-box.is-processing span:last-child, .fancy-dropzone .upload-box.is-uploading span:last-child {
  align-self: flex-start;
}

.source-page__drag-drop .fancy-dropzone .upload-box {
  min-height: 84px;
}
.source-page__drag-drop .fancy-dropzone .upload-box span {
  vertical-align: middle;
  line-height: 48px;
}

.design-2024 .nanobar-container {
  border: none !important;
}
.design-2024 .nanobar-container .nanobar {
  background-color: var(--neutral300, var(--cf-gray-300));
}
.design-2024 .nanobar-container .bar {
  background-color: var(--cf-purple-600, #ed8100);
}

.nanobar-container {
  width: 100%;
  height: 100%;
  background-color: var(--cf-legacy-dust);
}
.nanobar-container .bar {
  background-color: var(--cf-legacy-green-glow);
}

.source-progress {
  height: 28px;
  width: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.source-progress.source-progress--complete {
  width: unset;
}
.source-progress .nanobar-container {
  width: 36px;
  height: 10px;
  background-color: var(--cf-white);
  border: none;
  margin-right: 4px;
}
.source-progress .nanobar-container .nanobar {
  height: 100%;
  z-index: 1;
}
.source-progress .source-progress__percent {
  font-size: 14px;
  font-size: 0.875em;
}

.generate-document-modal .generate-document-modal__help-container {
  text-align: center;
  padding-top: 16px;
}
.generate-document-modal .generate-document-modal__help-container > div,
.generate-document-modal .generate-document-modal__help-container h2,
.generate-document-modal .generate-document-modal__help-container .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .generate-document-modal .generate-document-modal__help-container h4,
.generate-document-modal .generate-document-modal__help-container h4 {
  margin: 8px auto;
}
.generate-document-modal .generate-document-modal__help-container .generate-document-modal__info-icon span.svg-icon {
  display: block;
}
.generate-document-modal .generate-document-modal__help-container .generate-document-modal__info-icon span.svg-icon > svg {
  display: block;
  margin: auto;
  overflow: visible;
  transform: translateY(10px);
}
.generate-document-modal .generate-document-modal__help-container h4.generate-document-modal__helptext {
  margin-bottom: 16px;
}
.generate-document-modal .generate-document-modal__help-container .generate-document-modal__got-it-btn-row button {
  padding: 8px 24px;
  line-height: 18px;
}

.design-2024 .invoice-paper-view .invoice-paper-view__status-display.invoice-paper-view__status-display--paid {
  background-color: var(--green);
}

.invoice-paper-view {
  box-shadow: 0 0 4px 2px var(--cf-legacy-dust);
  position: relative;
  padding: 40px 12px !important;
}
.invoice-paper-view .invoice-paper-view__status-display-container {
  text-align: center;
  margin-top: -16px;
}
.invoice-paper-view .invoice-paper-view__status-display {
  font-size: 24px;
  text-transform: capitalize;
  font-weight: 700;
  border-radius: 8px;
  color: var(--cf-white);
  display: inline-block;
  padding: 4px 16px;
  margin-bottom: 16px;
}
.invoice-paper-view .invoice-paper-view__status-display.invoice-paper-view__status-display--late {
  background-color: var(--cf-alert-500);
}
.invoice-paper-view .invoice-paper-view__status-display.invoice-paper-view__status-display--sent {
  background-color: var(--blue, var(--cf-legacy-teal));
}
.invoice-paper-view .invoice-paper-view__status-display.invoice-paper-view__status-display--paid {
  background-color: var(--cf-legacy-green-glow);
}
.invoice-paper-view .invoice-paper-view__status-display.invoice-paper-view__status-display--draft {
  opacity: 0.55;
  background-color: var(--cf-legacy-ash);
}
@media screen and (min-width: 641px) {
  .invoice-paper-view {
    padding: 40px !important;
    margin-top: 16px;
  }
  .invoice-paper-view .invoice-paper-view__status-display-container {
    text-align: left;
  }
}

.graph-container {
  margin-top: 0;
  border: 1px solid var(--cf-gray-300);
  flex: 0 0 auto;
}

.graph {
  position: relative;
  text-align: center;
}
.graph canvas {
  margin: 10px 0;
}
.graph .graph-pagination {
  text-align: center;
  margin: 0 auto;
  height: 50px;
}
.graph .graph-pagination .previous-page,
.graph .graph-pagination .next-page,
.graph .graph-pagination .graph-stats {
  margin-bottom: 1em;
}
.graph .graph-pagination .graph-stats {
  position: relative;
  top: 2px;
}
.graph .graph-pagination .previous-page {
  float: left;
  cursor: pointer;
  text-align: left;
}
.graph .graph-pagination .next-page {
  float: right;
  cursor: pointer;
  text-align: right;
}
.graph .graph-pagination .svg-icon {
  height: 11px;
}
.graph .graph-pagination .svg-icon svg {
  fill: var(--cf-gray-800, var(--cf-legacy-cloud));
  /* stylelint-disable-next-line property-no-unknown */
  path: var(--cf-gray-800, var(--cf-legacy-cloud));
  stroke: var(--cf-gray-800, var(--cf-legacy-cloud));
  width: 16px;
  height: 11px;
}

.graph-placeholder {
  padding: 20px 0;
}
.graph-placeholder h1 {
  color: var(--cf-legacy-ash);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center !important;
}
.graph-placeholder img {
  width: 100%;
  max-width: 300px;
}

.refreshing {
  text-align: center;
  margin: 0 0 1em;
}
.refreshing > div {
  background: var(--cf-white);
  padding: 3em;
  border: var(--border-width) solid var(--cf-gray-300);
}
.refreshing > div h2, .refreshing > div .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .refreshing > div h4 {
  margin: 0;
}
.refreshing.refreshing--no-border > div {
  border: none;
}

.flex-actions-group {
  display: flex;
  flex-direction: row;
  width: auto;
  justify-content: flex-end;
  margin-bottom: 0.7rem;
  align-items: center;
}
@media screen and (max-width: 824px) {
  .flex-actions-group {
    justify-content: center;
    width: 100%;
  }
}
.flex-actions-group .quick-actions > span {
  font-size: 14px;
  display: block;
}
.flex-actions-group .quick-actions > span span.svg-icon.chevron-down > svg {
  width: 18px;
  margin: 0 4px;
}
.flex-actions-group > .liquid-container.quick-actions__wrapper {
  overflow: visible;
}
.flex-actions-group > .liquid-container.quick-actions__wrapper .liquid-child {
  overflow: visible;
}
.flex-actions-group button {
  top: 0;
}
.flex-actions-group > span.edit-button {
  height: 40px;
  width: 36px;
  display: block;
  margin: 0 8px 0 4px;
}
.flex-actions-group > span.edit-button span.svg-icon svg {
  left: 0;
}
.flex-actions-group > a.icon-btn,
.flex-actions-group > .quick-actions,
.flex-actions-group > span.edit-button,
.flex-actions-group > span.text-btn,
.flex-actions-group > span.button-with-icon,
.flex-actions-group > .liquid-container .liquid-child,
.flex-actions-group > .button,
.flex-actions-group > div.task__start-timer,
.flex-actions-group > button {
  overflow: visible;
  margin-right: 4px;
  height: 40px;
}
@media screen and (min-width: 1250px) {
  .flex-actions-group {
    flex-direction: row;
    justify-content: flex-end;
  }
  .flex-actions-group > .quick-actions > span {
    width: auto;
  }
  .flex-actions-group > .quick-actions,
  .flex-actions-group button {
    width: auto;
  }
}

.contact-card {
  min-width: 35rem;
  border-radius: 8px;
  border: var(--border-width, 2px) solid var(--cf-legacy-loblolly);
  font-size: 0.875rem;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  margin-bottom: 0;
}
.contact-card .contact-card__heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: initial;
}
.contact-card .contact-card__heading h2, .contact-card .contact-card__heading .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .contact-card .contact-card__heading h4 {
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 400;
}
.contact-card .contact-card__heading small {
  font-size: 0.75rem;
}
.contact-card .contact-card__heading svg {
  fill: var(--cf-gray-800, var(--cf-legacy-cloud));
  vertical-align: bottom;
}
.contact-card .contact-card__body {
  margin: 0 -12px;
}
.contact-card .contact-card__banner-box {
  padding: 4px 0.9375rem;
  background-color: var(--cf-legacy-air);
  border-top: 1px solid var(--cf-legacy-dust);
  border-bottom: 1px solid var(--cf-legacy-dust);
  margin-top: 0.5rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.contact-card .contact-card__item {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.85rem;
}
.contact-card .contact-card__item .detail-label {
  color: var(--cf-legacy-ash);
}
.contact-card .contact-card__item .detail-value-or-input {
  color: var(--cf-ink);
  white-space: normal;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.contact-card .contact-card__tray {
  margin: 0.5rem -12px -12px;
  padding: 0.5rem 0.9375rem;
  background-color: var(--cf-legacy-air);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 1px solid var(--cf-legacy-dust);
}

/*
  The case-card has four top-level parts: __name, __status, __dates, and __users.
  They are currently laid out using css grid template areas, like so:

  +----------------------------------------------+---------+
  | (name)                                       | (dates) |
  +------------------+---------------------------+---------+
  | (status)         | (users)                             |
  +------------------+---------------------------+---------+
*/
.case-card {
  color: var(--cf-legacy-ash);
  font-size: 1rem;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 2fr 3fr 1fr;
  grid-template-areas: "name   name  dates" "status users users";
}
.case-card .case-card__name {
  grid-area: name;
  color: var(--cf-ink);
}
.case-card .case-card__status {
  grid-area: status;
  font-size: 0.9rem;
}
.case-card .case-card__dates {
  grid-area: dates;
  font-size: 0.75rem;
  text-align: end;
}
.case-card .case-card__users {
  grid-area: users;
  font-size: 0.9rem;
  text-align: end;
}

.ai-feature-card {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  min-height: 200px;
  border: none;
  position: relative;
  z-index: 1;
  text-decoration: none;
  color: inherit;
}
.ai-feature-card:visited {
  color: inherit;
}
.ai-feature-card:active {
  color: inherit;
}
.ai-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius-md);
  padding: 1px;
  background: linear-gradient(180deg, var(--cf-purple-600) 0%, #ae3ba5 25%, #da6d01 50%, #ae3ba5 75%, var(--cf-purple-600) 100%);
  background-size: 100% 200%;
  background-position: 0% 0%;
  mask: linear-gradient(var(--cf-white) 0 0) content-box, linear-gradient(var(--cf-white) 0 0);
  mask-composite: exclude;
  z-index: -1;
  transition: background-position 0.6s ease, padding 0.3s ease, opacity 0.3s ease;
}
.ai-feature-card:hover {
  text-decoration: none;
  color: inherit;
}
.ai-feature-card__ribbon-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 78px;
  height: 78px;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}
.ai-feature-card__ribbon {
  position: absolute;
  top: 13px;
  right: -22px;
  transform: rotate(45deg);
  transform-origin: center;
  background: var(--cf-purple-600);
  color: var(--cf-white);
  font: 600 10px/1 var(--font-label);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 28px;
  box-shadow: 0 1px 2px rgba(24, 24, 24, 0.12);
}
.ai-feature-card__icon {
  height: 32px;
}
.ai-feature-card__icon svg {
  width: 24px;
  height: 24px;
}
.ai-feature-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ai-feature-card__arrow {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  opacity: 1;
  color: var(--primary-color);
}
.ai-feature-card .card__title {
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--cf-ink);
  margin: 0;
}
.ai-feature-card .card__supporting-text {
  font-size: 0.875rem;
  color: var(--primary-color);
  line-height: 1.5;
  margin: 0;
}

.ai-features-section {
  margin-bottom: 2rem;
}
.ai-features-section .ai-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.task-card {
  color: var(--cf-legacy-ash);
  font-size: 1rem;
}
.task-card .task-card__title {
  color: var(--cf-ink);
}
.task-card .task-card__info {
  font-size: 0.9rem;
}
.task-card .task-card__info a {
  color: var(--cf-legacy-ash);
}
.task-card .task-card__info a:hover {
  color: color-mix(in srgb, var(--cf-legacy-ash), var(--cf-ink) 23.7%);
}
.task-card .task-card__dates {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
}

/*
  These rules are normally applied to h3 elements.
  The exception is in the {{timelines/contact-modal}} component.

*/
.contact-create > div {
  max-width: 400px;
  float: right;
}
.contact-create > div .firstName {
  width: 100%;
  float: none;
  display: inline-block;
  min-width: auto;
}
@media (min-width: 485px) {
  .contact-create > div .firstName {
    width: 193px;
  }
}
@media (min-width: 845px) and (max-width: 1030px) {
  .contact-create > div .firstName {
    width: 100%;
  }
}
.contact-create > div .lastName {
  width: 100%;
  float: none;
  display: inline-block;
  min-width: auto;
  margin-top: 7px;
}
@media (min-width: 485px) {
  .contact-create > div .lastName {
    width: 193px;
    margin: 0 0 0 8px;
  }
}
@media (min-width: 845px) and (max-width: 1030px) {
  .contact-create > div .lastName {
    width: 100%;
    margin: 7px 0 0;
  }
}
.contact-create > div .email,
.contact-create > div .phone {
  margin-top: 7px;
}
.contact-create > div .isEntity {
  text-align: left;
  margin-top: 7px;
}

.trial-info-outer-wrapper .heading-group .trial-info__reveal {
  cursor: pointer;
}
.trial-info-outer-wrapper .heading-group .trial-info__reveal svg {
  fill: currentcolor;
  transform: rotate(0deg);
  transition: transform 0.25s ease;
}
.trial-info-outer-wrapper .heading-group.trial-info--hidden .trial-info__reveal svg {
  transform: rotate(90deg);
}
.trial-info-outer-wrapper {
  width: 100%;
  padding: 0 0 32px;
}
.trial-info-outer-wrapper h2, .trial-info-outer-wrapper .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .trial-info-outer-wrapper h4 {
  color: var(--cf-ink);
}

.design-2024 .free-trial-info-container .free-trial-info-card .free-trial-info-card__message a {
  color: var(--cf-purple-600);
  text-decoration: underline;
}
.design-2024 .free-trial-info-container .free-trial-info-card button.primary-btn,
.design-2024 .free-trial-info-container .free-trial-info-card button.submit-btn,
.design-2024 .free-trial-info-container .free-trial-info-card a.primary-btn,
.design-2024 .free-trial-info-container .free-trial-info-card a.submit-btn {
  background-color: var(--cf-lilac-tint);
  border: none;
  color: var(--cf-purple-600);
  text-decoration: none;
  font-weight: 500;
  box-shadow: none;
}
.design-2024 .free-trial-info-container .free-trial-info-card button.primary-btn:hover,
.design-2024 .free-trial-info-container .free-trial-info-card button.submit-btn:hover,
.design-2024 .free-trial-info-container .free-trial-info-card a.primary-btn:hover,
.design-2024 .free-trial-info-container .free-trial-info-card a.submit-btn:hover {
  background-color: var(--backgroundActionActionPrimaryLightHover, var(--cf-purple-100));
  color: var(--cf-purple-700, var(--cf-purple-700));
}

.free-trial-info-container {
  margin: 16px 0;
  text-align: center;
}
.free-trial-info-container .free-trial-info-card {
  display: inline-block;
  width: 320px;
  margin: 8px;
  background: var(--cf-white);
  border: 1px solid var(--cf-gray-300);
  box-shadow: var(--card-box-shadow);
  border-radius: var(--radius-md);
  text-align: left;
  letter-spacing: 0;
  position: relative;
  padding-top: 12px;
  height: 203px;
  vertical-align: top;
}
.free-trial-info-container .free-trial-info-card > div {
  padding: 2px 24px;
  width: 100%;
  margin-bottom: 12px;
  overflow-y: hidden;
}
.free-trial-info-container .free-trial-info-card .free-trial-info-card__heading {
  color: var(--cf-ink);
  font-weight: 500;
  font-size: 24px;
  font-size: 1.5em;
}
.free-trial-info-container .free-trial-info-card .free-trial-info-card__message {
  font-size: 14px;
  font-size: 0.875em;
  line-height: 16px;
  height: 80px;
}
.free-trial-info-container .free-trial-info-card .free-trial-info-card__message a {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  text-decoration: underline;
}
.free-trial-info-container .free-trial-info-card .free-trial-info-card__message input, .free-trial-info-container .free-trial-info-card .free-trial-info-card__message .timezone-click-to-edit {
  margin-top: 10px;
  height: 40px;
  width: 100%;
}
.free-trial-info-container .free-trial-info-card .free-trial-info-card__actions {
  line-height: 24px;
  font-weight: 500;
}
.free-trial-info-container .free-trial-info-card .free-trial-info-card__actions .primary-btn,
.free-trial-info-container .free-trial-info-card .free-trial-info-card__actions .submit-btn {
  font-weight: 500;
  height: 40px;
  line-height: 40px;
}

.flex-actions-group div.task__start-timer {
  padding-left: 6px;
  padding-right: 6px;
  margin-left: 4px;
}
.flex-actions-group div.task__start-timer svg {
  transform: translateY(5px);
}

div.task__start-timer {
  margin-right: 6px;
  cursor: pointer;
}
div.task__start-timer svg.fa-pulse path {
  fill: var(--cf-legacy-dirt);
}
div.task__start-timer svg {
  transform: translateY(4px);
}

.time-entry-sidebar {
  position: fixed;
  z-index: 999;
  right: 0;
  top: var(--top-bar-height, 40px);
  bottom: 0;
  background: var(--cf-legacy-air);
  width: 0;
  overflow: hidden;
  transition: width 0.07s linear;
}
.time-entry-sidebar .time-entry-sidebar-container {
  overflow-x: hidden;
  margin: 0;
  height: 100%;
}
.time-entry-sidebar .time-entry-sidebar-container .icon-button {
  padding: 8px 30px 8px 52px;
  font-size: 12px;
}
.time-entry-sidebar .time-entry-sidebar-container .icon-button svg[class*=icon] {
  width: 20px;
  height: 20px;
  top: 6px;
  left: 27px;
}
.time-entry-sidebar .time-entry-sidebar-container .time-entry-sidebar-left,
.time-entry-sidebar .time-entry-sidebar-container .time-entry-sidebar-right {
  float: left;
  border-bottom: 1px solid var(--cf-gray-300);
  height: 55px;
  padding-top: 10px;
  white-space: nowrap;
}
.time-entry-sidebar .time-entry-sidebar-container .time-entry-sidebar-left {
  width: 80%;
  text-align: left;
  padding-left: 30px;
}
.time-entry-sidebar .time-entry-sidebar-container .time-entry-sidebar-left span:last-child {
  margin-left: 4px;
}
.time-entry-sidebar .time-entry-sidebar-container .time-entry-sidebar-right {
  width: 20%;
  padding-top: 18px;
  cursor: pointer;
  text-align: right;
  padding-right: 30px;
}
.time-entry-sidebar .time-entry-sidebar-container .time-entry-sidebar-right.is-disabled {
  opacity: 0.6;
  cursor: default;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit {
  padding: 30px 30px;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit h3, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit .alerts ul li, .alerts ul .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit li {
  margin-bottom: 12px;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .primary-btn,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .submit-btn {
  float: right;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .column {
  margin-left: -12px;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset label, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .settlement-date, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .table-pagination .pagination-text, .table-pagination .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .pagination-text, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timing-sidebar-edit fieldset .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .feed-memo-date, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .graph .graph-pagination .graph-stats, .graph .graph-pagination .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-edit fieldset .graph-stats {
  display: block;
  margin-bottom: 12px;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records {
  padding: 0;
  overflow: hidden auto;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul {
  margin: 0;
  padding: 0;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li {
  list-style: none;
  padding: 1em 30px;
  border-bottom: 1px solid var(--cf-gray-300);
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li {
    width: 340px;
  }
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details {
  margin: 0 0 35px;
  overflow-x: hidden;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-case {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0 95px 3px 0;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category {
  display: block;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-memo {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0 35px 0 0;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .click-to-edit-entry {
  cursor: pointer;
  color: var(--cf-legacy-ash);
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-timer {
  position: absolute;
  left: 30px;
  bottom: 0.8em;
  font-size: 14px;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-date {
  position: absolute;
  right: 1.5em;
  top: 1em;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-locked {
  font-size: 13px;
  font-style: italic;
  position: absolute;
  right: 1.5em;
  bottom: 0.7em;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-locked .svg-icon {
  position: absolute;
  top: -13px;
  right: -5px;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-locked .locked-record-text {
  display: block;
  padding-top: 11px;
  position: relative;
  top: 2px;
  right: 4px;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-actions {
  position: absolute;
  right: 1.5em;
  bottom: 0.7em;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-actions .svg-icon.edit {
  position: relative;
  right: 8px;
  top: -2px;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-actions .svg-icon.edit svg {
  width: 15px;
  height: 15px;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records p {
  text-align: center;
}
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .refreshing > div {
  background: var(--cf-white);
  padding: 2em;
  border: 0;
}
.time-entry-sidebar.show-sidebar {
  width: 100%;
  border-left: 1px solid var(--cf-gray-300);
}
@media (min-width: 768px) {
  .time-entry-sidebar.show-sidebar {
    width: 340px;
  }
}
.time-entry-sidebar.show-sidebar .time-entry-sidebar-container {
  overflow-y: auto;
}
.time-entry-sidebar.show-sidebar #time-entry-sidebar-form .medium-12 {
  padding: 0;
}
.time-entry-sidebar.show-sidebar #time-entry-sidebar-form form {
  padding-left: 0.875em;
  padding-right: 0.875em;
}
.time-entry-sidebar.show-sidebar #time-entry-sidebar-form form h3, .time-entry-sidebar.show-sidebar #time-entry-sidebar-form form .alerts ul li, .alerts ul .time-entry-sidebar.show-sidebar #time-entry-sidebar-form form li {
  margin: 11px 0 8px;
}
.time-entry-sidebar.show-sidebar #time-entry-sidebar-form form > .medium-12 {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  padding: 1em;
  background: var(--cf-white);
  border-top: 1px solid var(--cf-gray-300);
}
@media (min-width: 768px) {
  .time-entry-sidebar.show-sidebar #time-entry-sidebar-form form > .medium-12 {
    width: 340px;
  }
}

.volume-slider {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.volume-slider .volume-slider__icon {
  padding: 0 8px 0 0;
  white-space: nowrap;
}
.volume-slider .volume-slider__slider {
  flex-grow: 1;
  padding: 0 0 0 8px;
}
.volume-slider .volume-slider__slider__input {
  appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: var(--cf-legacy-nobel);
  outline: none;
}
.volume-slider .volume-slider__slider__input::-webkit-slider-thumb {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--cf-purple-600);
  cursor: pointer;
}

a.related-facts-link:hover {
  text-decoration: underline;
}

.task-table-status-changer {
  margin-right: 8px;
}

table thead tr {
  border-top: 0 !important;
}
table tbody tr td .group-actions-cell,
table tbody tr .faux-td .group-actions-cell,
table tbody .sources-faux-tr td .group-actions-cell,
table tbody .sources-faux-tr .faux-td .group-actions-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0.5rem;
  height: 100%;
}
table tbody tr td .group-actions-cell > span:not(:last-of-type),
table tbody tr .faux-td .group-actions-cell > span:not(:last-of-type),
table tbody .sources-faux-tr td .group-actions-cell > span:not(:last-of-type),
table tbody .sources-faux-tr .faux-td .group-actions-cell > span:not(:last-of-type) {
  margin-right: 8px;
}
table tbody tr td .group-actions-cell > span.remove,
table tbody tr .faux-td .group-actions-cell > span.remove,
table tbody .sources-faux-tr td .group-actions-cell > span.remove,
table tbody .sources-faux-tr .faux-td .group-actions-cell > span.remove {
  cursor: pointer;
}
table tbody tr td .group-actions-cell button.primary-btn,
table tbody tr td .group-actions-cell button.submit-btn,
table tbody tr .faux-td .group-actions-cell button.primary-btn,
table tbody tr .faux-td .group-actions-cell button.submit-btn,
table tbody .sources-faux-tr td .group-actions-cell button.primary-btn,
table tbody .sources-faux-tr td .group-actions-cell button.submit-btn,
table tbody .sources-faux-tr .faux-td .group-actions-cell button.primary-btn,
table tbody .sources-faux-tr .faux-td .group-actions-cell button.submit-btn {
  margin-right: 16px;
}
table tbody tr td .task-cell.task-cell--is-complete,
table tbody tr .faux-td .task-cell.task-cell--is-complete,
table tbody .sources-faux-tr td .task-cell.task-cell--is-complete,
table tbody .sources-faux-tr .faux-td .task-cell.task-cell--is-complete {
  color: var(--cf-legacy-cloud-light);
}
table tbody tr td .task-cell.task-cell--is-late,
table tbody tr .faux-td .task-cell.task-cell--is-late,
table tbody .sources-faux-tr td .task-cell.task-cell--is-late,
table tbody .sources-faux-tr .faux-td .task-cell.task-cell--is-late {
  color: var(--cf-alert-500);
}
table tbody tr td .invoice-cell.invoice-cell--is-late,
table tbody tr .faux-td .invoice-cell.invoice-cell--is-late,
table tbody .sources-faux-tr td .invoice-cell.invoice-cell--is-late,
table tbody .sources-faux-tr .faux-td .invoice-cell.invoice-cell--is-late {
  color: var(--cf-alert-500);
}

/*
CSS class for div displayed when a list-table does not have any items in it.

We used to give it a pale-blue background, but this conflicts with the color of
dropzones and causes people (CF-team included) to drag and drop files onto these
divs, which do not support such behavior.
*/
.no-table-results {
  text-align: center;
  margin: 0 0 1em;
}
.no-table-results .no-table-results__icon svg {
  width: 72px;
  height: 72px;
}
.no-table-results > div {
  background-color: var(--cf-legacy-air);
  padding: 1em;
}
.no-table-results > div h2, .no-table-results > div .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .no-table-results > div h4,
.no-table-results > div h3,
.no-table-results > div .alerts ul li,
.alerts ul .no-table-results > div li {
  margin: 0;
  font-size: 18px;
  font-size: 1.125em;
}

.row-edit {
  position: relative;
  top: 3px;
}

table.list-table tr td .row-attachment svg path {
  fill: currentcolor;
}

.row-download {
  margin-right: 10px;
  padding: 0 8px;
  border: var(--border-width) solid transparent;
  box-shadow: none;
}

table.list-table {
  width: 100%;
  table-layout: fixed;
}
table.list-table td,
table.list-table .faux-td {
  padding: 16px;
  word-wrap: break-word;
}
table.list-table th {
  background-color: var(--table-header-bg);
  padding: 8px 16px;
  height: 32px;
  color: var(--cf-ink);
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  text-transform: var(--table-header-text-transform);
  letter-spacing: 1.4px;
  line-height: 20px;
}
table.list-table th .svg-icon {
  height: 14px;
  padding-left: 4px;
  position: relative;
  top: 2px;
}
table.list-table th .svg-icon svg {
  width: 12px;
  height: 14px;
}
table.list-table th .svg-icon svg path {
  fill: var(--cf-legacy-dust);
  stroke: var(--cf-legacy-dust);
}
table.list-table th.active-sort {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
table.list-table th.active-sort > span.ascending > span.svg-icon > svg {
  transform: rotate(180deg);
}
table.list-table th.active-sort > span.ascending > span.svg-icon > svg g {
  fill: var(--cf-legacy-ash-dark);
}
table.list-table th.active-sort .svg-icon svg path {
  fill: var(--cf-ink);
  stroke: var(--cf-ink);
}
table.list-table th span > svg g {
  fill: var(--cf-legacy-nobel);
}
table.list-table th.inactive {
  cursor: default;
}
table.list-table tbody tr,
table.list-table .sources-faux-tr {
  border-bottom: 1px solid var(--cf-legacy-dust);
}
table.list-table tr,
table.list-table .sources-faux-tr {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  position: relative;
}
table.list-table tr .prevent-wrap,
table.list-table .sources-faux-tr .prevent-wrap {
  white-space: nowrap;
}
table.list-table tr .faux-td,
table.list-table .sources-faux-tr .faux-td {
  vertical-align: middle;
  hyphens: auto;
  overflow-wrap: anywhere;
}
table.list-table tr:hover,
table.list-table .sources-faux-tr:hover {
  background-color: var(--cf-off-white);
}
table.list-table tr td.no-break,
table.list-table tr .faux-td.no-break,
table.list-table .sources-faux-tr td.no-break,
table.list-table .sources-faux-tr .faux-td.no-break {
  word-break: break-all;
}
table.list-table tr td a,
table.list-table tr .faux-td a,
table.list-table .sources-faux-tr td a,
table.list-table .sources-faux-tr .faux-td a {
  font-weight: 400;
}
@media (min-width: 845px) {
  table.list-table tr td.memo-td,
  table.list-table tr .faux-td.memo-td,
  table.list-table .sources-faux-tr td.memo-td,
  table.list-table .sources-faux-tr .faux-td.memo-td {
    max-width: 400px;
    overflow: hidden;
  }
}
table.list-table tr td .empty-td,
table.list-table tr .faux-td .empty-td,
table.list-table .sources-faux-tr td .empty-td,
table.list-table .sources-faux-tr .faux-td .empty-td {
  background: var(--cf-legacy-dust);
  color: var(--cf-legacy-dust);
  display: block;
  margin-right: 20%;
}
@media (min-width: 845px) {
  table.list-table tr td.check-complete,
  table.list-table tr .faux-td.check-complete,
  table.list-table .sources-faux-tr td.check-complete,
  table.list-table .sources-faux-tr .faux-td.check-complete {
    text-align: center;
  }
}
table.list-table tr.is-editing,
table.list-table .sources-faux-tr.is-editing {
  background: var(--cf-legacy-dust);
}
table.list-table tr.is-editing td,
table.list-table .sources-faux-tr.is-editing td {
  padding: 6px 16px;
}
table.list-table tr.is-editing .prevent-wrap,
table.list-table .sources-faux-tr.is-editing .prevent-wrap {
  float: right;
  position: absolute;
  right: 10px;
  top: 10px;
}
table.list-table tr.is-editing .heading-group,
table.list-table .sources-faux-tr.is-editing .heading-group {
  padding-left: 1em;
}
table.list-table tr.is-editing .show-form,
table.list-table .sources-faux-tr.is-editing .show-form {
  margin: 0 1em;
}
table.list-table tr.table-row--highlight,
table.list-table .sources-faux-tr.table-row--highlight {
  background-color: var(--cf-legacy-air);
}
table.list-table tr.table-row--is-archived,
table.list-table .sources-faux-tr.table-row--is-archived {
  background-color: var(--cf-legacy-air);
  font-style: italic;
  color: var(--cf-legacy-ash);
}
table.list-table tr.is-linked:not(.is-editing, .disabled):hover,
table.list-table .sources-faux-tr.is-linked:not(.is-editing, .disabled):hover {
  background-color: var(--cf-off-white);
}
table.list-table tr.is-linked:not(.is-editing, .disabled):hover .td-link,
table.list-table .sources-faux-tr.is-linked:not(.is-editing, .disabled):hover .td-link {
  cursor: pointer;
}
table.list-table tr .td-link label, table.list-table tr .td-link #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area table.list-table tr .td-link .settlement-date, table.list-table tr .td-link .table-pagination .pagination-text, .table-pagination table.list-table tr .td-link .pagination-text, table.list-table tr .td-link .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo table.list-table tr .td-link .feed-memo-date, table.list-table tr .td-link .graph .graph-pagination .graph-stats, .graph .graph-pagination table.list-table tr .td-link .graph-stats, table.list-table tr .td-link .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details table.list-table tr .td-link .sidebar-record-category,
table.list-table .sources-faux-tr .td-link label,
table.list-table .sources-faux-tr .td-link #settlements > ul > li .settlement-area .settlement-date,
#settlements > ul > li .settlement-area table.list-table .sources-faux-tr .td-link .settlement-date,
table.list-table .sources-faux-tr .td-link .table-pagination .pagination-text,
.table-pagination table.list-table .sources-faux-tr .td-link .pagination-text,
table.list-table .sources-faux-tr .td-link .activity-feed > ul > li .feed-memo .feed-memo-date,
.activity-feed > ul > li .feed-memo table.list-table .sources-faux-tr .td-link .feed-memo-date,
table.list-table .sources-faux-tr .td-link .graph .graph-pagination .graph-stats,
.graph .graph-pagination table.list-table .sources-faux-tr .td-link .graph-stats,
table.list-table .sources-faux-tr .td-link .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details table.list-table .sources-faux-tr .td-link .sidebar-record-category {
  font-size: 13px;
  display: block;
}
@media (min-width: 845px) {
  table.list-table tr .td-link label, table.list-table tr .td-link #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area table.list-table tr .td-link .settlement-date, table.list-table tr .td-link .table-pagination .pagination-text, .table-pagination table.list-table tr .td-link .pagination-text, table.list-table tr .td-link .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo table.list-table tr .td-link .feed-memo-date, table.list-table tr .td-link .graph .graph-pagination .graph-stats, .graph .graph-pagination table.list-table tr .td-link .graph-stats, table.list-table tr .td-link .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details table.list-table tr .td-link .sidebar-record-category,
  table.list-table .sources-faux-tr .td-link label,
  table.list-table .sources-faux-tr .td-link #settlements > ul > li .settlement-area .settlement-date,
  #settlements > ul > li .settlement-area table.list-table .sources-faux-tr .td-link .settlement-date,
  table.list-table .sources-faux-tr .td-link .table-pagination .pagination-text,
  .table-pagination table.list-table .sources-faux-tr .td-link .pagination-text,
  table.list-table .sources-faux-tr .td-link .activity-feed > ul > li .feed-memo .feed-memo-date,
  .activity-feed > ul > li .feed-memo table.list-table .sources-faux-tr .td-link .feed-memo-date,
  table.list-table .sources-faux-tr .td-link .graph .graph-pagination .graph-stats,
  .graph .graph-pagination table.list-table .sources-faux-tr .td-link .graph-stats,
  table.list-table .sources-faux-tr .td-link .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category,
  .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details table.list-table .sources-faux-tr .td-link .sidebar-record-category {
    display: none;
  }
}
table.list-table tr.is-transfer,
table.list-table .sources-faux-tr.is-transfer {
  background-color: var(--cf-gray-300);
}

.hide-case .case-td {
  display: none;
}

.hide-lead .lead-td {
  display: none;
}

@media (max-width: 844px) {
  table.list-table {
    box-shadow: none;
    word-wrap: break-word;
    word-break: break-all;
  }
  table.list-table thead {
    display: none;
  }
  table.list-table tr {
    border: var(--border-width) solid var(--cf-gray-300);
  }
  table.list-table tr:not(.is-editing) {
    padding: 0;
    display: block;
    list-style: none;
    position: relative;
    background: var(--cf-white);
    border: var(--border-width) solid var(--cf-gray-300);
    border-bottom: 0;
    margin: 1em 0;
  }
  table.list-table tr:not(.is-editing) td {
    display: list-item;
    padding: 1em;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--cf-gray-300);
    font-size: 1em;
    width: auto;
  }
  table.list-table tr:not(.is-editing) td a {
    padding: 0;
    font-weight: 700;
    font-size: 1em;
  }
  table.list-table tr:not(.is-editing) td:first-child {
    background-color: var(--cf-white);
  }
  table.list-table tr:not(.is-editing) td.text-center {
    text-align: left !important;
  }
  table.list-table tr:not(.is-editing) td.td-link {
    text-align: right;
  }
  table.list-table tr:not(.is-editing) td.td-link .align-left {
    display: block;
    text-align: left;
  }
  table.list-table tr:not(.is-editing) td.td-link label, table.list-table tr:not(.is-editing) td.td-link #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area table.list-table tr:not(.is-editing) td.td-link .settlement-date, table.list-table tr:not(.is-editing) td.td-link .table-pagination .pagination-text, .table-pagination table.list-table tr:not(.is-editing) td.td-link .pagination-text, table.list-table tr:not(.is-editing) td.td-link .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo table.list-table tr:not(.is-editing) td.td-link .feed-memo-date, table.list-table tr:not(.is-editing) td.td-link .graph .graph-pagination .graph-stats, .graph .graph-pagination table.list-table tr:not(.is-editing) td.td-link .graph-stats, table.list-table tr:not(.is-editing) td.td-link .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details table.list-table tr:not(.is-editing) td.td-link .sidebar-record-category {
    float: left;
    font-size: 1em;
    display: inline-block;
    min-width: 100px;
    text-align: left;
  }
  table.list-table tr:not(.is-editing) td.text-right {
    padding: 0;
    border: 0;
  }
  table.list-table tr:not(.is-editing) td.memo-td {
    text-align: left;
  }
  table.list-table tr:not(.is-editing) td.memo-td label, table.list-table tr:not(.is-editing) td.memo-td #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area table.list-table tr:not(.is-editing) td.memo-td .settlement-date, table.list-table tr:not(.is-editing) td.memo-td .table-pagination .pagination-text, .table-pagination table.list-table tr:not(.is-editing) td.memo-td .pagination-text, table.list-table tr:not(.is-editing) td.memo-td .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo table.list-table tr:not(.is-editing) td.memo-td .feed-memo-date, table.list-table tr:not(.is-editing) td.memo-td .graph .graph-pagination .graph-stats, .graph .graph-pagination table.list-table tr:not(.is-editing) td.memo-td .graph-stats, table.list-table tr:not(.is-editing) td.memo-td .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details table.list-table tr:not(.is-editing) td.memo-td .sidebar-record-category {
    text-align: left;
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  table.list-table tr:not(.is-editing) .prevent-wrap {
    position: absolute;
    right: 14px;
    top: 10px;
  }
  table.list-table tr.is-linked:not(.is-editing):hover, table.list-table tr.is-linked:not(.is-editing):focus {
    background-color: var(--cf-white);
  }
  table.list-table tr.is-linked:not(.is-editing) td:first-child {
    color: var(--cf-purple-600);
  }
  table.list-table tr.is-editing td {
    padding: 1.5em 0;
  }
  table.list-table tr.is-editing .prevent-wrap {
    padding-top: 0;
  }
  table.list-table tr:last-child {
    border-radius: 0;
  }
  table.list-table tr:last-child td:first-child,
  table.list-table tr:last-child td:last-child {
    border-radius: 0;
  }
  table.source .source-cta {
    display: flex;
    align-items: center;
  }
}
.overdue {
  color: var(--cf-alert-500);
}

.filterable-tags-cell .source-tag-pill {
  cursor: pointer;
}

.tiny-table-table-wrap {
  background-color: var(--cf-legacy-air);
  border-radius: var(--radius-md);
  border: 1px solid var(--cf-gray-300);
}
.tiny-table-table-wrap.tiny-table-table-wrap--scroll {
  max-height: 400px;
  overflow-y: auto;
}
.tiny-table-table-wrap table.tiny-table {
  width: 100%;
  font-size: 14px;
  font-size: 0.875em;
  margin: 0;
}
.tiny-table-table-wrap table.tiny-table.tiny-table--wide-attr td.tiny-table__attr {
  width: 60%;
}
.tiny-table-table-wrap table.tiny-table.tiny-table--wide-attr td.tiny-table__value {
  width: 40%;
}
.tiny-table-table-wrap table.tiny-table td,
.tiny-table-table-wrap table.tiny-table th {
  padding: 8px;
}
.tiny-table-table-wrap table.tiny-table td {
  word-break: break-all;
}
.tiny-table-table-wrap table.tiny-table th,
.tiny-table-table-wrap table.tiny-table td.tiny-table__attr {
  font-weight: 500;
}
.tiny-table-table-wrap table.tiny-table th .help-hover,
.tiny-table-table-wrap table.tiny-table td.tiny-table__attr .help-hover {
  width: 18px;
  height: 18px;
  bottom: -3px;
}
.tiny-table-table-wrap table.tiny-table th .help-hover span.svg-icon,
.tiny-table-table-wrap table.tiny-table td.tiny-table__attr .help-hover span.svg-icon {
  display: inline;
}
.tiny-table-table-wrap table.tiny-table th .help-hover svg path,
.tiny-table-table-wrap table.tiny-table td.tiny-table__attr .help-hover svg path {
  fill: var(--cf-gray-500);
}
.tiny-table-table-wrap table.tiny-table td.tiny-table__value {
  width: 80%;
  text-align: right;
}
.tiny-table-table-wrap table.tiny-table td.tiny-table__value a {
  white-space: nowrap;
}
.tiny-table-table-wrap table.tiny-table tr:first-of-type td:first-of-type {
  border-top-left-radius: var(--radius-md);
}
.tiny-table-table-wrap table.tiny-table tr:first-of-type td:last-of-type {
  border-top-right-radius: var(--radius-md);
}
.tiny-table-table-wrap table.tiny-table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: var(--radius-md);
}
.tiny-table-table-wrap table.tiny-table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: var(--radius-md);
}
.tiny-table-table-wrap table.tiny-table tr:hover td {
  background-color: var(--cf-legacy-air-dark);
}

.status-changer__trigger {
  margin-right: 0.6rem;
  outline: transparent;
}
.status-changer__trigger svg {
  cursor: pointer;
  transform: translateY(4px);
  fill: var(--cf-legacy-nobel);
}
.status-changer__trigger svg:hover {
  fill: var(--cf-legacy-ash-light);
}

.status-changer__content {
  border: var(--border-width) solid var(--cf-legacy-loblolly);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-deep) !important;
}
.status-changer__content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 400px;
  overflow-y: scroll;
}
.status-changer__content ul.status-changer__content__section {
  border-bottom: 2px solid var(--cf-gray-300);
  width: 320px;
}
.status-changer__content ul.status-changer__content__section:last-of-type {
  border-bottom: none;
}
.status-changer__content ul.status-changer__content__section li {
  height: auto;
  cursor: default;
}
.status-changer__content ul.status-changer__content__section li:hover {
  background-color: var(--cf-white);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.status-changer__content ul li {
  height: 40px;
  line-height: 40px;
  padding: 0 0.5rem;
  cursor: pointer;
}
.status-changer__content ul li:hover {
  background-color: var(--cf-lilac-tint);
  color: var(--cf-purple-600);
}
.status-changer__content ul li .status-changer__drag-handle {
  float: right;
  margin-left: 8px;
}
.status-changer__content ul li .status-changer__drag-handle svg {
  transform: translateY(6px);
}
.status-changer__content ul li .status-changer__drag-handle svg path {
  fill: var(--cf-ink);
}

@media (hover: none) and (pointer: coarse) {
  .status-changer__drag-handle {
    display: none !important;
  }
}
.status-changer--inline ul {
  padding: 0;
}
.status-changer--inline ul li {
  width: 100%;
  text-align: left;
  position: relative;
  margin-bottom: 4px;
}
.status-changer--inline ul li.hidden-column {
  opacity: 0.4;
}
.status-changer--inline ul li span.status-changer__drag-handle {
  position: absolute;
  height: 24px;
  right: 3px;
  cursor: move;
  cursor: grab !important;
  cursor: grab !important;
  cursor: grab !important;
}
.status-changer--inline ul li span.status-changer__drag-handle svg path {
  fill: var(--cf-ink);
}

table th.bulk-edit-column,
table td.bulk-edit-column {
  width: 32px;
}

.multiple-record-editor {
  /* stylelint-disable-next-line selector-type-no-unknown -- TODO the following is likely a typo */
}
.multiple-record-editor div.button-section .column.buttons {
  display: flex;
}
.multiple-record-editor div.button-section .column.buttons > button {
  margin-right: 4px;
}
.multiple-record-editor div.button-section .column.buttons .primary-btn,
.multiple-record-editor div.button-section .column.buttons .submit-btn {
  margin-left: auto;
}
.multiple-record-editor div.button-section .column.buttons button.icon-button {
  padding: 6px 8px;
}
.multiple-record-editor div.button-section .column.buttons button.icon-button svg g path {
  fill: currentcolor;
}

.bulk-editor {
  margin-bottom: 1rem;
  display: inline-block;
}
.bulk-editor .bulk-editor__merge-btn svg {
  fill: currentcolor;
}
.bulk-editor span.close-btn {
  height: 32px;
  display: inline-block;
  cursor: pointer;
}
.bulk-editor span.close-btn svg {
  width: 32px;
  height: 32px;
}

.table-pagination {
  position: relative;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  width: 100%;
  margin: 16px auto;
}
.table-pagination.table-pagination--big-margins {
  margin: 16px auto 64px;
}
.table-pagination {
  /*
    This fixes any issue where the pagination at the top of the page
    overlays the top of the table.
  */
}
@media screen and (max-width: 844px) {
  .table-pagination.table-pagination--top {
    margin-bottom: 80px;
  }
}
.table-pagination .pagination__set-limits {
  position: absolute;
  left: 0;
  height: 36px;
  line-height: 36px;
  z-index: 1;
  display: flex;
  flex-direction: row;
}
.table-pagination .pagination__set-limits span.pagination-limit-text {
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
}
.table-pagination .pagination__set-limits .pagination-limit-box {
  display: inline-block;
  width: 64px;
  min-width: 56px;
  margin: 0 4px;
}
.table-pagination .pagination__set-limits .pagination-limit-box .ember-power-select-trigger {
  line-height: 32px;
  height: 32px;
  min-height: auto;
  overflow-y: hidden;
}
@media screen and (max-width: 824px) {
  .table-pagination .pagination-text {
    display: none;
  }
}
.table-pagination .pagination-text {
  padding-top: 18px !important;
  text-align: center;
  width: 100%;
}
.table-pagination .pagination-text .pagination-text__detail {
  vertical-align: middle;
  bottom: 7px;
}
.table-pagination .pagination-actions {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--cf-legacy-ash-light);
  height: 36px;
  line-height: 36px;
  display: flex;
  flex-direction: row;
}
.table-pagination .pagination-actions .quick-links {
  margin-right: 8px;
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
}
.table-pagination .pagination-actions .quick-links span.quicklink {
  cursor: pointer;
  margin: 0 2px;
}
.table-pagination .pagination-actions .quick-links span.quicklink.current, .table-pagination .pagination-actions .quick-links span.quicklink:hover {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.table-pagination .pagination-actions .page-buttons {
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-md);
  width: 62px;
  height: 36px;
  display: inline-block;
  position: relative;
}
.table-pagination .pagination-actions span.page-buttons__button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  border: var(--border-width) solid var(--cf-gray-300);
  color: var(--cf-gray-300);
  border-radius: var(--radius-md);
  height: 36px;
  transition: border-color 0.3s ease, color 0.3s ease;
  width: 32px;
}
.table-pagination .pagination-actions span.page-buttons__button:hover {
  border: var(--border-width) solid var(--cf-legacy-ash-light);
  color: var(--cf-legacy-ash-light);
  z-index: 1;
}
.table-pagination .pagination-actions span.page-buttons__button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
}
.table-pagination .pagination-actions span.page-buttons__button svg path {
  fill: currentcolor;
}
.table-pagination .pagination-actions span.page-buttons__button.page-buttons__button--next svg {
  transform: translate(-50%, -50%);
}
.table-pagination .pagination-actions span.page-buttons__button.page-buttons__button--empty {
  cursor: pointer;
  display: inline-block;
  background-color: transparent;
  box-shadow: none;
  height: 36px;
  width: 32px;
  position: absolute;
  top: -2px;
}
.table-pagination .pagination-actions span.page-buttons__button.page-buttons__button--empty.page-buttons__button--previous {
  left: -2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.table-pagination .pagination-actions span.page-buttons__button.page-buttons__button--empty.page-buttons__button--next {
  right: -2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

thead.model-table-header-component > tr.use-sticky-header {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--cf-white);
}

.tippy-box[data-theme~=memo-with-contacts-theme] {
  background-color: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  z-index: 9;
}
.tippy-box[data-theme~=memo-with-contacts-theme] .tippy-content {
  padding: 0;
}

.facts_memo-with-contacts__tag-loading svg {
  width: 18px;
  height: 18px;
}

.fact-timeline-controls {
  padding: 12px 16px;
  background: var(--cf-legacy-air);
  border-bottom: 1px solid var(--cf-legacy-dust);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fact-timeline-search-bar {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.fact-timeline-search-bar__input {
  flex: 1;
  height: 32px;
  padding: 0 10px;
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md);
  font-size: 13px;
  background: var(--cf-white);
  color: var(--cf-gray-800);
}
.fact-timeline-search-bar__input:focus {
  outline: none;
  border-color: var(--cf-purple-600);
  box-shadow: 0 0 0 2px var(--cf-lilac-tint);
}
.fact-timeline-search-bar__input::placeholder {
  color: var(--fg-neutral-light);
}

.fact-timeline-search-bar__filter-toggle {
  white-space: nowrap;
  position: relative;
}

.fact-timeline-search-bar__filter-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background-color: var(--cf-legacy-red-vivid);
  color: var(--cf-white);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.fact-timeline-higher-level-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--cf-gray-300);
  padding-bottom: 8px;
}

.fact-timeline-toggle-pill {
  display: inline-flex;
  height: 26px;
  padding: 0 10px;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  border-radius: 13px;
  border: 1px solid var(--cf-gray-300);
  background: var(--cf-white);
  color: var(--fg-neutral-light);
  transition: all 0.15s ease;
}
.fact-timeline-toggle-pill:hover {
  border-color: var(--cf-legacy-nb8);
  background: var(--cf-legacy-nf5);
}
.fact-timeline-toggle-pill--active {
  color: var(--cf-purple-600);
  background: var(--cf-legacy-tint-purple);
  border-color: var(--cf-purple-200);
}
.fact-timeline-toggle-pill--active:hover {
  background: var(--cf-purple-100);
  border-color: #b8a7f5;
}
.fact-timeline-toggle-pill svg {
  width: 12px;
  height: 12px;
}

.fact-timeline-date-pill {
  display: inline-flex;
  height: 26px;
  padding: 0 4px 0 8px;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  border-radius: 13px;
  border: 1px solid var(--cf-gray-300);
  background: var(--cf-white);
  color: var(--cf-gray-700);
  transition: all 0.15s ease;
}
.fact-timeline-date-pill:hover {
  border-color: var(--cf-legacy-nb8);
  background: var(--cf-legacy-nf5);
}
.fact-timeline-date-pill--empty {
  color: var(--fg-neutral-light);
  padding: 0 8px;
  border-style: dashed;
}
.fact-timeline-date-pill--has-value {
  color: var(--cf-purple-600);
  background: var(--cf-legacy-tint-purple);
  border-color: var(--cf-purple-200);
}
.fact-timeline-date-pill--has-value:hover {
  background: var(--cf-purple-100);
}
.fact-timeline-date-pill svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.fact-timeline-date-pill__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--cf-gray-700);
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.fact-timeline-date-pill__clear:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--cf-legacy-red-strong);
}
.fact-timeline-date-pill__clear svg {
  width: 16px;
  height: 16px;
}

.fact-timeline-date-dropdown {
  margin-top: 8px;
  padding: 16px !important;
  background: var(--cf-white);
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.fact-timeline-filter-separator {
  width: 1px;
  height: 20px;
  background: var(--cf-gray-300);
  margin: 0 4px;
}

div.fact-timeline {
  padding: 2rem 0;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.fact-timeline-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  text-align: center;
  color: var(--fg-neutral-light);
  padding: 3rem 2rem;
  gap: 1.5rem;
}

.fact-timeline-empty__illustration {
  color: var(--cf-gray-800);
  margin-bottom: 0.5rem;
}

.fact-timeline-empty__title {
  font-size: 20px;
  font-weight: 600;
  color: var(--cf-gray-800);
  margin: 0;
}

.fact-timeline-empty__description {
  font-size: 15px;
  line-height: 1.6;
  color: var(--fg-neutral-light);
  max-width: 400px;
  margin: 0;
}

.fact-timeline-container {
  position: relative;
}

.fact-timeline-row {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 0;
  margin-bottom: 2rem;
  align-items: start;
}

.fact-timeline-date-sticky {
  position: sticky;
  top: 0;
  text-align: right;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--cf-gray-800);
  font-weight: 500;
  font-size: 14px;
  z-index: 10;
  align-self: start;
}

.fact-timeline-row-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.fact-timeline-row-content .fact-timeline-item {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 0;
  margin-bottom: 2rem;
}
.fact-timeline-row-content .fact-timeline-item:last-child {
  margin-bottom: 0;
}

.fact-timeline-item {
  display: grid;
  grid-template-columns: 200px 60px 1fr;
  gap: 0;
  margin-bottom: 2rem;
}
.fact-timeline-item.is-last-in-timeline .fact-timeline-line {
  display: none;
}

.fact-timeline-date {
  position: sticky;
  top: 0;
  text-align: right;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--cf-gray-800);
  font-weight: 500;
  font-size: 14px;
  z-index: 10;
  align-self: start;
}

.fact-timeline-marker {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
}

.fact-timeline-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 3px solid var(--cf-purple-600);
  background-color: var(--cf-white);
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  margin-top: 11px;
}

.fact-timeline-line {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: calc(100% + 2rem);
  background-color: var(--cf-gray-300);
  z-index: 1;
}

.fact-timeline-content {
  padding-left: 1rem;
  padding-top: 0;
}

.fact-timeline-card {
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md);
  padding: 1rem 1.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
  position: relative;
}
.fact-timeline-card::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 8px 6px 0;
  border-color: transparent var(--cf-gray-300) transparent transparent;
}
.fact-timeline-card::after {
  content: "";
  position: absolute;
  left: -7px;
  top: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 8px 6px 0;
  border-color: transparent var(--cf-white) transparent transparent;
}
.fact-timeline-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.fact-timeline-memo {
  color: var(--cf-gray-800);
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.fact-timeline-memo:last-child {
  margin-bottom: 0;
}
.fact-timeline-memo .btn {
  margin-left: 0.25rem;
  display: inline;
  vertical-align: baseline;
  padding: 0;
}

.fact-timeline-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: var(--border-width) solid var(--cf-gray-300);
}

.fact-timeline-date-meaning {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background: var(--cf-lilac-tint);
  color: var(--cf-purple-600);
  border-radius: calc(var(--radius-md) / 2);
  font-size: 12px;
  font-weight: 500;
}

.fact-timeline-tags-section {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: var(--border-width) solid var(--cf-gray-300);
}
.fact-timeline-tags-section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.fact-timeline-tags-heading {
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-neutral-light);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

.fact-timeline-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.fact-timeline-citation-tag {
  cursor: pointer;
}
.fact-timeline-citation-tag:hover {
  opacity: 0.8;
}

.citation-menu-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  max-width: 400px;
}

.citation-excerpt {
  margin: 0;
  padding: 0.5rem 0.75rem;
  background: var(--cf-lilac-tint);
  border-left: 3px solid var(--cf-gray-300);
  color: var(--fg-neutral-light);
  font-size: 13px;
  line-height: 1.5;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.citation-pincite {
  color: var(--cf-purple-600);
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}
.citation-pincite:hover {
  opacity: 0.8;
}

.fact-timeline-break {
  display: grid;
  grid-template-columns: 200px 60px 1fr;
  gap: 0;
  margin: 1.5rem 0;
  position: relative;
}

.fact-timeline-break-line {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.fact-timeline-break-line::before {
  content: "";
  width: 2px;
  height: 20px;
  background: linear-gradient(to bottom, var(--cf-gray-300) 0%, var(--cf-gray-300) 40%, transparent 40%, transparent 60%, var(--cf-gray-300) 60%, var(--cf-gray-300) 100%);
}
.fact-timeline-break-line::after {
  content: "";
  width: 12px;
  height: 12px;
  border-left: 2px solid var(--cf-gray-300);
  border-bottom: 2px solid var(--cf-gray-300);
  transform: rotate(-45deg);
  margin-top: -2px;
}

.fact-timeline-break-text {
  grid-column: 3;
  padding-left: 1rem;
  color: var(--fg-neutral-light);
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  align-self: center;
}

@media (max-width: 768px) {
  .fact-timeline-item {
    grid-template-columns: 120px 50px 1fr;
  }
  .fact-timeline-date {
    font-size: 12px;
    padding-right: 0.5rem;
  }
  .fact-timeline-marker {
    width: 50px;
  }
  .fact-timeline-content {
    padding-left: 0.5rem;
  }
  .fact-timeline-card {
    padding: 0.75rem 1rem;
  }
}
@media (max-width: 480px) {
  .fact-timeline-item {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .fact-timeline-date {
    text-align: left;
    padding-right: 0;
    padding-left: 1rem;
  }
  .fact-timeline-marker {
    display: none;
  }
  .fact-timeline-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .fact-timeline-card::before, .fact-timeline-card::after {
    display: none;
  }
}
.design-2024 .form-v2 .form-v2__form-container h3, .design-2024 .form-v2 .form-v2__form-container .alerts ul li, .alerts ul .design-2024 .form-v2 .form-v2__form-container li {
  color: var(--cf-ink);
  font-weight: 500;
  font-size: 20px;
  font-size: 1.25em;
  margin-bottom: 16px;
}
.design-2024 .form-v2 .form-v2__form-container h3.entity-edit-header, .design-2024 .form-v2 .form-v2__form-container .alerts ul li.entity-edit-header, .alerts ul .design-2024 .form-v2 .form-v2__form-container li.entity-edit-header {
  margin-bottom: 0;
}
.design-2024 .form-v2 label, .design-2024 .form-v2 #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .design-2024 .form-v2 .settlement-date, .design-2024 .form-v2 .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .design-2024 .form-v2 .feed-memo-date, .design-2024 .form-v2 .graph .graph-pagination .graph-stats, .graph .graph-pagination .design-2024 .form-v2 .graph-stats, .design-2024 .form-v2 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .form-v2 .sidebar-record-category, .design-2024 .form-v2 .table-pagination .pagination-text, .table-pagination .design-2024 .form-v2 .pagination-text {
  margin-bottom: 0;
}
.design-2024 .form-v2 .cf-form .ember-power-select-trigger ul.ember-power-select-multiple-options li.ember-power-select-multiple-option {
  background-color: var(--cf-gray-100);
  border: 1px solid var(--cf-gray-100);
}
.design-2024 label, .design-2024 #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .design-2024 .settlement-date, .design-2024 .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .design-2024 .feed-memo-date, .design-2024 .graph .graph-pagination .graph-stats, .graph .graph-pagination .design-2024 .graph-stats, .design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .sidebar-record-category, .design-2024 .table-pagination .pagination-text, .table-pagination .design-2024 .pagination-text {
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 600;
  color: var(--cf-ink);
  position: relative;
}
.design-2024 label .top-helptext, .design-2024 #settlements > ul > li .settlement-area .settlement-date .top-helptext, #settlements > ul > li .settlement-area .design-2024 .settlement-date .top-helptext, .design-2024 .activity-feed > ul > li .feed-memo .feed-memo-date .top-helptext, .activity-feed > ul > li .feed-memo .design-2024 .feed-memo-date .top-helptext, .design-2024 .graph .graph-pagination .graph-stats .top-helptext, .graph .graph-pagination .design-2024 .graph-stats .top-helptext, .design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .top-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .sidebar-record-category .top-helptext, .design-2024 .table-pagination .pagination-text .top-helptext, .table-pagination .design-2024 .pagination-text .top-helptext, .design-2024 label .block-helptext, .design-2024 #settlements > ul > li .settlement-area .settlement-date .block-helptext, #settlements > ul > li .settlement-area .design-2024 .settlement-date .block-helptext, .activity-feed > ul > li .feed-memo .feed-memo-date .design-2024 label .block-helptext, .design-2024 .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext, .activity-feed > ul > li .feed-memo .design-2024 .feed-memo-date .block-helptext, .graph .graph-pagination .graph-stats .design-2024 label .block-helptext, .design-2024 .graph .graph-pagination .graph-stats .block-helptext, .graph .graph-pagination .design-2024 .graph-stats .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .design-2024 label .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li li .sidebar-record-details .sidebar-record-category .design-2024 .settlement-area .settlement-date .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .design-2024 .graph .graph-pagination .graph-stats .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .graph .graph-pagination .design-2024 .graph-stats .block-helptext, .design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .sidebar-record-category .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .design-2024 .table-pagination .pagination-text .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .table-pagination .design-2024 .pagination-text .block-helptext, .design-2024 .table-pagination .pagination-text .block-helptext, .table-pagination .design-2024 .pagination-text .block-helptext {
  font-weight: 400;
  color: var(--cf-gray-600, var(--cf-gray-600));
}
.design-2024 label > .ember-basic-dropdown-trigger, .design-2024 #settlements > ul > li .settlement-area .settlement-date > .ember-basic-dropdown-trigger, #settlements > ul > li .settlement-area .design-2024 .settlement-date > .ember-basic-dropdown-trigger, .design-2024 .activity-feed > ul > li .feed-memo .feed-memo-date > .ember-basic-dropdown-trigger, .activity-feed > ul > li .feed-memo .design-2024 .feed-memo-date > .ember-basic-dropdown-trigger, .design-2024 .graph .graph-pagination .graph-stats > .ember-basic-dropdown-trigger, .graph .graph-pagination .design-2024 .graph-stats > .ember-basic-dropdown-trigger, .design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > .ember-basic-dropdown-trigger, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .sidebar-record-category > .ember-basic-dropdown-trigger, .design-2024 .table-pagination .pagination-text > .ember-basic-dropdown-trigger, .table-pagination .design-2024 .pagination-text > .ember-basic-dropdown-trigger,
.design-2024 label > input:not(.time-select-input, .no-margin-top),
.design-2024 #settlements > ul > li .settlement-area .settlement-date > input:not(.time-select-input, .no-margin-top),
#settlements > ul > li .settlement-area .design-2024 .settlement-date > input:not(.time-select-input, .no-margin-top),
.design-2024 label > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.design-2024 #settlements > ul > li .settlement-area .settlement-date > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
#settlements > ul > li .settlement-area .design-2024 .settlement-date > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.design-2024 .activity-feed > ul > li .feed-memo .feed-memo-date > input:not(.time-select-input, .no-margin-top),
.design-2024 .activity-feed > ul > li .feed-memo .feed-memo-date > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.activity-feed > ul > li .feed-memo .design-2024 .feed-memo-date > input:not(.time-select-input, .no-margin-top),
.activity-feed > ul > li .feed-memo .design-2024 .feed-memo-date > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.design-2024 .graph .graph-pagination .graph-stats > input:not(.time-select-input, .no-margin-top),
.design-2024 .graph .graph-pagination .graph-stats > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.graph .graph-pagination .design-2024 .graph-stats > input:not(.time-select-input, .no-margin-top),
.graph .graph-pagination .design-2024 .graph-stats > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > input:not(.time-select-input, .no-margin-top),
.design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .sidebar-record-category > input:not(.time-select-input, .no-margin-top),
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .sidebar-record-category > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.design-2024 .table-pagination .pagination-text > input:not(.time-select-input, .no-margin-top),
.design-2024 .table-pagination .pagination-text > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.table-pagination .design-2024 .pagination-text > input:not(.time-select-input, .no-margin-top),
.table-pagination .design-2024 .pagination-text > .timezone-click-to-edit:not(.time-select-input, .no-margin-top),
.design-2024 label > textarea,
.design-2024 #settlements > ul > li .settlement-area .settlement-date > textarea,
#settlements > ul > li .settlement-area .design-2024 .settlement-date > textarea,
.design-2024 .activity-feed > ul > li .feed-memo .feed-memo-date > textarea,
.activity-feed > ul > li .feed-memo .design-2024 .feed-memo-date > textarea,
.design-2024 .graph .graph-pagination .graph-stats > textarea,
.graph .graph-pagination .design-2024 .graph-stats > textarea,
.design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > textarea,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .sidebar-record-category > textarea,
.design-2024 .table-pagination .pagination-text > textarea,
.table-pagination .design-2024 .pagination-text > textarea {
  margin-top: 6px !important;
}
.design-2024 label.error input, .design-2024 #settlements > ul > li .settlement-area .error.settlement-date input, #settlements > ul > li .settlement-area .design-2024 .error.settlement-date input, .design-2024 label.error .timezone-click-to-edit, .design-2024 #settlements > ul > li .settlement-area .error.settlement-date .timezone-click-to-edit, #settlements > ul > li .settlement-area .design-2024 .error.settlement-date .timezone-click-to-edit, .design-2024 .activity-feed > ul > li .feed-memo .error.feed-memo-date input, .design-2024 .activity-feed > ul > li .feed-memo .error.feed-memo-date .timezone-click-to-edit, .activity-feed > ul > li .feed-memo .design-2024 .error.feed-memo-date input, .activity-feed > ul > li .feed-memo .design-2024 .error.feed-memo-date .timezone-click-to-edit, .design-2024 .graph .graph-pagination .error.graph-stats input, .design-2024 .graph .graph-pagination .error.graph-stats .timezone-click-to-edit, .graph .graph-pagination .design-2024 .error.graph-stats input, .graph .graph-pagination .design-2024 .error.graph-stats .timezone-click-to-edit, .design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .error.sidebar-record-category input, .design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .error.sidebar-record-category .timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .error.sidebar-record-category input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .error.sidebar-record-category .timezone-click-to-edit, .design-2024 .table-pagination .error.pagination-text input, .design-2024 .table-pagination .error.pagination-text .timezone-click-to-edit, .table-pagination .design-2024 .error.pagination-text input, .table-pagination .design-2024 .error.pagination-text .timezone-click-to-edit,
.design-2024 label.error textarea,
.design-2024 #settlements > ul > li .settlement-area .error.settlement-date textarea,
#settlements > ul > li .settlement-area .design-2024 .error.settlement-date textarea,
.design-2024 .activity-feed > ul > li .feed-memo .error.feed-memo-date textarea,
.activity-feed > ul > li .feed-memo .design-2024 .error.feed-memo-date textarea,
.design-2024 .graph .graph-pagination .error.graph-stats textarea,
.graph .graph-pagination .design-2024 .error.graph-stats textarea,
.design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .error.sidebar-record-category textarea,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .error.sidebar-record-category textarea,
.design-2024 .table-pagination .error.pagination-text textarea,
.table-pagination .design-2024 .error.pagination-text textarea {
  border: 1px solid var(--cf-alert-500) !important;
  background: var(--cf-white) !important;
}
.design-2024 label.error input:focus, .design-2024 #settlements > ul > li .settlement-area .error.settlement-date input:focus, #settlements > ul > li .settlement-area .design-2024 .error.settlement-date input:focus, .design-2024 label.error .timezone-click-to-edit:focus, .design-2024 #settlements > ul > li .settlement-area .error.settlement-date .timezone-click-to-edit:focus, #settlements > ul > li .settlement-area .design-2024 .error.settlement-date .timezone-click-to-edit:focus, .design-2024 .activity-feed > ul > li .feed-memo .error.feed-memo-date input:focus, .design-2024 .activity-feed > ul > li .feed-memo .error.feed-memo-date .timezone-click-to-edit:focus, .activity-feed > ul > li .feed-memo .design-2024 .error.feed-memo-date input:focus, .activity-feed > ul > li .feed-memo .design-2024 .error.feed-memo-date .timezone-click-to-edit:focus, .design-2024 .graph .graph-pagination .error.graph-stats input:focus, .design-2024 .graph .graph-pagination .error.graph-stats .timezone-click-to-edit:focus, .graph .graph-pagination .design-2024 .error.graph-stats input:focus, .graph .graph-pagination .design-2024 .error.graph-stats .timezone-click-to-edit:focus, .design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .error.sidebar-record-category input:focus, .design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .error.sidebar-record-category .timezone-click-to-edit:focus, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .error.sidebar-record-category input:focus, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .error.sidebar-record-category .timezone-click-to-edit:focus, .design-2024 .table-pagination .error.pagination-text input:focus, .design-2024 .table-pagination .error.pagination-text .timezone-click-to-edit:focus, .table-pagination .design-2024 .error.pagination-text input:focus, .table-pagination .design-2024 .error.pagination-text .timezone-click-to-edit:focus,
.design-2024 label.error textarea:focus,
.design-2024 #settlements > ul > li .settlement-area .error.settlement-date textarea:focus,
#settlements > ul > li .settlement-area .design-2024 .error.settlement-date textarea:focus,
.design-2024 .activity-feed > ul > li .feed-memo .error.feed-memo-date textarea:focus,
.activity-feed > ul > li .feed-memo .design-2024 .error.feed-memo-date textarea:focus,
.design-2024 .graph .graph-pagination .error.graph-stats textarea:focus,
.graph .graph-pagination .design-2024 .error.graph-stats textarea:focus,
.design-2024 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .error.sidebar-record-category textarea:focus,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .design-2024 .error.sidebar-record-category textarea:focus,
.design-2024 .table-pagination .error.pagination-text textarea:focus,
.table-pagination .design-2024 .error.pagination-text textarea:focus {
  border: 2px solid var(--cf-alert-500) !important;
  background: var(--cf-white) !important;
}

.cf-form__create-contact-sub-form > .row, .cf-form__create-contact-sub-form > .x-timeline {
  margin-bottom: 12px;
}

.cf-form__subsection {
  border-top: 1px solid var(--cf-gray-300);
  border-bottom: 1px solid var(--cf-gray-300);
  padding: 16px 0;
  margin: 12px 0;
}
.cf-form__subsection.cf-form__subsection-end {
  border-bottom: none;
}
.cf-form__subsection.cf-form__subsection-edit {
  margin-top: 0;
}

.firm-form-inputs label button.enum-input__item, .firm-form-inputs #settlements > ul > li .settlement-area .settlement-date button.enum-input__item, #settlements > ul > li .settlement-area .firm-form-inputs .settlement-date button.enum-input__item, .firm-form-inputs .activity-feed > ul > li .feed-memo .feed-memo-date button.enum-input__item, .activity-feed > ul > li .feed-memo .firm-form-inputs .feed-memo-date button.enum-input__item, .firm-form-inputs .graph .graph-pagination .graph-stats button.enum-input__item, .graph .graph-pagination .firm-form-inputs .graph-stats button.enum-input__item, .firm-form-inputs .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category button.enum-input__item, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .firm-form-inputs .sidebar-record-category button.enum-input__item, .firm-form-inputs .table-pagination .pagination-text button.enum-input__item, .table-pagination .firm-form-inputs .pagination-text button.enum-input__item {
  display: block;
}

label .helptext--bottom, #settlements > ul > li .settlement-area .settlement-date .helptext--bottom, .activity-feed > ul > li .feed-memo .feed-memo-date .helptext--bottom, .graph .graph-pagination .graph-stats .helptext--bottom, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .helptext--bottom, .table-pagination .pagination-text .helptext--bottom {
  font-size: 12px !important;
  position: absolute;
  right: 0;
  bottom: -24px;
  color: var(--cf-legacy-ash-light);
}
label .helptext--bottom a, #settlements > ul > li .settlement-area .settlement-date .helptext--bottom a, .activity-feed > ul > li .feed-memo .feed-memo-date .helptext--bottom a, .graph .graph-pagination .graph-stats .helptext--bottom a, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .helptext--bottom a, .table-pagination .pagination-text .helptext--bottom a {
  font-size: 12px !important;
  display: inline;
  color: var(--cf-legacy-ash-light) !important;
}
label .helptext--bottom a:hover, #settlements > ul > li .settlement-area .settlement-date .helptext--bottom a:hover, .activity-feed > ul > li .feed-memo .feed-memo-date .helptext--bottom a:hover, .graph .graph-pagination .graph-stats .helptext--bottom a:hover, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .helptext--bottom a:hover, .table-pagination .pagination-text .helptext--bottom a:hover {
  text-decoration: underline;
}

.timing-sidebar-edit label.case .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, .timing-sidebar-edit #settlements > ul > li .settlement-area .case.settlement-date .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, #settlements > ul > li .settlement-area .timing-sidebar-edit .case.settlement-date .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, .timing-sidebar-edit .activity-feed > ul > li .feed-memo .case.feed-memo-date .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, .activity-feed > ul > li .feed-memo .timing-sidebar-edit .case.feed-memo-date .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, .timing-sidebar-edit .graph .graph-pagination .case.graph-stats .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, .graph .graph-pagination .timing-sidebar-edit .case.graph-stats .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, .timing-sidebar-edit .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .case.sidebar-record-category .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timing-sidebar-edit .case.sidebar-record-category .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, .timing-sidebar-edit .table-pagination .case.pagination-text .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item, .table-pagination .timing-sidebar-edit .case.pagination-text .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-selected-item {
  display: inline-block;
  margin-right: 24px;
}
.timing-sidebar-edit label.case .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, .timing-sidebar-edit #settlements > ul > li .settlement-area .case.settlement-date .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, #settlements > ul > li .settlement-area .timing-sidebar-edit .case.settlement-date .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, .timing-sidebar-edit .activity-feed > ul > li .feed-memo .case.feed-memo-date .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, .activity-feed > ul > li .feed-memo .timing-sidebar-edit .case.feed-memo-date .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, .timing-sidebar-edit .graph .graph-pagination .case.graph-stats .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, .graph .graph-pagination .timing-sidebar-edit .case.graph-stats .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, .timing-sidebar-edit .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .case.sidebar-record-category .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timing-sidebar-edit .case.sidebar-record-category .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, .timing-sidebar-edit .table-pagination .case.pagination-text .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn, .table-pagination .timing-sidebar-edit .case.pagination-text .ember-power-select-trigger.ember-basic-dropdown-trigger .ember-power-select-clear-btn {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.field__clear {
  display: inline;
  position: absolute;
  right: 7px;
  top: 31px;
}
.field__clear span.svg-icon svg {
  width: 18px;
  height: 18px;
  cursor: pointer;
  vertical-align: middle;
}
.field__clear span.svg-icon svg path.circle {
  fill: var(--cf-legacy-dust-strong);
  stroke: var(--cf-legacy-dust-strong);
}

.date-field__input-wrap,
.time-field__input-wrap {
  position: relative;
}
.date-field__input-wrap > .field__clear,
.time-field__input-wrap > .field__clear {
  top: 50%;
  transform: translateY(-50%);
}

.case-form__claims {
  appearance: none;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  display: block;
  margin: 0;
  width: 100%;
  background: var(--cf-white);
  border: var(--input-border-width) solid var(--cf-gray-500);
  border-radius: var(--radius-md);
  transition: border-color 0.15s ease;
  font-weight: 400 !important;
  text-align: left;
  font-size: 14px;
  padding: 0 8px;
  box-sizing: border-box;
  line-height: var(--input-height);
  height: var(--input-height);
  box-shadow: none;
  margin-bottom: 0.5rem;
}

.cf-form-bg-overlay, .form-v2.form-v2--modal, .case-users-manager {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1007;
  background-color: var(--cf-legacy-modal-overlay) !important;
}

label.checkbox-field span.js-label, #settlements > ul > li .settlement-area .checkbox-field.settlement-date span.js-label, .activity-feed > ul > li .feed-memo .checkbox-field.feed-memo-date span.js-label, .graph .graph-pagination .checkbox-field.graph-stats span.js-label, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .checkbox-field.sidebar-record-category span.js-label, .table-pagination .checkbox-field.pagination-text span.js-label {
  display: inline-block !important;
}

.form-v2 label, .form-v2 #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-v2 .settlement-date, .form-v2 .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-v2 .feed-memo-date, .form-v2 .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-v2 .graph-stats, .form-v2 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .sidebar-record-category, .form-v2 .table-pagination .pagination-text, .table-pagination .form-v2 .pagination-text {
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
  margin-bottom: 12px;
}
.form-v2.form-v2--standard .form-v2__form-container {
  display: none;
  max-width: 720px;
}
.form-v2.form-v2--standard.form-v2--show-form .form-v2__form-container {
  display: block;
}
.form-v2 .form-v2__form-container {
  position: relative;
  overflow-x: hidden;
}
.form-v2 .form-v2__form-container h3, .form-v2 .form-v2__form-container .alerts ul li, .alerts ul .form-v2 .form-v2__form-container li {
  margin-bottom: 8px;
  color: var(--cf-legacy-cloud);
  font-size: 24px;
  font-size: 1.5em;
  margin-top: 8px;
}
.form-v2 .form-v2__form-container .form-v2__header-helptext {
  margin-bottom: 8px;
}
.form-v2 .form-v2__form-container form fieldset {
  padding: 0;
}
.form-v2 .form-v2__form-container form .column {
  margin-top: 0;
}
.form-v2.form-v2--modal {
  visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-v2.form-v2--modal.chat-feedback-overlay {
  z-index: 10000 !important;
}
.form-v2.form-v2--modal .form-v2__form-container.chat-feedback-overlay .cf-form {
  margin: 0 auto;
}
.form-v2.form-v2--modal.chat-feedback-overlay .form-v2.form-v2--modal .form-v2__form-container {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-v2.form-v2--modal .form-v2__form-container::-webkit-scrollbar {
  background: transparent !important;
  width: 8px !important;
  height: 8px;
}
.form-v2.form-v2--modal .form-v2__form-container::-webkit-scrollbar-thumb {
  background: var(--cf-legacy-scrollbar-thumb) !important;
  border-radius: 4px !important;
}
.form-v2.form-v2--modal .form-v2__form-container::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--cf-legacy-scrollbar-thumb), var(--cf-ink) 6.9%) !important;
  border-radius: 4px !important;
}
.form-v2.form-v2--modal .form-v2__form-container {
  position: relative;
  background-color: var(--cf-white);
  box-shadow: var(--shadow-light-shade);
  border-radius: var(--radius-md);
  opacity: 0;
  width: 96%;
  max-width: 720px;
  text-align: left;
  padding: var(--space-4, 34px 40px);
  transform: scale(0.7);
  max-height: 90%;
  overflow-y: auto;
}
@media screen and (max-width: 824px) {
  .form-v2.form-v2--modal .form-v2__form-container {
    max-height: 97%;
    width: 97%;
    padding: 34px 8px;
  }
}
.form-v2.form-v2--modal .form-v2__form-container {
  transition: all 0.3s;
}
.form-v2.form-v2--modal.form-v2--show-form {
  visibility: visible;
}
.form-v2.form-v2--modal.form-v2--show-form .form-v2__form-container {
  opacity: 1;
  transform: scale(1);
}
.form-v2 .cf-form.is-dragging .drop-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: var(--cf-legacy-green-glow);
  text-align: center;
  color: var(--cf-white);
}
.form-v2 .cf-form.is-dragging .drop-overlay h2, .form-v2 .cf-form.is-dragging .drop-overlay .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .form-v2 .cf-form.is-dragging .drop-overlay h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form-v2 .cf-form .drop-overlay {
  display: none;
}
.form-v2 .cf-form .row.header, .form-v2 .cf-form .header.x-timeline {
  margin-left: 0;
}
.form-v2 .cf-form .ember-power-select-trigger {
  margin: 0;
  max-width: 100%;
  line-height: calc(var(--input-height) - 2px);
}
.form-v2 .cf-form .ember-power-select-trigger ul.ember-power-select-multiple-options li.ember-power-select-multiple-option {
  border-color: var(--cf-legacy-teal);
  background-color: var(--cf-lilac-tint);
}
.form-v2 .cf-form .ember-power-select-trigger ul.ember-power-select-multiple-options li.ember-power-select-multiple-option span.ember-power-select-multiple-remove-btn {
  color: #034e66;
}
.form-v2 .cf-form .ember-power-select-multiple-trigger {
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  line-height: var(--input-height);
}
.form-v2 .cf-form .ember-power-select-multiple-trigger[aria-disabled=true] input.ember-power-select-trigger-multiple-input, .form-v2 .cf-form .ember-power-select-multiple-trigger[aria-disabled=true] .ember-power-select-trigger-multiple-input.timezone-click-to-edit {
  display: none;
}
.form-v2 .cf-form .ember-power-select-multiple-trigger ul.ember-power-select-multiple-options {
  padding: 0 16px 0 4px;
}
.form-v2 .cf-form .ember-power-select-multiple-trigger input, .form-v2 .cf-form .ember-power-select-multiple-trigger .timezone-click-to-edit {
  padding: 0;
}
.form-v2 .cf-form .ember-power-select-multiple-trigger li.ember-power-select-multiple-option {
  padding: 2px 4px;
  max-width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.form-v2 .cf-form .ember-power-select-multiple-trigger .ember-power-select-status-icon {
  top: 2px;
}
.form-v2 .cf-form fieldset {
  border: 0;
  margin: 0;
}
.form-v2 .cf-form fieldset > div:not(.cf-form__create-contact-sub-form) {
  margin-top: var(--space-0, 1rem);
  margin-bottom: var(--space-4, 0.5rem);
}
.form-v2 .cf-form .cf-form__create-contact-sub-form__entity-checkbox,
.form-v2 .cf-form .cf-form__subsection .cf-form__create-contact-sub-form__entity-checkbox {
  padding-top: 8px;
}
.form-v2 .cf-form label span.icon-launcher span.svg-icon > svg, .form-v2 .cf-form #settlements > ul > li .settlement-area .settlement-date span.icon-launcher span.svg-icon > svg, #settlements > ul > li .settlement-area .form-v2 .cf-form .settlement-date span.icon-launcher span.svg-icon > svg, .form-v2 .cf-form .activity-feed > ul > li .feed-memo .feed-memo-date span.icon-launcher span.svg-icon > svg, .activity-feed > ul > li .feed-memo .form-v2 .cf-form .feed-memo-date span.icon-launcher span.svg-icon > svg, .form-v2 .cf-form .graph .graph-pagination .graph-stats span.icon-launcher span.svg-icon > svg, .graph .graph-pagination .form-v2 .cf-form .graph-stats span.icon-launcher span.svg-icon > svg, .form-v2 .cf-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.icon-launcher span.svg-icon > svg, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form .sidebar-record-category span.icon-launcher span.svg-icon > svg, .form-v2 .cf-form .table-pagination .pagination-text span.icon-launcher span.svg-icon > svg, .table-pagination .form-v2 .cf-form .pagination-text span.icon-launcher span.svg-icon > svg {
  width: 20px;
  cursor: pointer;
  transform: translateY(17px);
}
.form-v2 .cf-form label, .form-v2 .cf-form #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-v2 .cf-form .settlement-date, .form-v2 .cf-form .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-v2 .cf-form .feed-memo-date, .form-v2 .cf-form .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-v2 .cf-form .graph-stats, .form-v2 .cf-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form .sidebar-record-category, .form-v2 .cf-form .table-pagination .pagination-text, .table-pagination .form-v2 .cf-form .pagination-text {
  width: 100%;
  display: block;
}
.form-v2 .cf-form label .hide-time-inputs, .form-v2 .cf-form #settlements > ul > li .settlement-area .settlement-date .hide-time-inputs, #settlements > ul > li .settlement-area .form-v2 .cf-form .settlement-date .hide-time-inputs, .form-v2 .cf-form .activity-feed > ul > li .feed-memo .feed-memo-date .hide-time-inputs, .activity-feed > ul > li .feed-memo .form-v2 .cf-form .feed-memo-date .hide-time-inputs, .form-v2 .cf-form .graph .graph-pagination .graph-stats .hide-time-inputs, .graph .graph-pagination .form-v2 .cf-form .graph-stats .hide-time-inputs, .form-v2 .cf-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .hide-time-inputs, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form .sidebar-record-category .hide-time-inputs, .form-v2 .cf-form .table-pagination .pagination-text .hide-time-inputs, .table-pagination .form-v2 .cf-form .pagination-text .hide-time-inputs {
  position: absolute;
  right: -26px;
  top: 16px;
  cursor: pointer;
}
.form-v2 .cf-form label .hide-time-inputs span.svg-icon > svg, .form-v2 .cf-form #settlements > ul > li .settlement-area .settlement-date .hide-time-inputs span.svg-icon > svg, #settlements > ul > li .settlement-area .form-v2 .cf-form .settlement-date .hide-time-inputs span.svg-icon > svg, .form-v2 .cf-form .activity-feed > ul > li .feed-memo .feed-memo-date .hide-time-inputs span.svg-icon > svg, .activity-feed > ul > li .feed-memo .form-v2 .cf-form .feed-memo-date .hide-time-inputs span.svg-icon > svg, .form-v2 .cf-form .graph .graph-pagination .graph-stats .hide-time-inputs span.svg-icon > svg, .graph .graph-pagination .form-v2 .cf-form .graph-stats .hide-time-inputs span.svg-icon > svg, .form-v2 .cf-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .hide-time-inputs span.svg-icon > svg, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form .sidebar-record-category .hide-time-inputs span.svg-icon > svg, .form-v2 .cf-form .table-pagination .pagination-text .hide-time-inputs span.svg-icon > svg, .table-pagination .form-v2 .cf-form .pagination-text .hide-time-inputs span.svg-icon > svg {
  width: 20px;
}
.form-v2 .cf-form label > div, .form-v2 .cf-form #settlements > ul > li .settlement-area .settlement-date > div, #settlements > ul > li .settlement-area .form-v2 .cf-form .settlement-date > div, .form-v2 .cf-form .activity-feed > ul > li .feed-memo .feed-memo-date > div, .activity-feed > ul > li .feed-memo .form-v2 .cf-form .feed-memo-date > div, .form-v2 .cf-form .graph .graph-pagination .graph-stats > div, .graph .graph-pagination .form-v2 .cf-form .graph-stats > div, .form-v2 .cf-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > div, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form .sidebar-record-category > div, .form-v2 .cf-form .table-pagination .pagination-text > div, .table-pagination .form-v2 .cf-form .pagination-text > div,
.form-v2 .cf-form label > span:not(.checkbox-toggle),
.form-v2 .cf-form #settlements > ul > li .settlement-area .settlement-date > span:not(.checkbox-toggle),
#settlements > ul > li .settlement-area .form-v2 .cf-form .settlement-date > span:not(.checkbox-toggle),
.form-v2 .cf-form .activity-feed > ul > li .feed-memo .feed-memo-date > span:not(.checkbox-toggle),
.activity-feed > ul > li .feed-memo .form-v2 .cf-form .feed-memo-date > span:not(.checkbox-toggle),
.form-v2 .cf-form .graph .graph-pagination .graph-stats > span:not(.checkbox-toggle),
.graph .graph-pagination .form-v2 .cf-form .graph-stats > span:not(.checkbox-toggle),
.form-v2 .cf-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category > span:not(.checkbox-toggle),
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form .sidebar-record-category > span:not(.checkbox-toggle),
.form-v2 .cf-form .table-pagination .pagination-text > span:not(.checkbox-toggle),
.table-pagination .form-v2 .cf-form .pagination-text > span:not(.checkbox-toggle),
.form-v2 .cf-form label .show-time-field,
.form-v2 .cf-form #settlements > ul > li .settlement-area .settlement-date .show-time-field,
#settlements > ul > li .settlement-area .form-v2 .cf-form .settlement-date .show-time-field,
.form-v2 .cf-form .activity-feed > ul > li .feed-memo .feed-memo-date .show-time-field,
.activity-feed > ul > li .feed-memo .form-v2 .cf-form .feed-memo-date .show-time-field,
.form-v2 .cf-form .graph .graph-pagination .graph-stats .show-time-field,
.graph .graph-pagination .form-v2 .cf-form .graph-stats .show-time-field,
.form-v2 .cf-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .show-time-field,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form .sidebar-record-category .show-time-field,
.form-v2 .cf-form .table-pagination .pagination-text .show-time-field,
.table-pagination .form-v2 .cf-form .pagination-text .show-time-field {
  display: block;
  float: none;
}
.form-v2 .cf-form label .show-time-field, .form-v2 .cf-form #settlements > ul > li .settlement-area .settlement-date .show-time-field, #settlements > ul > li .settlement-area .form-v2 .cf-form .settlement-date .show-time-field, .form-v2 .cf-form .activity-feed > ul > li .feed-memo .feed-memo-date .show-time-field, .activity-feed > ul > li .feed-memo .form-v2 .cf-form .feed-memo-date .show-time-field, .form-v2 .cf-form .graph .graph-pagination .graph-stats .show-time-field, .graph .graph-pagination .form-v2 .cf-form .graph-stats .show-time-field, .form-v2 .cf-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .show-time-field, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form .sidebar-record-category .show-time-field, .form-v2 .cf-form .table-pagination .pagination-text .show-time-field, .table-pagination .form-v2 .cf-form .pagination-text .show-time-field {
  height: var(--input-height);
}
.form-v2 .cf-form label textarea, .form-v2 .cf-form #settlements > ul > li .settlement-area .settlement-date textarea, #settlements > ul > li .settlement-area .form-v2 .cf-form .settlement-date textarea, .form-v2 .cf-form .activity-feed > ul > li .feed-memo .feed-memo-date textarea, .activity-feed > ul > li .feed-memo .form-v2 .cf-form .feed-memo-date textarea, .form-v2 .cf-form .graph .graph-pagination .graph-stats textarea, .graph .graph-pagination .form-v2 .cf-form .graph-stats textarea, .form-v2 .cf-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category textarea, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form .sidebar-record-category textarea, .form-v2 .cf-form .table-pagination .pagination-text textarea, .table-pagination .form-v2 .cf-form .pagination-text textarea {
  padding: 8px;
}
.form-v2 .cf-form .buttons {
  margin-top: 0;
}
.form-v2 .cf-form .buttons .save {
  float: right;
}
.form-v2 .cf-form .sp-replacer {
  margin: 0;
  padding: 0;
}
.form-v2 .cf-form .sp-replacer .sp-preview {
  width: 35px;
  height: 35px;
}
.form-v2 .cf-form .sp-replacer .sp-dd {
  padding: 10px 0;
}
.form-v2 .cf-form.event-form .single-day-toggle label, .form-v2 .cf-form.event-form .single-day-toggle #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-v2 .cf-form.event-form .single-day-toggle .settlement-date, .form-v2 .cf-form.event-form .single-day-toggle .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-v2 .cf-form.event-form .single-day-toggle .feed-memo-date, .form-v2 .cf-form.event-form .single-day-toggle .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-v2 .cf-form.event-form .single-day-toggle .graph-stats, .form-v2 .cf-form.event-form .single-day-toggle .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form.event-form .single-day-toggle .sidebar-record-category, .form-v2 .cf-form.event-form .single-day-toggle .table-pagination .pagination-text, .table-pagination .form-v2 .cf-form.event-form .single-day-toggle .pagination-text {
  width: auto;
}
.form-v2 .cf-form.event-form .calculate-end-date .row, .form-v2 .cf-form.event-form .calculate-end-date .x-timeline {
  margin-left: 0;
}
.form-v2 .cf-form.event-form .calculate-end-date label, .form-v2 .cf-form.event-form .calculate-end-date #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-v2 .cf-form.event-form .calculate-end-date .settlement-date, .form-v2 .cf-form.event-form .calculate-end-date .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-v2 .cf-form.event-form .calculate-end-date .feed-memo-date, .form-v2 .cf-form.event-form .calculate-end-date .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-v2 .cf-form.event-form .calculate-end-date .graph-stats, .form-v2 .cf-form.event-form .calculate-end-date .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form.event-form .calculate-end-date .sidebar-record-category, .form-v2 .cf-form.event-form .calculate-end-date .table-pagination .pagination-text, .table-pagination .form-v2 .cf-form.event-form .calculate-end-date .pagination-text {
  margin-bottom: 0;
}
.form-v2 .cf-form.event-form .calculate-end-date .calc-integer,
.form-v2 .cf-form.event-form .calculate-end-date .calc-unit,
.form-v2 .cf-form.event-form .calculate-end-date .calc-offset,
.form-v2 .cf-form.event-form .calculate-end-date .calc-rollover {
  vertical-align: top;
  display: inline-block;
}
.form-v2 .cf-form.event-form .calculate-end-date .calc-rollover {
  width: 100%;
  margin-top: 0.25rem;
}
.form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .checkbox-toggle {
  vertical-align: top;
}
.form-v2 .cf-form.event-form .calculate-end-date .calc-rollover label, .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .settlement-date, .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .feed-memo-date, .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .graph-stats, .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .sidebar-record-category, .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .table-pagination .pagination-text, .table-pagination .form-v2 .cf-form.event-form .calculate-end-date .calc-rollover .pagination-text {
  vertical-align: top;
  display: inline-block;
  width: auto;
  margin-top: -2px;
  margin-bottom: 0;
}

.fuzzy-date-field.error input, .fuzzy-date-field.error .timezone-click-to-edit {
  border-color: var(--cf-alert-500);
}

.claims-container .help-hover {
  position: absolute;
  top: 0;
  right: 0;
}

/* Budget Exceeded Modal - High Z-Index Override */
.budget-exceeded-modal-high-z {
  z-index: 10000 !important;
}

.task-form .reminders__container h4 {
  display: inline-block;
}
.task-form .reminders__container .help-hover {
  bottom: -2px;
}
.task-form .task-form__due .date-field-ddau > label > .date-field__input-wrap, .task-form .task-form__due #settlements > ul > li .settlement-area .date-field-ddau > .settlement-date > .date-field__input-wrap, #settlements > ul > li .settlement-area .task-form .task-form__due .date-field-ddau > .settlement-date > .date-field__input-wrap, .task-form .task-form__due .activity-feed > ul > li .feed-memo .date-field-ddau > .feed-memo-date > .date-field__input-wrap, .activity-feed > ul > li .feed-memo .task-form .task-form__due .date-field-ddau > .feed-memo-date > .date-field__input-wrap, .task-form .task-form__due .graph .graph-pagination .date-field-ddau > .graph-stats > .date-field__input-wrap, .graph .graph-pagination .task-form .task-form__due .date-field-ddau > .graph-stats > .date-field__input-wrap, .task-form .task-form__due .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .date-field-ddau > .sidebar-record-category > .date-field__input-wrap, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .task-form .task-form__due .date-field-ddau > .sidebar-record-category > .date-field__input-wrap, .task-form .task-form__due .table-pagination .date-field-ddau > .pagination-text > .date-field__input-wrap, .table-pagination .task-form .task-form__due .date-field-ddau > .pagination-text > .date-field__input-wrap,
.task-form .task-form__due .time-field > label > .create-btn,
.task-form .task-form__due #settlements > ul > li .settlement-area .time-field > .settlement-date > .create-btn,
#settlements > ul > li .settlement-area .task-form .task-form__due .time-field > .settlement-date > .create-btn,
.task-form .task-form__due .activity-feed > ul > li .feed-memo .time-field > .feed-memo-date > .create-btn,
.activity-feed > ul > li .feed-memo .task-form .task-form__due .time-field > .feed-memo-date > .create-btn,
.task-form .task-form__due .graph .graph-pagination .time-field > .graph-stats > .create-btn,
.graph .graph-pagination .task-form .task-form__due .time-field > .graph-stats > .create-btn,
.task-form .task-form__due .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .time-field > .sidebar-record-category > .create-btn,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .task-form .task-form__due .time-field > .sidebar-record-category > .create-btn,
.task-form .task-form__due .table-pagination .time-field > .pagination-text > .create-btn,
.table-pagination .task-form .task-form__due .time-field > .pagination-text > .create-btn,
.task-form .task-form__due .time-field > label > .time-field__input-wrap,
.task-form .task-form__due #settlements > ul > li .settlement-area .time-field > .settlement-date > .time-field__input-wrap,
#settlements > ul > li .settlement-area .task-form .task-form__due .time-field > .settlement-date > .time-field__input-wrap,
.task-form .task-form__due .activity-feed > ul > li .feed-memo .time-field > .feed-memo-date > .time-field__input-wrap,
.activity-feed > ul > li .feed-memo .task-form .task-form__due .time-field > .feed-memo-date > .time-field__input-wrap,
.task-form .task-form__due .graph .graph-pagination .time-field > .graph-stats > .time-field__input-wrap,
.graph .graph-pagination .task-form .task-form__due .time-field > .graph-stats > .time-field__input-wrap,
.task-form .task-form__due .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .time-field > .sidebar-record-category > .time-field__input-wrap,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .task-form .task-form__due .time-field > .sidebar-record-category > .time-field__input-wrap,
.task-form .task-form__due .table-pagination .time-field > .pagination-text > .time-field__input-wrap,
.table-pagination .task-form .task-form__due .time-field > .pagination-text > .time-field__input-wrap {
  margin-top: 6px;
}
.task-form .task-form__due .time-field .create-btn {
  width: 100%;
  height: var(--input-height);
}

.reminders__container h4 {
  margin-bottom: 1rem;
}
.reminders__container .reminder-form__add-reminder {
  text-align: right;
}
.reminders__container .reminder-form__add-reminder a {
  color: var(--cf-purple-600);
}
.reminders__container .reminder-form {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 4px;
  border-radius: 8px;
  background-color: var(--cf-gray-100);
  padding: 0.3rem;
}
.reminders__container .reminder-form > div,
.reminders__container .reminder-form input,
.reminders__container .reminder-form .timezone-click-to-edit,
.reminders__container .reminder-form span {
  margin-right: 4px;
}
.reminders__container .reminder-form > input, .reminders__container .reminder-form > .timezone-click-to-edit {
  flex-grow: 1;
  width: auto;
  max-width: 100px;
  min-height: 28px !important;
  margin-top: 0;
  margin-bottom: 0;
  align-self: center;
  border-radius: var(--radius-md);
}
.reminders__container .reminder-form .reminder__before {
  white-space: nowrap;
  font-weight: 500;
}
.reminders__container .reminder-form > .ember-power-select-trigger {
  flex-grow: 1;
  min-width: 90px;
  max-width: 100px !important;
  margin-right: 4px !important;
  padding: 0;
  border-radius: var(--radius-md);
}
.reminders__container .reminder-form .reminder__delete {
  margin-left: auto;
  align-self: center;
  cursor: pointer;
}
.reminders__container .reminder-form .reminder__delete svg {
  width: 18px;
  height: 14px;
}
.reminders__container .reminder-form .reminder__delete svg path {
  fill: var(--cf-gray-800, var(--cf-legacy-cloud));
}
@media (max-width: 568px) {
  .reminders__container .reminder-form {
    padding: 0.4rem;
  }
  .reminders__container .reminder-form > input, .reminders__container .reminder-form > .timezone-click-to-edit {
    margin: 3px;
  }
}

.invoice-form p,
.user-form p,
.user-invitation-form p,
.user-permissions-group-form p {
  margin-bottom: 8px;
}
.invoice-form .help-text,
.user-form .help-text,
.user-invitation-form .help-text,
.user-permissions-group-form .help-text {
  margin-top: 0;
  color: var(--cf-legacy-ash-light);
}
.invoice-form .ember-radio-button p,
.user-form .ember-radio-button p,
.user-invitation-form .ember-radio-button p,
.user-permissions-group-form .ember-radio-button p {
  margin-top: 0;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}
.invoice-form .ember-radio-button:last-child p,
.user-form .ember-radio-button:last-child p,
.user-invitation-form .ember-radio-button:last-child p,
.user-permissions-group-form .ember-radio-button:last-child p {
  margin-bottom: 0;
}
.invoice-form .summary h5,
.user-form .summary h5,
.user-invitation-form .summary h5,
.user-permissions-group-form .summary h5 {
  margin: 0;
}
.invoice-form .summary .amount,
.user-form .summary .amount,
.user-invitation-form .summary .amount,
.user-permissions-group-form .summary .amount {
  text-align: right;
}

.user-form p {
  margin-bottom: 8px;
}

.form-v2.form-v2--show-form.form-v2--modal.fact-form-v3--backdrop {
  background-color: var(--cf-legacy-modal-overlay-soft) !important;
  z-index: 1004;
}

.sidebar-cards__card {
  position: relative;
}
.sidebar-cards__card span.sidebar-cards__card__launch {
  position: absolute;
  right: 25px;
  top: 12px;
  cursor: pointer;
  transform: scale(0.9);
}
.sidebar-cards__card span.sidebar-cards__card__launch[aria-disabled] {
  cursor: not-allowed;
}
.sidebar-cards__card span.sidebar-cards__card__launch svg path {
  fill: var(--cf-ink);
}
.sidebar-cards__card span.sidebar-cards__card__launch svg {
  height: 20px;
}
.sidebar-cards__card span.sidebar-cards__card__edit {
  position: absolute;
  right: 6px;
  top: 8px;
  cursor: pointer;
  transform: scale(0.8);
}
.sidebar-cards__card .sidebar-cards__card__title {
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-ink);
  margin-bottom: 2px;
  margin-right: 40px;
  word-wrap: break-word;
}
.sidebar-cards__card .sidebar-cards__card__pincite {
  font-size: 13px;
  font-size: 0.8125em;
  color: var(--cf-legacy-ash-light);
  margin-bottom: 8px;
}
.sidebar-cards__card .sidebar-cards__card__sourcetext {
  font-size: 13px;
  font-size: 0.8125em;
  color: var(--cf-legacy-ash);
}
.sidebar-cards__card .sidebar-cards__card__issues {
  display: flex;
}
.sidebar-cards__card .sidebar-cards__card__issues > .issue-slug {
  margin: 0 4px 4px 0;
}

.fact-form-v3__actions-trigger {
  border: none;
  background: none;
  position: absolute;
  top: 9px;
  right: 48px;
  display: block;
  width: 32px;
  cursor: pointer;
  padding: 0;
  outline: none;
}
.fact-form-v3__actions-trigger svg {
  transform: scale(1.3) translate(3px, 4px);
}
.fact-form-v3__actions-trigger svg path.filled {
  fill: var(--cf-legacy-nobel);
}

.fact-form-v3__actions-menu {
  z-index: 1009 !important;
  padding: 0 !important;
}

.fact-form-v3--backdrop .fact-form-v3--click-to-close {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.fact-form-v3--backdrop .fact-form-v3 {
  max-width: 872px !important;
  padding: 0 !important;
  position: relative;
  overflow-y: hidden !important;
  display: flex;
  flex-direction: column;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap h3, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap .alerts ul li, .alerts ul .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap li {
  margin-top: 7px;
  font-size: 22px;
  font-size: 1.375em;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap h3 .new-spinner, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap .alerts ul li .new-spinner, .alerts ul .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap li .new-spinner {
  position: absolute;
  top: 6px;
  transform: scale(0.8);
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap .fact-form-v3__close {
  position: absolute;
  top: 14px;
  right: 14px;
  cursor: pointer;
  transform: scale(0.8);
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap {
  border-bottom: 1px solid var(--cf-gray-300);
  height: 54px;
  padding: 9px 32px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--cf-white);
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap button {
  margin-right: 8px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap button.primary-btn,
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap button.submit-btn {
  margin-right: 0;
  transform: translateY(1px);
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__buttons-wrap > button.right {
  float: right;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap {
  overflow-y: scroll;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container > div {
  padding: 40px 32px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group {
  margin-bottom: 30px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group label, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .settlement-date, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .feed-memo-date, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .graph .graph-pagination .graph-stats, .graph .graph-pagination .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .graph-stats, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .sidebar-record-category, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .table-pagination .pagination-text, .table-pagination .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .pagination-text {
  font-size: 14px;
  font-size: 0.875em;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group label textarea, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group #settlements > ul > li .settlement-area .settlement-date textarea, #settlements > ul > li .settlement-area .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .settlement-date textarea, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .activity-feed > ul > li .feed-memo .feed-memo-date textarea, .activity-feed > ul > li .feed-memo .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .feed-memo-date textarea, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .graph .graph-pagination .graph-stats textarea, .graph .graph-pagination .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .graph-stats textarea, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category textarea, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .sidebar-record-category textarea, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .table-pagination .pagination-text textarea, .table-pagination .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__input-group .pagination-text textarea {
  font-size: 18px;
  font-size: 1.125em;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__label {
  margin-bottom: 16px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__label .fact-form-v3__label__text {
  font-size: 12px;
  font-size: 0.75em;
  text-transform: uppercase;
  color: var(--cf-legacy-ash);
  letter-spacing: 2px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__label .link-btn, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__label .list-column .list-column__row a.download-btn.right, .list-column .list-column__row .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__label a.download-btn.right {
  float: right;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel {
  flex: 2;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel h3, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .alerts ul li, .alerts ul .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel li {
  font-size: 20px;
  font-size: 1.25em;
  margin-bottom: 32px;
  position: relative;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel h3 span.new-spinner, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .alerts ul li span.new-spinner, .alerts ul .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel li span.new-spinner {
  position: absolute;
  top: -10px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel h3 span.new-spinner svg, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .alerts ul li span.new-spinner svg, .alerts ul .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel li span.new-spinner svg {
  width: 26px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs {
  margin-bottom: 30px;
  border-bottom: 2px solid var(--cf-gray-300);
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs textarea {
  overflow-y: auto;
  resize: none;
  margin-bottom: 16px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time {
  display: flex;
  flex-flow: row wrap;
  padding-top: 20px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .top-helptext .help-hover, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time label .block-helptext .help-hover, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time #settlements > ul > li .settlement-area .settlement-date .block-helptext .help-hover, #settlements > ul > li .settlement-area .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .settlement-date .block-helptext .help-hover, label .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover, #settlements > ul > li .settlement-area .settlement-date .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext .help-hover, .activity-feed > ul > li .feed-memo .feed-memo-date .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .graph .graph-pagination .graph-stats .block-helptext .help-hover, .graph .graph-pagination .graph-stats .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext .help-hover, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .table-pagination .pagination-text .block-helptext .help-hover, .table-pagination .pagination-text .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover {
  margin: 0;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .top-helptext .help-hover svg path.filled, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time label .block-helptext .help-hover svg path.filled, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time #settlements > ul > li .settlement-area .settlement-date .block-helptext .help-hover svg path.filled, #settlements > ul > li .settlement-area .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .settlement-date .block-helptext .help-hover svg path.filled, label .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover svg path.filled, #settlements > ul > li .settlement-area .settlement-date .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover svg path.filled, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext .help-hover svg path.filled, .activity-feed > ul > li .feed-memo .feed-memo-date .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover svg path.filled, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .graph .graph-pagination .graph-stats .block-helptext .help-hover svg path.filled, .graph .graph-pagination .graph-stats .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover svg path.filled, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext .help-hover svg path.filled, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover svg path.filled, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .table-pagination .pagination-text .block-helptext .help-hover svg path.filled, .table-pagination .pagination-text .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .block-helptext .help-hover svg path.filled {
  fill: var(--cf-legacy-nobel);
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time label, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .settlement-date, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .feed-memo-date, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .graph .graph-pagination .graph-stats, .graph .graph-pagination .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .graph-stats, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .sidebar-record-category, .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .table-pagination .pagination-text, .table-pagination .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .pagination-text {
  padding-right: 0;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .date-meaning {
  flex: 1;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .date-meaning .ember-basic-dropdown-trigger {
  height: var(--input-height);
  width: 150px;
  margin-top: 3px;
  overflow-y: hidden;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .date-meaning .ember-power-select-status-icon {
  right: 10px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .dates {
  flex: 2;
  display: flex;
  flex-direction: column;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .dates .date0 {
  width: 100%;
  display: flex;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .dates .order {
  margin-left: 1rem;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .dates .order .ember-power-select-trigger {
  margin: 0.2rem 0;
  height: 35px;
  width: 95px;
  display: block;
  overflow-y: hidden;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__date-and-time .dates .date1 {
  width: 100%;
  display: flex;
  padding-top: 5px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__input-buttons-row {
  padding-top: 10px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__input-buttons-row .icon-wrap-btn {
  line-height: 46px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__left-panel__fact-inputs .fact-form-v3__input-buttons-row .fact-form-v3__metadata-wrap {
  font-size: 12px;
  font-size: 0.75em;
  display: inline-block;
  text-align: left;
  color: var(--cf-legacy-ash-light);
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__notes-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__notes-container .fact-form-v3__notes {
  margin-bottom: 32px;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel .fact-form-v3__notes-container textarea {
  overflow-y: auto;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__right-panel {
  background-color: var(--cf-legacy-air);
  min-width: 320px;
  flex: 1;
  position: relative;
  height: auto;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__right-panel .ember-power-select-wrapper {
  width: 100%;
}
.fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__right-panel .issues-dropdown .ember-power-select-trigger {
  max-height: 200px;
  overflow-y: auto;
}
@media (max-width: 824px) {
  .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container {
    flex-direction: column;
  }
  .fact-form-v3--backdrop .fact-form-v3 .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel {
    flex: 1;
  }
}
.fact-form-v3--backdrop .fact-form-v3.fact-form-v3--is-creating .fact-form-v3__scroll-wrap .fact-form-v3__lr-container .fact-form-v3__left-panel__fact-inputs {
  border-bottom: none;
  margin-bottom: 15px;
}

.claim-template-applier {
  height: auto !important;
  max-height: 95vh;
  overflow-y: scroll;
  box-shadow: var(--shadow-deep) !important;
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md) !important;
  width: 96%;
  max-width: 720px;
  z-index: 1009 !important;
  padding: 2rem !important;
}
.claim-template-applier table {
  width: 100%;
  text-align: left;
}
.claim-template-applier table thead tr th {
  padding: 1rem 0.5rem 0;
}
.claim-template-applier table td.claim-template-toggle,
.claim-template-applier table th.claim-template-toggle {
  text-align: center;
}
.claim-template-applier table tr td {
  padding: 0.2rem 0.5rem;
}
.claim-template-applier table tr td span svg {
  cursor: pointer;
  fill: var(--cf-legacy-nobel);
}
.claim-template-applier table tr td.checked-toggle span svg {
  fill: #4fb24d;
}
.claim-template-applier table tr.disabled td {
  background-color: var(--cf-legacy-air);
}
.claim-template-applier table tr.disabled td.claim-template-toggle svg {
  width: 18px;
  height: 18px;
  transform: translateY(2px);
}
.claim-template-applier table tr.disabled td.claim-template-toggle svg path {
  fill: var(--cf-legacy-nobel);
}

.claim-template-applier__overlay {
  z-index: 1008 !important;
  background-color: var(--cf-legacy-modal-overlay) !important;
}

.case-source-tag-form .source-tags .source-tags__protected {
  height: 24px;
}
.case-source-tag-form .source-tags .source-tag-name-row {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.case-source-tag-form .source-tags .source-tag-name-row .column {
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-source-tag-form .source-tags .source-tag-name-row .column:first-child {
  padding-left: 0;
}
.case-source-tag-form .source-tags .source-tag-name-row .button--icon-left-close svg path {
  fill: var(--cf-alert-500, var(--cf-legacy-red));
}
.case-source-tag-form .source-tags .add-source-tag-button {
  margin-top: 10px;
  width: 100%;
  display: block;
  text-align: center;
}
.case-source-tag-form .case-source-tag-form__color .color-field__container {
  margin: 0 !important;
}

.case-contact-role-form .contact-roles .contact-role-name-row {
  margin-top: 10px;
}
.case-contact-role-form .contact-roles .contact-role-name-row .column:first-child {
  padding-left: 0;
}
.case-contact-role-form .contact-roles .contact-role-name-row a,
.case-contact-role-form .contact-roles .contact-role-name-row .contact-role-locked {
  position: relative;
  float: right;
  top: 10px;
  right: 15px;
}
.case-contact-role-form .contact-roles .contact-role-name-row a svg path,
.case-contact-role-form .contact-roles .contact-role-name-row .contact-role-locked svg path {
  fill: var(--cf-alert-500);
}
.case-contact-role-form .contact-roles .contact-role-name-row .contact-role-locked svg path {
  fill: var(--cf-legacy-dirt);
}
.case-contact-role-form .contact-roles .add-contact-role-button {
  margin-top: 10px;
  width: 100%;
  display: block;
  text-align: center;
}

/*
  This this li.form-buttons appears is the tag + class for the
  {{forms/form-buttons}} component, which appears in

  - case settings
  - forms/invoice-form
  - contact-trust/index
  - contacts/cases
  - expense/documents
  - expense/index
  - profile/notifications
  - profile/password
  - profile/settings dashboard
  - profile settings navigation
  - touch/index

 */
.content-group > ul li.form-buttons {
  width: 100%;
  display: block;
}
.content-group > ul li.form-buttons button {
  display: inline-block;
}
.content-group > ul li.form-buttons button.delete {
  margin-left: 8px;
}
.content-group > ul li.form-buttons .primary {
  float: right;
}

li.form-buttons .primary-btn,
li.form-buttons .submit-btn {
  float: right;
}

ul.form-buttons-wrap {
  list-style: none;
  padding-left: 0;
}

.source-chooser > h4 {
  margin-bottom: 1.5rem;
}
.source-chooser .fancy-dropzone.fancy-dropzone--small {
  margin-bottom: 1.5rem;
}
.source-chooser > label > div.source-chooser__chosen-source, #settlements > ul > li .settlement-area .source-chooser > .settlement-date > div.source-chooser__chosen-source, .activity-feed > ul > li .feed-memo .source-chooser > .feed-memo-date > div.source-chooser__chosen-source, .graph .graph-pagination .source-chooser > .graph-stats > div.source-chooser__chosen-source, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .source-chooser > .sidebar-record-category > div.source-chooser__chosen-source, .table-pagination .source-chooser > .pagination-text > div.source-chooser__chosen-source {
  border-radius: var(--radius-md);
  background-color: var(--cf-legacy-air);
  padding: 0.5rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.source-chooser > label > div.source-chooser__chosen-source .source-chooser__chosen-source__name, #settlements > ul > li .settlement-area .source-chooser > .settlement-date > div.source-chooser__chosen-source .source-chooser__chosen-source__name, .activity-feed > ul > li .feed-memo .source-chooser > .feed-memo-date > div.source-chooser__chosen-source .source-chooser__chosen-source__name, .graph .graph-pagination .source-chooser > .graph-stats > div.source-chooser__chosen-source .source-chooser__chosen-source__name, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .source-chooser > .sidebar-record-category > div.source-chooser__chosen-source .source-chooser__chosen-source__name, .table-pagination .source-chooser > .pagination-text > div.source-chooser__chosen-source .source-chooser__chosen-source__name {
  font-weight: 500;
}
.source-chooser > label > div.source-chooser__chosen-source button.source-chooser__chosen-source__clear, #settlements > ul > li .settlement-area .source-chooser > .settlement-date > div.source-chooser__chosen-source button.source-chooser__chosen-source__clear, .activity-feed > ul > li .feed-memo .source-chooser > .feed-memo-date > div.source-chooser__chosen-source button.source-chooser__chosen-source__clear, .graph .graph-pagination .source-chooser > .graph-stats > div.source-chooser__chosen-source button.source-chooser__chosen-source__clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .source-chooser > .sidebar-record-category > div.source-chooser__chosen-source button.source-chooser__chosen-source__clear, .table-pagination .source-chooser > .pagination-text > div.source-chooser__chosen-source button.source-chooser__chosen-source__clear {
  margin-left: auto;
  padding: 1px;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.exhibit-form div.source-chooser__chosen-source {
  margin-top: 6px;
}

.exhibit-upload-manager {
  margin-bottom: 1.5rem;
  border: 1px solid var(--cf-legacy-ne0);
  border-radius: 4px;
}

.exhibit-row {
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-radius: 4px;
  border-bottom: 1px solid var(--cf-legacy-nf0);
}

.exhibit-row:last-child {
  border-bottom: none;
}

.exhibit-row-content {
  display: flex;
  align-items: center;
}
.exhibit-row-content .exhibit-name {
  position: relative;
}
.exhibit-row-content .exhibit-name span.exhibit-row__unsaved-changes {
  position: absolute;
}
.exhibit-row-content .exhibit-name span.exhibit-row__unsaved-changes svg {
  height: 24px;
  width: 24px;
}
.exhibit-row-content .exhibit-name span.exhibit-row__unsaved-changes {
  top: 0;
  right: 0;
  margin-right: 1rem;
}

.exhibit-name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1rem;
}

.exhibit-number {
  width: 150px;
  padding-right: 1rem;
}
.exhibit-number input, .exhibit-number .timezone-click-to-edit {
  width: 100%;
  max-width: 100%;
}

.exhibit-actions {
  width: 40px;
  text-align: center;
}

.delete-button {
  background: none;
  border: none;
  color: var(--cf-legacy-n99);
  cursor: pointer;
  padding: 0.25rem;
}

.delete-button:hover {
  color: #ff4436;
}

.exhibits-list {
  margin-top: 1rem;
}

.save-status-indicator {
  display: inline-block;
  margin-right: 1rem;
  font-size: 0.9rem;
  color: var(--fg-neutral-light);
}

.exhibit-sources-search {
  margin: 1rem 0;
  position: relative;
}

.exhibit-sources-search-input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--cf-legacy-ncc);
  border-radius: 4px;
  font-size: 0.9rem;
}

.exhibit-sources-list {
  margin-top: 0.5rem;
}

.exhibit-sources-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
  max-height: 400px;
  overflow-y: auto;
}

.exhibit-source-item {
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  transition: background-color 0.2s ease;
}
.exhibit-source-item.exhibit-source-item-already-exhibit {
  background-color: var(--cf-legacy-air);
  opacity: 0.7;
}
.exhibit-source-item:hover {
  background-color: var(--cf-off-white);
}
.exhibit-source-item .exhibit-source-item-info {
  flex: 1;
  min-width: 0;
}
.exhibit-source-item .exhibit-source-item-name {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.5rem;
}
.exhibit-source-item .exhibit-source-item-actions {
  display: flex;
  align-items: center;
}

.duplicate-options {
  display: flex;
  flex-direction: row;
}
.duplicate-options > button.link-btn.warn {
  color: var(--cf-alert-500);
}
.duplicate-options > button,
.duplicate-options span {
  margin: 0;
}
.duplicate-options {
  gap: 4px;
}

.design-2024 .source-form-component section.header .external-link svg {
  fill: var(--cf-purple-600);
}
.design-2024 .source-form-component section.header .external-link svg * {
  fill: var(--cf-purple-600);
}

.source-form-component section.header .external-link {
  display: inline-flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  font-weight: 400;
  color: var(--cf-purple-600, var(--cf-legacy-teal));
}
.source-form-component section.header .external-link svg {
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  fill: var(--cf-purple-600, var(--cf-legacy-teal));
}
.source-form-component section.header .external-link svg * {
  fill: var(--cf-purple-600, var(--cf-legacy-teal));
}

.viewer-sidebar__content-container .viewer-form-wrapper.source-form-component fieldset {
  min-width: 0;
}
.viewer-sidebar__content-container .viewer-form-wrapper.source-form-component .column.medium-8:has([for=source__contact]) {
  width: 100% !important;
}
.viewer-sidebar__content-container .viewer-form-wrapper.source-form-component .column.medium-8:has([for=source__contact]) .ember-power-select-multiple-option {
  display: flex;
  gap: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.design-2024 .select-card {
  box-shadow: none;
}

.select-card {
  margin-bottom: 0.5rem;
  flex-grow: 2;
  width: auto;
  flex-basis: 0;
  box-shadow: var(--shadow-light-shade);
  margin-right: 0.5rem;
  height: 100%;
  border-radius: var(--radius-md);
  padding: 1rem 0.3rem;
  position: relative;
  text-align: center;
  border: var(--border-width) solid var(--cf-gray-300);
  cursor: pointer;
}
.select-card ul {
  padding: 0;
  margin: 0.5rem 0;
  list-style: none;
}
.select-card ul li {
  font-size: 14px;
  font-size: 0.875em;
  padding: 0;
  margin: 0 0 0.2rem;
}
.select-card .select-card__price {
  color: var(--cf-legacy-ash-light);
}
.select-card .select-card__title {
  color: var(--cf-ink);
  font-size: 18px;
  font-size: 1.125em;
  font-weight: 300;
}
.select-card.select-card--is-selected {
  border-color: var(--cf-purple-600);
}

.select-card__flex-container {
  display: flex;
  flex-direction: row;
}
.select-card__flex-container .select-card__wrap {
  flex-grow: 1;
  flex-basis: 0;
}
.select-card__flex-container .select-card__wrap .select-card {
  padding: 16px;
}
.select-card__flex-container .select-card__wrap .select-card .select-card__title {
  margin-bottom: 12px;
}
.select-card__flex-container .select-card__wrap .select-card .select-card__message {
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-legacy-ash);
}

.color-field-component .ember-basic-dropdown-trigger {
  display: inline-block;
}
.color-field-component .color-field__container {
  margin-top: 4px;
  height: var(--input-height);
}
.color-field-component .color-field__trigger:has(button:focus) {
  outline: 1px solid var(--cf-ink);
}
.color-field-component .color-field__trigger {
  padding: 4px;
  background: var(--cf-white);
  border: var(--input-border-width) solid var(--cf-gray-500);
  border-radius: var(--radius-md);
}

.color-field__color-picker__swatch-overlay, .color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--used .color-field__color-picker__swatch--used__msg, .color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--used.timezone-click-to-edit .color-field__color-picker__swatch--used__msg,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--used .color-field__color-picker__swatch--used__msg {
  height: 100%;
  position: absolute;
  width: 100%;
}

.color-field__current-color {
  display: block;
  width: 31px;
  height: 31px;
  border-radius: 6px;
  background-color: var(--cf-white);
  cursor: pointer;
  border: none;
}
.color-field__current-color.color-field__current-color--none {
  font-size: 10px;
  color: var(--cf-legacy-dust-strongest);
  border: var(--border-width) solid var(--cf-gray-300);
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}

.color-field__color-picker__overlay {
  z-index: 1008 !important;
}

.color-field__color-picker {
  height: auto !important;
  max-height: 95vh;
  overflow-y: scroll;
  box-shadow: var(--shadow-deep) !important;
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md) !important;
  overflow-y: auto;
  max-width: 600px;
  text-align: center;
  padding: 8px;
  z-index: 1009 !important;
}
.color-field__color-picker a {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.color-field__color-picker a:hover {
  text-decoration: underline;
}
.color-field__color-picker .color-field__color-picker__palette-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* Creates 4 equal columns */
}
.color-field__color-picker .color-field__color-picker__palette-wrapper button {
  margin: 0 !important;
}
.color-field__color-picker .color-field__color-picker__palette-wrapper:not(:last-of-type) {
  margin-bottom: 8px;
}
.color-field__color-picker input.color-field__color-picker__swatch, .color-field__color-picker .color-field__color-picker__swatch.timezone-click-to-edit,
.color-field__color-picker button.color-field__color-picker__swatch {
  height: 44px;
  width: 44px;
  cursor: pointer;
  text-align: center;
  line-height: 19px;
  position: relative;
  overflow: hidden;
  color: var(--cf-white);
  border-radius: 0;
  border: 1px solid transparent;
}
.color-field__color-picker input.color-field__color-picker__swatch::after, .color-field__color-picker .color-field__color-picker__swatch.timezone-click-to-edit::after,
.color-field__color-picker button.color-field__color-picker__swatch::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: inset 0 0 0 3px var(--cf-gray-300);
  mix-blend-mode: soft-light;
}
.color-field__color-picker input.color-field__color-picker__swatch:hover, .color-field__color-picker .color-field__color-picker__swatch.timezone-click-to-edit:hover,
.color-field__color-picker button.color-field__color-picker__swatch:hover {
  border-radius: 4px !important;
  z-index: 2 !important;
  overflow: visible;
}
.color-field__color-picker input.color-field__color-picker__swatch:hover::after, .color-field__color-picker .color-field__color-picker__swatch.timezone-click-to-edit:hover::after,
.color-field__color-picker button.color-field__color-picker__swatch:hover::after {
  box-shadow: inset 0 0 0 2px var(--cf-white);
  mix-blend-mode: normal;
  border-radius: 4px !important;
}
.color-field__color-picker input.color-field__color-picker__swatch:hover::before, .color-field__color-picker .color-field__color-picker__swatch.timezone-click-to-edit:hover::before,
.color-field__color-picker button.color-field__color-picker__swatch:hover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: 0 0 0 3px white, 0 0 0 4px rgba(0, 0, 0, 0.1);
  z-index: 2;
  border-radius: 4px !important;
}
.color-field__color-picker input.color-field__color-picker__swatch .color-field__color-picker__swatch__in-use-count, .color-field__color-picker .color-field__color-picker__swatch.timezone-click-to-edit .color-field__color-picker__swatch__in-use-count,
.color-field__color-picker button.color-field__color-picker__swatch .color-field__color-picker__swatch__in-use-count {
  font-size: 10px;
}
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom .sp-replacer, .color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom.timezone-click-to-edit .sp-replacer, .color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option .sp-replacer, .color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--none-option.timezone-click-to-edit .sp-replacer,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom .sp-replacer,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option .sp-replacer {
  margin: 0;
  z-index: 9;
}
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom, .color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom.timezone-click-to-edit, .color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option, .color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--none-option.timezone-click-to-edit,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option {
  background-color: var(--cf-legacy-nee) !important;
  border-color: var(--cf-legacy-ndd);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  font-size: 10px;
  position: relative;
  padding: 0;
}
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--used .color-field__color-picker__swatch--used__msg, .color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--used.timezone-click-to-edit .color-field__color-picker__swatch--used__msg,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--used .color-field__color-picker__swatch--used__msg {
  color: var(--cf-white);
}
.color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--current, .color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--current.timezone-click-to-edit,
.color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--current {
  border: 1px dashed var(--cf-white);
  z-index: 1;
}

.multiple-record-editor .bulk-editor-field {
  padding: 8px 4px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--cf-gray-300);
}
.multiple-record-editor .bulk-editor-field span.bulk-editor-field--changed-message {
  float: right;
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-legacy-ash-light);
}
.multiple-record-editor span.svg-icon.close {
  position: absolute;
  right: 8px;
  top: 4px;
  cursor: pointer;
  transform: scale(1.3);
}
.multiple-record-editor button.primary-btn,
.multiple-record-editor button.submit-btn {
  float: right;
}
.multiple-record-editor .bulk-editor-field > label, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text {
  display: block;
  margin-bottom: 2rem;
}
.multiple-record-editor .bulk-editor-field > label .ember-power-select-trigger, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .ember-power-select-trigger, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .ember-power-select-trigger, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .ember-power-select-trigger, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .ember-power-select-trigger, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .ember-power-select-trigger, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .ember-power-select-trigger, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .ember-power-select-trigger, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .ember-power-select-trigger, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .ember-power-select-trigger, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .ember-power-select-trigger {
  padding: 4px !important;
}
.multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column {
  padding: 0;
}
.multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column label, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column label, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column label, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .settlement-date, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .settlement-date, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .settlement-date, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column label, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .settlement-date, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column label, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .settlement-date, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column label, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .settlement-date, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column label, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .settlement-date, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column label, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .settlement-area .settlement-date, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li .settlement-area li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .settlement-date, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column label, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .settlement-area .settlement-date, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li .settlement-area li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .settlement-date, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column label, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .settlement-date, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column label, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .settlement-date, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .feed-memo-date, .activity-feed > ul > li .feed-memo .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .feed-memo-date, #settlements > ul > li .settlement-area .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .feed-memo-date, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .feed-memo-date, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .feed-memo-date, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .feed-memo-date, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .feed-memo-date, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .feed-memo .feed-memo-date, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li .feed-memo li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .feed-memo-date, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .feed-memo .feed-memo-date, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li .feed-memo li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .feed-memo-date, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .feed-memo-date, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .feed-memo-date, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .graph-stats, .graph .graph-pagination .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .graph-stats, #settlements > ul > li .settlement-area .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .graph-stats, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats, .graph .graph-pagination .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .graph-stats, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats, .graph .graph-pagination .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .graph-stats, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .graph-stats, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .graph-stats, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats, .graph .graph-pagination .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .graph-stats, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats, .graph .graph-pagination .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .graph-stats, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats, .graph .graph-pagination .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .graph-stats, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats, .graph .graph-pagination .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .graph-stats, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li li .sidebar-record-details .multiple-record-editor .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li .settlement-area li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .sidebar-record-category, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column li .sidebar-record-details .sidebar-record-category, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li li .sidebar-record-details .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .multiple-record-editor .activity-feed > ul > li li .sidebar-record-details .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li li .sidebar-record-details .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .sidebar-record-category, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .sidebar-record-category, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .sidebar-record-category, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .sidebar-record-category, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .sidebar-record-category, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .sidebar-record-category, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .table-pagination .pagination-text, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .table-pagination .pagination-text, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .table-pagination .pagination-text, .table-pagination .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .pagination-text, .table-pagination .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .pagination-text, #settlements > ul > li .settlement-area .table-pagination .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .pagination-text, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .table-pagination .pagination-text, .table-pagination .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .pagination-text, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .table-pagination .pagination-text, .table-pagination .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .pagination-text, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .table-pagination .pagination-text, .table-pagination .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .pagination-text, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .table-pagination .pagination-text, .table-pagination .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .pagination-text, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .table-pagination .pagination-text, .table-pagination .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .pagination-text, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .table-pagination .pagination-text, .table-pagination .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .pagination-text, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .pagination-text, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .pagination-text {
  position: relative;
  margin-bottom: 16px;
}
.multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column label span.clear, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column label span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column label span.clear, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .settlement-date span.clear, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .settlement-date span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .settlement-date span.clear, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column label span.clear, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .settlement-date span.clear, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column label span.clear, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date span.clear, #settlements > ul > li .settlement-area .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .settlement-date span.clear, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column label span.clear, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .settlement-date span.clear, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column label span.clear, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date span.clear, #settlements > ul > li .settlement-area .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .settlement-date span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column label span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .settlement-area .settlement-date span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li .settlement-area li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .settlement-date span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column label span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .settlement-area .settlement-date span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li .settlement-area li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .settlement-date span.clear, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column label span.clear, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .settlement-date span.clear, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column label span.clear, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column #settlements > ul > li .settlement-area .settlement-date span.clear, #settlements > ul > li .settlement-area .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .settlement-date span.clear, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date span.clear, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date span.clear, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .activity-feed > ul > li .feed-memo .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .feed-memo-date span.clear, #settlements > ul > li .settlement-area .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date span.clear, .activity-feed > ul > li .feed-memo .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date span.clear, .activity-feed > ul > li .feed-memo .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .feed-memo .feed-memo-date span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li .feed-memo li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .feed-memo .feed-memo-date span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li .feed-memo li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date span.clear, .activity-feed > ul > li .feed-memo .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .activity-feed > ul > li .feed-memo .feed-memo-date span.clear, .activity-feed > ul > li .feed-memo .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .feed-memo-date span.clear, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats span.clear, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats span.clear, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .graph-stats span.clear, .graph .graph-pagination .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .graph-stats span.clear, #settlements > ul > li .settlement-area .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .graph-stats span.clear, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats span.clear, .graph .graph-pagination .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .graph-stats span.clear, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats span.clear, .graph .graph-pagination .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .graph-stats span.clear, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .graph-stats span.clear, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .graph-stats span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats span.clear, .graph .graph-pagination .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .graph-stats span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats span.clear, .graph .graph-pagination .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .graph-stats span.clear, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats span.clear, .graph .graph-pagination .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .graph-stats span.clear, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .graph .graph-pagination .graph-stats span.clear, .graph .graph-pagination .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .graph-stats span.clear, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.clear, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li li .sidebar-record-details .multiple-record-editor .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li .settlement-area li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column li .sidebar-record-details .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column li .sidebar-record-details .sidebar-record-category span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li li .sidebar-record-details .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .multiple-record-editor .activity-feed > ul > li li .sidebar-record-details .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column li .sidebar-record-details .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .activity-feed > ul > li li .sidebar-record-details .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .sidebar-record-category span.clear, .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .table-pagination .pagination-text span.clear, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .table-pagination .pagination-text span.clear, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .table-pagination .pagination-text span.clear, .table-pagination .multiple-record-editor .bulk-editor-field > label .multiple-record-editor__option-search > .column .pagination-text span.clear, .table-pagination .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .pagination-text span.clear, #settlements > ul > li .settlement-area .table-pagination .multiple-record-editor .bulk-editor-field > .settlement-date .multiple-record-editor__option-search > .column .pagination-text span.clear, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .table-pagination .pagination-text span.clear, .table-pagination .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .pagination-text span.clear, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .table-pagination .pagination-text span.clear, .table-pagination .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date .multiple-record-editor__option-search > .column .pagination-text span.clear, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .table-pagination .pagination-text span.clear, .table-pagination .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .pagination-text span.clear, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .table-pagination .pagination-text span.clear, .table-pagination .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats .multiple-record-editor__option-search > .column .pagination-text span.clear, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .table-pagination .pagination-text span.clear, .table-pagination .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .pagination-text span.clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .table-pagination .pagination-text span.clear, .table-pagination .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category .multiple-record-editor__option-search > .column .pagination-text span.clear, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .pagination-text span.clear, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text .multiple-record-editor__option-search > .column .pagination-text span.clear {
  transform: scale(0.8);
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector {
  display: block;
  position: relative;
  list-style: none;
  max-height: 240px !important;
  padding: 0;
  margin-bottom: 0;
  background-color: var(--cf-white);
  border: var(--border-width) solid var(--cf-legacy-loblolly);
  border-radius: 4px;
  overflow-y: auto;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector span.new-spinner, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector span.new-spinner, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector span.new-spinner, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector span.new-spinner, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector span.new-spinner, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector span.new-spinner, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector span.new-spinner, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector span.new-spinner, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector span.new-spinner, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector span.new-spinner, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector span.new-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item {
  display: flex;
  flex-direction: row;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  cursor: default !important;
  position: relative;
  border-bottom: 1px solid var(--cf-gray-300);
  overflow: hidden !important;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div {
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox {
  padding-left: 14px;
  position: relative;
  min-width: 40px;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__checkbox > span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > .bulk-operation__option {
  flex-grow: 2;
  white-space: normal;
  padding-right: 8px;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message {
  margin-left: auto;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message.bulk-operation__changed {
  margin-right: 24px;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__change-message > span {
  height: 24px;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item > div.bulk-operation__cancel {
  position: absolute;
  right: 5px;
  top: 53%;
  transform: translateY(-50%) scale(0.8);
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty {
  background-color: var(--cf-legacy-air);
  color: var(--cf-legacy-ash);
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty > div {
  padding-left: 8px;
  cursor: default;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--empty:hover {
  color: var(--cf-legacy-ash);
  background-color: var(--cf-legacy-air);
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.bulk-edit-select-item--changed {
  background-color: var(--cf-legacy-air) !important;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item span.circle {
  width: 10px;
  height: 10px;
  opacity: 0.8;
  display: inline-block;
  border-radius: 50%;
  margin-left: 4px;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item {
  /* stylelint-disable-next-line declaration-block-no-shorthand-property-overrides */
  padding: 9px 16px;
  font-size: 14px;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  cursor: pointer;
  white-space: nowrap;
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item.selected {
  background-color: var(--cf-legacy-air);
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector li.bulk-edit-select-item:hover {
  color: var(--cf-purple-600);
  background-color: var(--cf-off-white);
}
.multiple-record-editor .bulk-editor-field > label ul.multiple-record-editor__tag-selector .remove, .multiple-record-editor #settlements > ul > li .settlement-area .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector .remove, #settlements > ul > li .settlement-area .multiple-record-editor .bulk-editor-field > .settlement-date ul.multiple-record-editor__tag-selector .remove, .multiple-record-editor .activity-feed > ul > li .feed-memo .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector .remove, .activity-feed > ul > li .feed-memo .multiple-record-editor .bulk-editor-field > .feed-memo-date ul.multiple-record-editor__tag-selector .remove, .multiple-record-editor .graph .graph-pagination .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector .remove, .graph .graph-pagination .multiple-record-editor .bulk-editor-field > .graph-stats ul.multiple-record-editor__tag-selector .remove, .multiple-record-editor .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector .remove, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .multiple-record-editor .bulk-editor-field > .sidebar-record-category ul.multiple-record-editor__tag-selector .remove, .multiple-record-editor .table-pagination .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector .remove, .table-pagination .multiple-record-editor .bulk-editor-field > .pagination-text ul.multiple-record-editor__tag-selector .remove {
  position: relative;
  top: -5px;
  left: 5px;
  display: block;
}

.show-form h3 .ember-power-select-trigger, .show-form .alerts ul li .ember-power-select-trigger, .alerts ul .show-form li .ember-power-select-trigger {
  height: 35px;
  outline: none;
  border-color: var(--cf-gray-300);
}
.show-form h3 .ember-power-select-trigger:focus, .show-form .alerts ul li .ember-power-select-trigger:focus, .alerts ul .show-form li .ember-power-select-trigger:focus {
  border-color: var(--cf-legacy-teal);
}
.show-form h3 .ember-power-select-trigger span.ember-power-select-placeholder, .show-form .alerts ul li .ember-power-select-trigger span.ember-power-select-placeholder, .alerts ul .show-form li .ember-power-select-trigger span.ember-power-select-placeholder,
.show-form h3 .ember-power-select-trigger span.ember-power-select-selected-item,
.show-form .alerts ul li .ember-power-select-trigger span.ember-power-select-selected-item,
.alerts ul .show-form li .ember-power-select-trigger span.ember-power-select-selected-item {
  float: left;
}

.timezone-click-to-edit {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.timezone-click-to-edit span {
  margin-left: 6px;
  color: var(--cf-purple-600);
  font-weight: 500;
  cursor: pointer;
}

.tztime-subform .time {
  padding-right: 60px;
}
.tztime-subform .time .hide-time {
  position: absolute;
  right: 30px;
  top: 15px;
  width: 20px;
  cursor: pointer;
}
.tztime-subform .time .hide-time .svg-icon[title]:hover::after {
  top: -20px;
}
.tztime-subform .time .hide-time .svg-icon[title]:hover::before {
  top: 8px;
}
.tztime-subform .time .hide-time svg {
  width: 20px;
}
.tztime-subform .timezone-wrapper {
  width: 25px;
  display: inline;
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 15px;
  z-index: 3;
}
.tztime-subform .timezone-wrapper .timezone {
  cursor: pointer;
}
.tztime-subform .timezone-wrapper svg {
  width: 20px;
  cursor: pointer;
}
.tztime-subform .timezone-wrapper .svg-icon[title]:hover::after {
  top: -20px;
}
.tztime-subform .timezone-wrapper .svg-icon[title]:hover::before {
  top: 8px;
}

.highlights-form .timezone-wrapper {
  right: 0;
}
.highlights-form .timezone-wrapper .svg-icon[title]:hover::after {
  top: -56px;
}
.highlights-form .timezone-wrapper .svg-icon[title]:hover::before {
  top: -28px;
}

.tztime-subform-v3 {
  flex: 1;
}
.tztime-subform-v3 .timezone-click-to-edit-v3 {
  font-size: 12px;
  font-size: 0.75em;
  position: absolute;
  right: 32px;
  color: var(--cf-legacy-ash);
  bottom: -20px;
  cursor: pointer;
  white-space: nowrap;
}
.tztime-subform-v3 .timezone-click-to-edit-v3:hover {
  text-decoration: underline;
}
.tztime-subform-v3 .timezone-wrapper {
  left: 2px;
}

.fuzzy-date-field .date {
  padding-right: 30px;
}
.fuzzy-date-field .date .pick-date {
  cursor: pointer;
  position: absolute;
  top: 35px;
  right: 0;
}
.fuzzy-date-field .date .pick-date svg g g {
  fill: var(--cf-legacy-ash-light);
}
.fuzzy-date-field.fuzzy-date-field-v3--is-new .ember-pikaday-container {
  top: -120px;
}
.fuzzy-date-field .ember-pikaday-container {
  position: absolute;
  left: 47px;
}
.fuzzy-date-field .autofill {
  color: var(--cf-legacy-ash);
}

.create-citation-other-options {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.create-citation-other-options .link-existing-fact {
  margin-bottom: 0 !important;
  margin-right: 8px;
}
.create-citation-other-options .create-citation-other-options__trigger {
  height: 24px;
  padding: 8px;
}
.create-citation-other-options {
  margin-bottom: 24px;
}

.citation-form .buttons {
  display: flex;
}
.citation-form .buttons .save {
  margin-left: auto;
}
.citation-form .buttons .delete {
  margin-left: 5px;
}

.calendar-list-item {
  padding: 0;
  background: var(--cf-white);
  margin: 0 auto 1em;
  border: var(--border-width) solid var(--cf-gray-300);
  max-width: 600px;
  cursor: pointer;
  width: 100%;
}
.calendar-list-item li {
  list-style: none;
  padding: 0.5em 1em;
  border-bottom: 1px solid var(--cf-gray-300);
}
.calendar-list-item li h4 {
  display: inline-block;
  color: var(--cf-legacy-ash);
  font-weight: 300;
}
.calendar-list-item li h3, .calendar-list-item li .alerts ul li, .alerts ul .calendar-list-item li li {
  float: right;
}
.calendar-list-item li:first-child {
  padding: 1em 1em 0.5em;
  border-bottom: 0;
}
.calendar-list-item li:last-child {
  border-bottom: 0;
}
.calendar-list-item li.left-justified {
  display: block;
}
.calendar-list-item li.left-justified h4 {
  margin-bottom: 7px;
}
.calendar-list-item li.left-justified h4,
.calendar-list-item li.left-justified h3,
.calendar-list-item li.left-justified .alerts ul li,
.alerts ul .calendar-list-item li.left-justified li {
  display: block;
  text-align: left;
}
.calendar-list-item li.left-justified h3, .calendar-list-item li.left-justified .alerts ul li, .alerts ul .calendar-list-item li.left-justified li {
  margin: 0;
  float: none;
}
.calendar-list-item li.event-case {
  border: 0;
  position: relative;
  top: -3px;
  padding: 0 1em 0.4em;
}
.calendar-list-item li.event-case > h4 > a {
  font-size: 20px;
}
.calendar-list-item.is-complete:first-child h3, .calendar-list-item.is-complete:first-child .alerts ul li, .alerts ul .calendar-list-item.is-complete:first-child li {
  color: var(--cf-legacy-green-glow);
}

.report-cards-container {
  display: flex;
  flex-wrap: wrap;
}
.report-cards-container .report-card {
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md);
  cursor: pointer;
  display: block;
  margin-right: 16px;
  margin-bottom: 16px;
  padding: 16px;
  position: relative;
  text-align: left;
  transition: box-shadow 0.2s ease-in-out;
  white-space: normal;
  width: 290px;
}
.report-cards-container .report-card.is-selected {
  border: var(--border-width) solid var(--border-color-secondary-active);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-deep) !important;
  cursor: default;
}
.report-cards-container .report-card > div,
.report-cards-container .report-card p {
  left: 30px;
}
.report-cards-container .report-card .report-card__title {
  font-weight: 300;
  color: var(--cf-legacy-cloud);
  top: 36px;
  line-height: 32px;
}
.report-cards-container .report-card p.report-card__description {
  top: 104px;
  color: var(--fg-neutral-light);
  margin-bottom: 32px;
}
.report-cards-container .report-card .report-card__filetype {
  position: absolute;
  bottom: 10px;
  left: 16px;
  color: var(--cf-gray-800);
}
.report-cards-container .report-card .report-card__filetype span.report-card__filetype__link {
  position: absolute;
  right: -22px;
  top: -4px;
  color: var(--cf-legacy-teal);
}
.report-cards-container .report-card .report-card__filetype span.report-card__filetype__link svg {
  width: 19px;
  height: 19px;
  transform: translateY(5px);
  fill: currentcolor;
}
.report-cards-container .report-card a.report-card__download {
  position: absolute;
  color: var(--cf-purple-600);
  bottom: 10px;
  right: 30px;
  letter-spacing: 0;
}

.fact-feedback {
  position: fixed;
  bottom: 20px;
  left: -200px;
  background-color: var(--cf-white);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  padding: 1rem 4rem 1rem 1rem;
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-deep) !important;
  transition: left 0.1s ease;
}
.fact-feedback.fact-feedback--show-feedback {
  left: 80px;
  transition: left 0.2s ease;
}
.fact-feedback .fact-feedback__message {
  margin-bottom: 2rem;
}
.fact-feedback .fact-feedback__fact-is-hidden {
  color: var(--cf-alert-500);
}
.fact-feedback .fact-feedback__click-to-close {
  position: absolute;
  right: 7px;
  top: 3px;
  cursor: pointer;
}
.fact-feedback .fact-feedback__click-to-close > span > svg {
  width: 12px;
  height: 12px;
}
.fact-feedback .fact-feedback__click-to-close > span > svg g {
  stroke: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.fact-feedback .fact-feedback__action {
  cursor: pointer;
  hover-text-decoration: underline;
}

.search-pane {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.search-pane .search-pane__inputs__wrap {
  height: 104px;
  background-color: var(--cf-legacy-air);
  flex-grow: 0;
  flex-shrink: 0;
}
.search-pane .search-pane__hits-warning {
  padding: 16px;
  margin: 0;
}
.search-pane .search-pane__hits-wrap {
  flex: 1;
  min-height: 0;
  min-width: 0;
  padding: 16px;
  overflow-y: scroll;
}
.search-pane .search-pane__hits-wrap .search-hit {
  cursor: pointer;
}
.search-pane .search-pane__hits-wrap .search-hit .search-hit__count {
  top: 8px;
}
.search-pane .search-pane__hits-wrap .search-hit.search-hit--current-hit {
  border-color: var(--cf-purple-600);
}
.search-pane .search-pane__hits-wrap .search-hit:focus-visible {
  border: 2px solid var(--cf-purple-600);
  outline-color: var(--cf-purple-600);
}

/* stylelint-disable property-no-vendor-prefix */
/* stylelint-disable value-no-vendor-prefix */
.issues-v2-page .list-column {
  padding-top: 1rem;
}

.issues-v2__section .issues-v2__section__header {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.issues-v2__section .issues-v2__section__header .right {
  margin-left: auto;
}
.issues-v2__section .issues-v2__section__header h1,
.issues-v2__section .issues-v2__section__header h2,
.issues-v2__section .issues-v2__section__header .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .issues-v2__section .issues-v2__section__header h4,
.issues-v2__section .issues-v2__section__header h3,
.issues-v2__section .issues-v2__section__header .alerts ul li,
.alerts ul .issues-v2__section .issues-v2__section__header li,
.issues-v2__section .issues-v2__section__header button {
  display: inline-block;
}
.issues-v2__section.issues-v2__unassigned-claims .issues-v2__section__header {
  height: 25px;
}
.issues-v2__section.issues-v2__claims {
  margin-top: 25px;
}

@media (hover: none) and (pointer: coarse) {
  .issues-v2__drag-handle {
    display: none !important;
  }
}
.is-dragging-object .issues-v2__drag-handle {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
}

.issues-v2__drag-handle {
  cursor: move;
  cursor: grab !important;
  cursor: -webkit-grab !important;
  cursor: -moz-grab !important;
  z-index: 1;
}
.issues-v2__drag-handle svg {
  fill: var(--cf-ink);
}

.issues-v2__node-actions-wrap {
  display: flex;
  justify-content: center;
}
.issues-v2__node-actions-wrap .issues-v2__node-edit {
  bottom: unset !important;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.is-dragging-object > .issues-v2__node {
  opacity: 0.9 !important;
  border: var(--border-width) solid var(--cf-purple-600) !important;
}
.is-dragging-object * {
  pointer-events: none;
}

.issues-v2__add-claim {
  color: var(--cf-purple-600);
  font-weight: 500;
  background-color: var(--cf-white);
  border: none;
  margin-bottom: 0.5rem;
  box-shadow: none;
}
.issues-v2__add-claim:hover {
  color: var(--cf-purple-600);
  text-decoration: underline;
}

span.issues-v2__claim-node-show-more {
  margin-right: 1rem;
}
span.issues-v2__claim-node-show-more svg {
  fill: var(--cf-legacy-nobel);
  transform: translateY(-1px) rotate(-90deg);
  transition: transform 0.3s ease;
}

.issues-v2__node--expanded span.issues-v2__claim-node-show-more svg {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.issues-v2__issue-node .issues-v2__issue-node-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.issues-v2__issue-node .issues-v2__node-controls {
  margin-left: auto;
}

.issues-v2__claim-node {
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  position: relative;
}
.issues-v2__claim-node.issues-v2__node--dragging-over {
  border-color: var(--cf-purple-600);
}
.issues-v2__claim-node.issues-v2__node--dragging-over * {
  pointer-events: none;
}
.issues-v2__claim-node .issues-v2__loading {
  position: absolute;
  width: 100%;
  background-color: rgb(from var(--cf-white) r g b/80%);
  text-align: center;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
  height: 100%;
}
.issues-v2__claim-node .issues-v2__loading span.svg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.issues-v2__claim-node.issues-v2__node--expanded .issues-v2__claim-node-title {
  border-bottom: 1px solid var(--cf-gray-300);
}
.issues-v2__claim-node.issues-v2__node--expanded .issues-v2__claim-node-title:not(.issues-v2__node-zero-issues) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.issues-v2__claim-node .issues-v2__claim-node-title {
  display: block;
  padding: 1rem;
  background-color: var(--cf-legacy-air);
  border-radius: var(--radius-md, 4px);
  cursor: pointer;
}
.issues-v2__claim-node .issues-v2__claim-node-title h3, .issues-v2__claim-node .issues-v2__claim-node-title .alerts ul li, .alerts ul .issues-v2__claim-node .issues-v2__claim-node-title li {
  font-size: 18px;
  font-size: 1.125em;
  margin: 0;
  font-weight: 400;
}
.issues-v2__claim-node .issues-v2__claim-node-title span.issues-v2__node-issues-count {
  margin-left: 1rem;
  color: var(--cf-legacy-ash-light);
}

.issues-v2__node-controls {
  color: var(--cf-legacy-ash-light);
  float: right;
}
.issues-v2__node-controls span {
  display: inline-block;
  cursor: pointer;
}
.issues-v2__node-controls span.issues-v2__node-issue-create,
.issues-v2__node-controls span.issues-v2__node-edit,
.issues-v2__node-controls span.issues-v2__no-issues-msg {
  margin-right: 2rem;
  position: relative;
}
.issues-v2__node-controls span.issues-v2__node-edit svg {
  fill: currentcolor;
  height: 20px;
  transform: translate(5px, 2px);
}

.issues-v2__claim-node__issues_wrap {
  padding: 0 1rem;
}
.issues-v2__claim-node__issues_wrap .issues-v2__issue-node {
  border-bottom: 1px solid var(--cf-gray-300);
  padding: 1rem 0;
}
.issues-v2__claim-node__issues_wrap .issues-v2__issue-node.issues-v2__issue-node-last {
  border: none;
}
.issues-v2__claim-node__issues_wrap .issues-v2__issue-node span.issue-swatch {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  margin-right: 1rem;
}
.issues-v2__claim-node__issues_wrap .issues-v2__issue-node span.issue-order {
  color: var(--cf-legacy-ash-light);
  margin-right: 1rem;
}

.claim-templates-outline .issues-v2__null-claim-node .issues-v2__node-issue-create {
  color: var(--cf-purple-600);
  font-size: 14px;
  font-weight: 500;
}
.claim-templates-outline .issues-v2__unassigned-claims .issues-v2__node-issue-create {
  bottom: 0;
}

.issues-v2__null-claim-node {
  border: none;
}
.issues-v2__null-claim-node .issues-v2__claim-node-title {
  background-color: var(--cf-white);
  padding: 0;
}
.issues-v2__null-claim-node h3, .issues-v2__null-claim-node .alerts ul li, .alerts ul .issues-v2__null-claim-node li {
  display: inline-block;
}
.issues-v2__null-claim-node.issues-v2__node--expanded .issues-v2__claim-node-title {
  border: none;
}
.issues-v2__null-claim-node .issues-v2__claim-node__issues_wrap {
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md);
  margin-top: 1rem;
}
.issues-v2__null-claim-node.issues-v2__node--dragging-over .issues-v2__claim-node__issues_wrap {
  border: var(--border-width) solid var(--cf-purple-600);
}

.ember-basic-dropdown-overlay {
  background: transparent !important;
  pointer-events: all !important;
  z-index: 1090 !important;
}

.design-2024 .document-viewer-container-v2 {
  background-color: var(--cf-off-white);
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar {
  background-color: var(--cf-white);
  color: var(--cf-ink);
  border-bottom: 1px solid var(--cf-gray-300);
  height: 56px;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__centered {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group > button {
  height: 32px;
  line-height: 32px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group {
  display: flex;
  flex-direction: row;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__right {
  flex: 1;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__casey-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-height: 0;
  margin-right: 8px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  line-height: normal;
  cursor: pointer;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__casey-toggle:hover {
  background: var(--cf-gray-100);
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__casey-toggle svg {
  display: block;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar button.cite-page-btn {
  margin-right: 4px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .source-progress {
  height: 32px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar button.citations-list-toggle {
  display: flex;
  flex-direction: row;
  height: 32px;
  line-height: 32px;
  align-items: center;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar button.citations-list-toggle > svg {
  margin-right: 4px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar button.keyboard-shortcuts svg path {
  fill: var(--cf-ink) !important;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar button.ai-chat-toolbar-button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar button.ai-chat-toolbar-button svg {
  width: 32px;
  height: 32px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .page-nav-trigger svg path {
  fill: var(--cf-ink);
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__close-reviewer {
  top: 0;
  height: 48px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__close-reviewer > span {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  height: 25px;
  display: inline-block;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__close-reviewer > span svg path {
  fill: var(--cf-ink) !important;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group:not(:last-of-type) {
  border-right: none;
  position: relative;
  height: 48px;
  padding: 8px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 2px;
  background-color: var(--cf-gray-100);
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name {
  color: var(--cf-ink);
  background-color: var(--cf-white);
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap input, .design-2024 .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap .timezone-click-to-edit {
  color: var(--cf-ink);
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .tool-btn:not(:last-of-type),
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .icon-jar-button:not(:last-of-type) {
  margin-right: 4px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .danger-btn {
  border-radius: 8px;
  background-color: var(--cf-gray-100);
  color: var(--cf-ink);
  height: 32px;
  position: relative;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .danger-btn:hover:not([disabled]) {
  background-color: #c9c9c9;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .danger-btn:disabled {
  opacity: 0.4;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .danger-btn:not(:last-of-type) {
  margin-right: 4px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .danger-btn.icon-jar-button svg path:not([fill=none]) {
  fill: var(--cf-ink);
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .danger-btn.icon-jar-button:not(.icon-jar-button--plus-text) {
  width: 32px;
}
.design-2024 .document-viewer-container-v2 .document-viewer-toolbar .danger-btn.icon-jar-button:not(.icon-jar-button--plus-text) svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 20px;
  width: 20px;
}
.design-2024 .highlights__page-chooser__wrap,
.design-2024 .highlights__child-source-chooser__wrap,
.design-2024 .highlights__settings__wrap {
  border: 1px solid var(--cf-ink);
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul::-webkit-scrollbar,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul::-webkit-scrollbar,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul::-webkit-scrollbar,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul::-webkit-scrollbar,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul::-webkit-scrollbar,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul::-webkit-scrollbar,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul::-webkit-scrollbar,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul::-webkit-scrollbar,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul::-webkit-scrollbar,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul::-webkit-scrollbar {
  background: transparent !important;
  width: 8px !important;
  height: 8px;
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul::-webkit-scrollbar-thumb,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul::-webkit-scrollbar-thumb {
  background: var(--cf-legacy-scrollbar-thumb) !important;
  border-radius: 4px !important;
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul::-webkit-scrollbar-thumb:hover,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--cf-legacy-scrollbar-thumb), var(--cf-ink) 6.9%) !important;
  border-radius: 4px !important;
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul {
  padding: 4px;
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li:not(:last-of-type),
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li:not(:last-of-type),
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li:not(:last-of-type),
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li:not(:last-of-type),
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li:not(:last-of-type),
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li:not(:last-of-type),
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li:not(:last-of-type),
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li:not(:last-of-type),
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li:not(:last-of-type),
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li:not(:last-of-type) {
  margin-bottom: 2px;
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li:last-of-type,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li:last-of-type,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li:last-of-type,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li:last-of-type,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:last-of-type,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li:last-of-type,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li:last-of-type,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li:last-of-type,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li:last-of-type,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li:last-of-type,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li:last-of-type,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li:last-of-type,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li:last-of-type,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:last-of-type,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li:last-of-type,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li:last-of-type,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li:last-of-type,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li:last-of-type,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li:last-of-type,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li:last-of-type,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li:last-of-type,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li:last-of-type,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:last-of-type,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li:last-of-type,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li:last-of-type,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li:last-of-type,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li:last-of-type {
  margin-bottom: 60px;
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li {
  border-radius: 2px;
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li.page-link--current-page,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li.page-link--current-page,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li.page-link--current-page,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li.page-link--current-page,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li.page-link--current-page,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li.page-link--current-page,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li.page-link--current-page,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li.page-link--current-page,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li.page-link--current-page,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li.page-link--current-page {
  background-color: var(--cf-gray-100);
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li {
  border-bottom: none;
}
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li:hover,
.design-2024 .highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li:hover,
.design-2024 .highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li:hover,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li:hover,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li:hover,
.design-2024 .highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li:hover,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li:hover,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:hover,
.design-2024 .highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li:hover,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li:hover,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li:hover,
.design-2024 .highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li:hover {
  color: var(--cf-ink);
  background-color: var(--cf-off-white);
}

.highlights__page-chooser {
  position: relative;
}
.highlights__page-chooser ul.validation-messages li {
  padding: 0 4px;
}
.highlights__page-chooser > label, #settlements > ul > li .settlement-area .highlights__page-chooser > .settlement-date, .activity-feed > ul > li .feed-memo .highlights__page-chooser > .feed-memo-date, .graph .graph-pagination .highlights__page-chooser > .graph-stats, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .highlights__page-chooser > .sidebar-record-category, .table-pagination .highlights__page-chooser > .pagination-text {
  width: 100%;
  padding: 4px;
  margin-bottom: 4px;
  z-index: 1;
}

.highlights__page-chooser__wrap,
.highlights__child-source-chooser__wrap,
.highlights__settings__wrap {
  padding: 0 !important;
  box-shadow: var(--shadow-dark) !important;
  border: var(--border-width) solid var(--cf-legacy-dust-strongest);
  border-radius: var(--radius-md, 2px) !important;
  width: 280px !important;
  height: auto !important;
  max-height: 100%;
  overflow-y: hidden;
  z-index: 1100 !important;
  margin-top: 5px;
}
.highlights__page-chooser__wrap .highlights__page-chooser,
.highlights__page-chooser__wrap .highlights__child-source-chooser,
.highlights__page-chooser__wrap .highlights__settings-menu,
.highlights__child-source-chooser__wrap .highlights__page-chooser,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser,
.highlights__child-source-chooser__wrap .highlights__settings-menu,
.highlights__settings__wrap .highlights__page-chooser,
.highlights__settings__wrap .highlights__child-source-chooser,
.highlights__settings__wrap .highlights__settings-menu {
  max-height: 400px;
  height: auto !important;
  position: relative;
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 400px;
  overflow-y: scroll;
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li {
  position: relative;
  display: block;
  padding: 6px 26px 6px 12px;
  transition: background-color 0.1s, color 0.1s;
  cursor: pointer;
  background-color: var(--cf-white);
  word-break: break-all;
  border-bottom: 1px solid var(--cf-gray-300);
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li i,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li i,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li i,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li i,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li i,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li i,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li i,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li i,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li i,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li i,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li i,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li i,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li i,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li i,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li i,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li i,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li i,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li i,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li i,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li i,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li i,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li i,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li i,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li i,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li i,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li i,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li i {
  font-size: 0.6em;
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li svg,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li svg,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li svg,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li svg,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li svg,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li svg,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li svg,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li svg,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li svg,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li svg,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li svg,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li svg,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li svg,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li svg,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li svg,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li svg,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li svg,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li svg,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li svg,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li svg,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li svg,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li svg,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li svg,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li svg,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li svg,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li svg,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li svg {
  fill: currentcolor;
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__viewed,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__viewed,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__viewed,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__viewed,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__viewed,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__viewed,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__viewed,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__viewed,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__viewed,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__viewed,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__viewed,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__viewed,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__viewed,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__viewed,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__viewed,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__viewed,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__viewed,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__viewed,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__viewed,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__viewed,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__viewed,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__viewed,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__viewed,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__viewed,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__viewed,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__viewed,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__viewed {
  position: absolute;
  right: 5px;
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__viewed svg,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__viewed svg,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__viewed svg,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__viewed svg,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__viewed svg,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__viewed svg,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__viewed svg,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__viewed svg,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__viewed svg,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__viewed svg,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__viewed svg,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__viewed svg,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__viewed svg,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__viewed svg,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__viewed svg,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__viewed svg,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__viewed svg,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__viewed svg,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__viewed svg,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__viewed svg,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__viewed svg,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__viewed svg,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__viewed svg,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__viewed svg,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__viewed svg,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__viewed svg,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__viewed svg {
  width: 16px;
  transform: translateY(-2px);
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__issues-wrap,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__issues-wrap,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__issues-wrap,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__issues-wrap,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__issues-wrap,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__issues-wrap,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__issues-wrap,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__issues-wrap,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__issues-wrap,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__issues-wrap,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__issues-wrap,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__issues-wrap,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__issues-wrap,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__issues-wrap,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__issues-wrap,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__issues-wrap,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__issues-wrap,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__issues-wrap,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__issues-wrap,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__issues-wrap,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__issues-wrap,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__issues-wrap,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__issues-wrap,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__issues-wrap,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__issues-wrap,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__issues-wrap,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__issues-wrap {
  margin-right: 16px;
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li span.page_link__issues-wrap span.page_link__issue-swatch,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li span.page_link__issues-wrap span.page_link__issue-swatch {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: var(--radius-md);
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li:hover,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li:hover,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li:hover,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li:hover,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:hover,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li:hover,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li:hover,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li:hover,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li:hover,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li:hover,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li:hover,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li:hover,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li:hover,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:hover,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li:hover,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li:hover,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li:hover,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li:hover,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li:hover,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li:hover,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li:hover,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li:hover,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li:hover,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li:hover,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li:hover,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li:hover,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li:hover {
  background-color: var(--cf-lilac-tint);
  color: var(--cf-purple-600);
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li.disabled,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li.disabled,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li.disabled,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li.disabled,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li.disabled,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li.disabled,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li.disabled,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li.disabled,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li.disabled,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li.disabled,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li.disabled,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li.disabled,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li.disabled,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li.disabled,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li.disabled,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li.disabled,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li.disabled,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li.disabled,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li.disabled,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li.disabled,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li.disabled,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li.disabled,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li.disabled,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li.disabled,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li.disabled,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li.disabled,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li.disabled {
  background-color: var(--cf-gray-300);
  cursor: default;
  color: var(--cf-legacy-ash-light);
  border: none;
}
.highlights__page-chooser__wrap .highlights__page-chooser .page-chooser__content ul li.disabled:hover,
.highlights__page-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li.disabled:hover,
.highlights__page-chooser__wrap .highlights__page-chooser .settings-menu__content ul li.disabled:hover,
.highlights__page-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li.disabled:hover,
.highlights__page-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li.disabled:hover,
.highlights__page-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li.disabled:hover,
.highlights__page-chooser__wrap .highlights__settings-menu .page-chooser__content ul li.disabled:hover,
.highlights__page-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li.disabled:hover,
.highlights__page-chooser__wrap .highlights__settings-menu .settings-menu__content ul li.disabled:hover,
.highlights__child-source-chooser__wrap .highlights__page-chooser .page-chooser__content ul li.disabled:hover,
.highlights__child-source-chooser__wrap .highlights__page-chooser .child-source-chooser__content ul li.disabled:hover,
.highlights__child-source-chooser__wrap .highlights__page-chooser .settings-menu__content ul li.disabled:hover,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .page-chooser__content ul li.disabled:hover,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .child-source-chooser__content ul li.disabled:hover,
.highlights__child-source-chooser__wrap .highlights__child-source-chooser .settings-menu__content ul li.disabled:hover,
.highlights__child-source-chooser__wrap .highlights__settings-menu .page-chooser__content ul li.disabled:hover,
.highlights__child-source-chooser__wrap .highlights__settings-menu .child-source-chooser__content ul li.disabled:hover,
.highlights__child-source-chooser__wrap .highlights__settings-menu .settings-menu__content ul li.disabled:hover,
.highlights__settings__wrap .highlights__page-chooser .page-chooser__content ul li.disabled:hover,
.highlights__settings__wrap .highlights__page-chooser .child-source-chooser__content ul li.disabled:hover,
.highlights__settings__wrap .highlights__page-chooser .settings-menu__content ul li.disabled:hover,
.highlights__settings__wrap .highlights__child-source-chooser .page-chooser__content ul li.disabled:hover,
.highlights__settings__wrap .highlights__child-source-chooser .child-source-chooser__content ul li.disabled:hover,
.highlights__settings__wrap .highlights__child-source-chooser .settings-menu__content ul li.disabled:hover,
.highlights__settings__wrap .highlights__settings-menu .page-chooser__content ul li.disabled:hover,
.highlights__settings__wrap .highlights__settings-menu .child-source-chooser__content ul li.disabled:hover,
.highlights__settings__wrap .highlights__settings-menu .settings-menu__content ul li.disabled:hover {
  background-color: var(--cf-gray-300);
  color: var(--cf-legacy-ash-light);
  border: none;
}

.document-viewer-container-v2 .document-viewer-toolbar {
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  height: 60px;
  padding-left: 16px;
  padding-top: 6px;
  background-color: var(--cf-legacy-cloud);
  color: var(--cf-legacy-dust);
  z-index: 8;
}
@media screen and (max-width: 641px) {
  .document-viewer-container-v2 .document-viewer-toolbar {
    padding-left: 8px;
  }
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name {
  position: static;
  align-items: center;
  gap: 4px;
  display: flex;
  background-color: var(--cf-legacy-cloud);
  vertical-align: top;
  z-index: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 8px;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__document-title {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__document-title__text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name span.document-viewer-toolbar__document-title__edit {
  opacity: 0;
  transition: opacity 0.2s;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name:hover span.document-viewer-toolbar__document-title__edit {
  opacity: 1;
  transition: opacity 0.2s;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap input, .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap .timezone-click-to-edit {
  margin-top: 0 !important;
  border: none;
  background-color: transparent;
  height: 48px;
  color: var(--cf-legacy-dust);
  font-size: 20px;
  font-size: 1.25rem; /* 20px */
  line-height: 1.2; /* 24px */
  padding: 0;
  border-bottom: 1px dashed var(--cf-legacy-dust);
  border-radius: 0;
  width: 320px;
  max-width: 14vw;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap input:focus, .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap .timezone-click-to-edit:focus {
  outline: none;
  border-bottom: 1px dashed var(--cf-legacy-dust) !important;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap .document-viewer-toolbar__case-name__buttons {
  display: flex;
  align-items: center;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap .document-viewer-toolbar__case-name__buttons > button {
  width: 24px;
  height: 24px;
  padding: 0;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__case-name .document-viewer-toolbar__case-name__edit-wrap .document-viewer-toolbar__case-name__buttons > button svg {
  transform: none;
}
.document-viewer-container-v2 .document-viewer-toolbar button.document-viewer-toolbar__close-reviewer svg path:not([fill=none]), .document-viewer-container-v2 .document-viewer-toolbar button.keyboard-shortcuts svg path:not([fill=none]), .document-viewer-container-v2 .document-viewer-toolbar button.icon-jar-button svg path:not([fill=none]) {
  fill: var(--cf-white);
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group {
  display: inline-block;
  height: 48px;
  vertical-align: top;
  padding: 10px 12px;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group:not(:last-of-type) {
  border-right: 1px solid var(--cf-legacy-cloud-light);
}
@media screen and (max-width: 641px) {
  .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group:not(:last-of-type) {
    border: none;
  }
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group span.document-viewer-toolbar__ipad-enabled {
  display: inline-block;
  height: 28px;
  padding-top: 2px;
  margin-right: 8px;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group span.document-viewer-toolbar__ipad-enabled svg path {
  fill: var(--cf-legacy-nobel);
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group .ember-basic-dropdown-content-wormhole-origin {
  display: none;
}
@media screen and (max-width: 641px) {
  .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 641px) {
  .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group .document-viewer-toolbar__zoom-info {
    display: none !important;
  }
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group > button,
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group > div {
  border-radius: var(--radius-md);
  line-height: 28px;
  height: 28px;
  padding: 1px 8px;
  margin-top: 0;
  vertical-align: top;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group > button.status-changer__trigger,
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group > div.status-changer__trigger {
  display: inline-block;
  margin-right: 0;
  padding: 2px 2px 2px 7px;
  position: relative;
  width: 32px;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group > button.status-changer__trigger svg,
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group > div.status-changer__trigger svg {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group .cancel-btn svg path {
  fill: var(--cf-white);
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group .cancel-btn svg path.nofill {
  fill: none;
}
@media screen and (max-width: 1100px) {
  .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group .document-viewer-toolbar__document-title {
    display: none;
  }
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group button.keyboard-shortcuts svg path.filled {
  fill: var(--cf-legacy-ash);
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group button {
  border: none;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group button i {
  margin: 0 4px;
}
@media screen and (min-width: 1200px) {
  .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group button.cite-page-btn span.label {
    display: inline-block;
  }
}
@media screen and (max-width: 1199px) {
  .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group button span.label {
    display: none;
  }
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group button.ocr-btn {
  background-color: transparent;
  cursor: auto;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group .document-viewer-toolbar__zoom-info {
  display: inline-block;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group .document-viewer-toolbar__page-info {
  display: inline-block;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group .document-viewer-toolbar__page-info input, .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__group .document-viewer-toolbar__page-info .timezone-click-to-edit {
  display: inline-block;
  width: 48px;
  line-height: 28px;
  max-height: 28px;
  min-height: 28px;
  height: 28px !important;
  background-color: transparent;
  color: var(--cf-legacy-dust);
  border-color: transparent;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__centered {
  display: flex;
  height: 48px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  flex: 0;
  white-space: nowrap;
}
.document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__close-reviewer {
  position: absolute;
  right: 5px;
  background-color: transparent;
  border: none;
  top: 17px;
  cursor: pointer;
}
@media screen and (max-width: 641px) {
  .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__close-reviewer {
    right: 3px;
    top: 14px;
  }
  .document-viewer-container-v2 .document-viewer-toolbar .document-viewer-toolbar__close-reviewer span.svg-icon svg {
    width: 30px;
    height: 30px;
  }
}

.document-viewer-tag-manager {
  padding: 16px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__tag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__tag:hover {
  background-color: var(--cf-legacy-ne9);
  transition: background-color 0.2s;
}
.document-viewer-tag-manager .document-viewer-tag-manager__tag button:not(.bare-btn):hover {
  background-color: #dfdfdf !important;
}
.document-viewer-tag-manager .document-viewer-tag-manager__tag-color {
  width: 12px;
  height: 12px;
  margin-left: 8px;
  border-radius: 50%;
  border-width: 0;
  display: inline-block;
}
.document-viewer-tag-manager .document-viewer-tag-manager__tag-label {
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  padding: 8px 4px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__tag-label .check-box {
  top: 0;
}
.document-viewer-tag-manager h4 {
  margin-bottom: 8px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__footer-buttons {
  margin-top: 8px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__footer-nav-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__saving-state {
  min-height: 24px;
  margin-top: 4px;
  margin-bottom: 8px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__saving-state .document-viewer-tag-manager__saving-state__saving,
.document-viewer-tag-manager .document-viewer-tag-manager__saving-state .document-viewer-tag-manager__saving-state__saved {
  display: flex;
  align-items: center;
  gap: 8px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__saving-state .document-viewer-tag-manager__saving-state__saved {
  animation: fadeout 2s ease-out;
  opacity: 0;
  gap: 4px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__saving-state .document-viewer-tag-manager__saving-state__saved svg {
  width: 18px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__header-text {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.document-viewer-tag-manager .document-viewer-tag-manager__last-used-tags {
  margin: 10px 0;
  color: var(--cf-legacy-n66);
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* See also document-viewer-v2.scss

These containers are sidebars in the document viewer.
They default to 25% of the window width, but we keep them from getting
too wide (max-width of 560px), or too narrow (min-wdith: min-content means
it will never crush  itself to be so small that something can't fit horizontally)
Only the main middle content will flex-grow, but both main content and sidebars
will shrink, in a 2:3 ratio where sidebars shrink a little slower than main
content. Each main content type should internally ensure a min-width that
keeps it from getting silly.
*/
.highlight-form-v2__container {
  flex: 0 2 25%;
  max-width: 420px;
  min-width: 420px;
  box-shadow: var(--shadow-dark) !important;
  border-radius: 2px !important;
  transform: none !important;
  height: 100% !important;
  max-height: 100%;
  padding: 0 !important;
  position: relative;
  background-color: var(--cf-legacy-air);
  border-right: var(--border-width) solid var(--cf-ink);
  border-left: var(--border-width) solid var(--cf-ink);
  border-bottom: none;
}
.highlight-form-v2__container.highlight-form-v2--ai .viewer-sidebar__header {
  background: linear-gradient(90deg, var(--cf-legacy-tint-peach) 5%, var(--cf-purple-100) 45%, var(--cf-gray-100) 95%);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}
.highlight-form-v2__container.highlight-form-v2--ai .viewer-sidebar__header .button, .highlight-form-v2__container.highlight-form-v2--ai .viewer-sidebar__header .flex-actions-group div.task__start-timer, .flex-actions-group .highlight-form-v2__container.highlight-form-v2--ai .viewer-sidebar__header div.task__start-timer {
  background-color: transparent;
}
.highlight-form-v2__container .form-v2 > .form-v2__form-container {
  position: static;
  height: 100%;
  overflow-x: visible;
}
.highlight-form-v2__container .cf-form {
  height: 100%;
}
.highlight-form-v2__container {
  /* stylelint-disable-next-line selector-not-notation */
}
.highlight-form-v2__container .form-v2 .cf-form fieldset > div:not(.row, .x-timeline, .cf-form__create-contact-sub-form) {
  margin-top: 0;
  margin-bottom: 0;
}
.highlight-form-v2__container .document-form-actions .column {
  padding: 0;
}
.highlight-form-v2__container.highlight-form-v2__container--right {
  margin-left: auto;
  order: 99;
}
.highlight-form-v2__container.highlight-form-v2__container--left {
  order: -1;
}
.highlight-form-v2__container .form-v2 .column.medium-6, .highlight-form-v2__container .form-v2 .column.medium-4 {
  width: 100%;
}
.highlight-form-v2__container .highlights-form-v2 {
  padding: 0;
}
.highlight-form-v2__container .highlights-form-v2,
.highlight-form-v2__container .form-v2 {
  width: 100%;
  height: 100%;
}
.highlight-form-v2__container .highlights-form-v2 label.memo, .highlight-form-v2__container .highlights-form-v2 #settlements > ul > li .settlement-area .memo.settlement-date, #settlements > ul > li .settlement-area .highlight-form-v2__container .highlights-form-v2 .memo.settlement-date, .highlight-form-v2__container .highlights-form-v2 .activity-feed > ul > li .feed-memo .memo.feed-memo-date, .activity-feed > ul > li .feed-memo .highlight-form-v2__container .highlights-form-v2 .memo.feed-memo-date, .highlight-form-v2__container .highlights-form-v2 .graph .graph-pagination .memo.graph-stats, .graph .graph-pagination .highlight-form-v2__container .highlights-form-v2 .memo.graph-stats, .highlight-form-v2__container .highlights-form-v2 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .memo.sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .highlight-form-v2__container .highlights-form-v2 .memo.sidebar-record-category, .highlight-form-v2__container .highlights-form-v2 .table-pagination .memo.pagination-text, .table-pagination .highlight-form-v2__container .highlights-form-v2 .memo.pagination-text,
.highlight-form-v2__container .form-v2 label.memo,
.highlight-form-v2__container .form-v2 #settlements > ul > li .settlement-area .memo.settlement-date,
#settlements > ul > li .settlement-area .highlight-form-v2__container .form-v2 .memo.settlement-date,
.highlight-form-v2__container .form-v2 .activity-feed > ul > li .feed-memo .memo.feed-memo-date,
.activity-feed > ul > li .feed-memo .highlight-form-v2__container .form-v2 .memo.feed-memo-date,
.highlight-form-v2__container .form-v2 .graph .graph-pagination .memo.graph-stats,
.graph .graph-pagination .highlight-form-v2__container .form-v2 .memo.graph-stats,
.highlight-form-v2__container .form-v2 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .memo.sidebar-record-category,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .highlight-form-v2__container .form-v2 .memo.sidebar-record-category,
.highlight-form-v2__container .form-v2 .table-pagination .memo.pagination-text,
.table-pagination .highlight-form-v2__container .form-v2 .memo.pagination-text {
  margin-bottom: 24px;
}
.highlight-form-v2__container .highlights-form-v2 label.memo .helptext--bottom, .highlight-form-v2__container .highlights-form-v2 #settlements > ul > li .settlement-area .memo.settlement-date .helptext--bottom, #settlements > ul > li .settlement-area .highlight-form-v2__container .highlights-form-v2 .memo.settlement-date .helptext--bottom, .highlight-form-v2__container .highlights-form-v2 .activity-feed > ul > li .feed-memo .memo.feed-memo-date .helptext--bottom, .activity-feed > ul > li .feed-memo .highlight-form-v2__container .highlights-form-v2 .memo.feed-memo-date .helptext--bottom, .highlight-form-v2__container .highlights-form-v2 .graph .graph-pagination .memo.graph-stats .helptext--bottom, .graph .graph-pagination .highlight-form-v2__container .highlights-form-v2 .memo.graph-stats .helptext--bottom, .highlight-form-v2__container .highlights-form-v2 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .memo.sidebar-record-category .helptext--bottom, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .highlight-form-v2__container .highlights-form-v2 .memo.sidebar-record-category .helptext--bottom, .highlight-form-v2__container .highlights-form-v2 .table-pagination .memo.pagination-text .helptext--bottom, .table-pagination .highlight-form-v2__container .highlights-form-v2 .memo.pagination-text .helptext--bottom,
.highlight-form-v2__container .form-v2 label.memo .helptext--bottom,
.highlight-form-v2__container .form-v2 #settlements > ul > li .settlement-area .memo.settlement-date .helptext--bottom,
#settlements > ul > li .settlement-area .highlight-form-v2__container .form-v2 .memo.settlement-date .helptext--bottom,
.highlight-form-v2__container .form-v2 .activity-feed > ul > li .feed-memo .memo.feed-memo-date .helptext--bottom,
.activity-feed > ul > li .feed-memo .highlight-form-v2__container .form-v2 .memo.feed-memo-date .helptext--bottom,
.highlight-form-v2__container .form-v2 .graph .graph-pagination .memo.graph-stats .helptext--bottom,
.graph .graph-pagination .highlight-form-v2__container .form-v2 .memo.graph-stats .helptext--bottom,
.highlight-form-v2__container .form-v2 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .memo.sidebar-record-category .helptext--bottom,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .highlight-form-v2__container .form-v2 .memo.sidebar-record-category .helptext--bottom,
.highlight-form-v2__container .form-v2 .table-pagination .memo.pagination-text .helptext--bottom,
.table-pagination .highlight-form-v2__container .form-v2 .memo.pagination-text .helptext--bottom {
  position: static;
}
.highlight-form-v2__container .highlights-form-v2 hr,
.highlight-form-v2__container .form-v2 hr {
  border: 1px solid var(--cf-legacy-dust);
  margin-bottom: 24px;
}
.highlight-form-v2__container .highlights-form-v2 span.link-existing-fact,
.highlight-form-v2__container .form-v2 span.link-existing-fact {
  margin-bottom: 24px;
  width: auto;
  display: inline-block !important;
}
.highlight-form-v2__container .highlights-form-v2 a.highlight-form__create-new,
.highlight-form-v2__container .form-v2 a.highlight-form__create-new {
  margin-top: 12px;
  width: auto;
  display: inline-block;
}
.highlight-form-v2__container .highlights-form-v2 div.highlight-form__notes,
.highlight-form-v2__container .form-v2 div.highlight-form__notes {
  margin-top: 12px;
}
.highlight-form-v2__container .highlights-form-v2 div.highlight-form__notes span.svg-icon,
.highlight-form-v2__container .form-v2 div.highlight-form__notes span.svg-icon {
  display: block;
  text-align: center;
  margin-bottom: 12px;
}
.highlight-form-v2__container .highlights-form-v2 a,
.highlight-form-v2__container .highlights-form-v2 span.a,
.highlight-form-v2__container .form-v2 a,
.highlight-form-v2__container .form-v2 span.a {
  padding-top: 2px;
  color: var(--cf-purple-600);
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875em;
  display: block;
}
.highlight-form-v2__container .highlights-form-v2 a svg,
.highlight-form-v2__container .highlights-form-v2 span.a svg,
.highlight-form-v2__container .form-v2 a svg,
.highlight-form-v2__container .form-v2 span.a svg {
  width: 21px;
  height: auto;
  transform: translateY(5px);
}
.highlight-form-v2__container .highlights-form-v2 a svg path,
.highlight-form-v2__container .highlights-form-v2 span.a svg path,
.highlight-form-v2__container .form-v2 a svg path,
.highlight-form-v2__container .form-v2 span.a svg path {
  fill: currentcolor;
}
.highlight-form-v2__container .highlights-form-v2 .viewer-main-form,
.highlight-form-v2__container .form-v2 .viewer-main-form {
  flex: 1;
  min-height: 0;
  min-width: 0;
  padding: 24px;
  overflow: auto;
}
.highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .validation-messages li:first-child,
.highlight-form-v2__container .form-v2 .viewer-main-form__memo .validation-messages li:first-child {
  padding-top: 0;
}
.highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo label.memo, .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo #settlements > ul > li .settlement-area .memo.settlement-date, #settlements > ul > li .settlement-area .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .memo.settlement-date, .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .activity-feed > ul > li .feed-memo .memo.feed-memo-date, .activity-feed > ul > li .feed-memo .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .memo.feed-memo-date, .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .graph .graph-pagination .memo.graph-stats, .graph .graph-pagination .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .memo.graph-stats, .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .memo.sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .memo.sidebar-record-category, .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .table-pagination .memo.pagination-text, .table-pagination .highlight-form-v2__container .highlights-form-v2 .viewer-main-form__memo .memo.pagination-text,
.highlight-form-v2__container .form-v2 .viewer-main-form__memo label.memo,
.highlight-form-v2__container .form-v2 .viewer-main-form__memo #settlements > ul > li .settlement-area .memo.settlement-date,
#settlements > ul > li .settlement-area .highlight-form-v2__container .form-v2 .viewer-main-form__memo .memo.settlement-date,
.highlight-form-v2__container .form-v2 .viewer-main-form__memo .activity-feed > ul > li .feed-memo .memo.feed-memo-date,
.activity-feed > ul > li .feed-memo .highlight-form-v2__container .form-v2 .viewer-main-form__memo .memo.feed-memo-date,
.highlight-form-v2__container .form-v2 .viewer-main-form__memo .graph .graph-pagination .memo.graph-stats,
.graph .graph-pagination .highlight-form-v2__container .form-v2 .viewer-main-form__memo .memo.graph-stats,
.highlight-form-v2__container .form-v2 .viewer-main-form__memo .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .memo.sidebar-record-category,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .highlight-form-v2__container .form-v2 .viewer-main-form__memo .memo.sidebar-record-category,
.highlight-form-v2__container .form-v2 .viewer-main-form__memo .table-pagination .memo.pagination-text,
.table-pagination .highlight-form-v2__container .form-v2 .viewer-main-form__memo .memo.pagination-text {
  margin-bottom: 0;
}
.highlight-form-v2__container .highlights-form-v2 .document-form-actions,
.highlight-form-v2__container .form-v2 .document-form-actions {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 5px 19px;
  background-color: var(--cf-white);
  border-top: 1px solid var(--cf-gray-300);
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.08);
  margin-left: calc(var(--border-width) * -1);
  margin-right: calc(var(--border-width) * -1);
  z-index: 1;
}
.highlight-form-v2__container .highlights-form-v2 .viewer-form-wrapper,
.highlight-form-v2__container .form-v2 .viewer-form-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.highlights-form-v2 {
  background-color: var(--cf-legacy-air);
  color: var(--cf-ink);
}
.highlights-form-v2 .video-citation-times {
  border-width: 2px;
}
.highlights-form-v2 .video-citation-times h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.highlights-form-v2 .video-citation-times .row:last-child, .highlights-form-v2 .video-citation-times .x-timeline:last-child {
  margin-bottom: 12px;
}
.highlights-form-v2 h3, .highlights-form-v2 .alerts ul li, .alerts ul .highlights-form-v2 li {
  margin-bottom: 24px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125em;
  line-height: 23px;
}
.highlights-form-v2 label, .highlights-form-v2 #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .highlights-form-v2 .settlement-date, .highlights-form-v2 .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .highlights-form-v2 .feed-memo-date, .highlights-form-v2 .graph .graph-pagination .graph-stats, .graph .graph-pagination .highlights-form-v2 .graph-stats, .highlights-form-v2 .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .highlights-form-v2 .sidebar-record-category, .highlights-form-v2 .table-pagination .pagination-text, .table-pagination .highlights-form-v2 .pagination-text {
  display: block;
}
.highlights-form-v2 .autoresize textarea {
  resize: none;
}
.highlights-form-v2 .row, .highlights-form-v2 .x-timeline {
  margin-bottom: 24px;
}
.highlights-form-v2 .row .column, .highlights-form-v2 .x-timeline .column {
  padding: 0;
}
.highlights-form-v2.document-new-fact textarea, .highlights-form-v2.document-existing-fact textarea, .highlights-form-v2.document-edit-citation textarea {
  height: 125px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 8px;
  min-height: 120px;
}
.highlights-form-v2.document-new-fact input, .highlights-form-v2.document-new-fact .timezone-click-to-edit, .highlights-form-v2.document-existing-fact input, .highlights-form-v2.document-existing-fact .timezone-click-to-edit, .highlights-form-v2.document-edit-citation input, .highlights-form-v2.document-edit-citation .timezone-click-to-edit {
  padding-left: 8px;
}
.highlights-form-v2.document-new-fact .date0 .tztime-subform .time,
.highlights-form-v2.document-new-fact .date0 .order,
.highlights-form-v2.document-new-fact .date1 .tztime-subform .time,
.highlights-form-v2.document-new-fact .date1 .order, .highlights-form-v2.document-existing-fact .date0 .tztime-subform .time,
.highlights-form-v2.document-existing-fact .date0 .order,
.highlights-form-v2.document-existing-fact .date1 .tztime-subform .time,
.highlights-form-v2.document-existing-fact .date1 .order, .highlights-form-v2.document-edit-citation .date0 .tztime-subform .time,
.highlights-form-v2.document-edit-citation .date0 .order,
.highlights-form-v2.document-edit-citation .date1 .tztime-subform .time,
.highlights-form-v2.document-edit-citation .date1 .order {
  padding-right: 0;
  display: inline-block;
  width: 100%;
}
.highlights-form-v2.document-new-fact .issues-field .issue-pill, .highlights-form-v2.document-existing-fact .issues-field .issue-pill, .highlights-form-v2.document-edit-citation .issues-field .issue-pill {
  overflow-wrap: anywhere;
}
.highlights-form-v2.document-new-fact .issues, .highlights-form-v2.document-existing-fact .issues, .highlights-form-v2.document-edit-citation .issues {
  margin-bottom: 5px;
}
.highlights-form-v2.document-new-fact .memo a,
.highlights-form-v2.document-new-fact .issues a, .highlights-form-v2.document-existing-fact .memo a,
.highlights-form-v2.document-existing-fact .issues a, .highlights-form-v2.document-edit-citation .memo a,
.highlights-form-v2.document-edit-citation .issues a {
  font-size: 13px;
}
.highlights-form-v2.document-new-fact .ember-power-select-trigger, .highlights-form-v2.document-existing-fact .ember-power-select-trigger, .highlights-form-v2.document-edit-citation .ember-power-select-trigger {
  line-height: var(--input-height);
}
.highlights-form-v2.document-new-fact .ember-power-select-trigger ul.ember-power-select-multiple-options, .highlights-form-v2.document-existing-fact .ember-power-select-trigger ul.ember-power-select-multiple-options, .highlights-form-v2.document-edit-citation .ember-power-select-trigger ul.ember-power-select-multiple-options {
  padding-left: 4px;
}
.highlights-form-v2.document-new-fact .ember-power-select-trigger li.ember-power-select-multiple-option, .highlights-form-v2.document-existing-fact .ember-power-select-trigger li.ember-power-select-multiple-option, .highlights-form-v2.document-edit-citation .ember-power-select-trigger li.ember-power-select-multiple-option {
  padding: 2px 4px;
}
.highlights-form-v2.document-new-fact .ember-power-select-trigger .ember-power-select-status-icon, .highlights-form-v2.document-existing-fact .ember-power-select-trigger .ember-power-select-status-icon, .highlights-form-v2.document-edit-citation .ember-power-select-trigger .ember-power-select-status-icon {
  top: 2px;
}
.highlights-form-v2.document-new-fact .contact-create .isEntity,
.highlights-form-v2.document-new-fact .contact-create .firstName,
.highlights-form-v2.document-new-fact .contact-create .lastName,
.highlights-form-v2.document-new-fact .contact-create .name, .highlights-form-v2.document-existing-fact .contact-create .isEntity,
.highlights-form-v2.document-existing-fact .contact-create .firstName,
.highlights-form-v2.document-existing-fact .contact-create .lastName,
.highlights-form-v2.document-existing-fact .contact-create .name, .highlights-form-v2.document-edit-citation .contact-create .isEntity,
.highlights-form-v2.document-edit-citation .contact-create .firstName,
.highlights-form-v2.document-edit-citation .contact-create .lastName,
.highlights-form-v2.document-edit-citation .contact-create .name {
  text-align: left;
  width: 100%;
  margin: 5px 0;
}
.highlights-form-v2.document-new-fact .issue-create, .highlights-form-v2.document-existing-fact .issue-create, .highlights-form-v2.document-edit-citation .issue-create {
  flex-direction: row;
  display: flex;
  align-items: center;
}
.highlights-form-v2.document-new-fact .issue-create .name, .highlights-form-v2.document-existing-fact .issue-create .name, .highlights-form-v2.document-edit-citation .issue-create .name {
  flex: 3;
}
.highlights-form-v2.document-new-fact .issue-create .color, .highlights-form-v2.document-existing-fact .issue-create .color, .highlights-form-v2.document-edit-citation .issue-create .color {
  flex: 1;
}
.highlights-form-v2.document-new-fact .source-text-textarea textarea:disabled, .highlights-form-v2.document-existing-fact .source-text-textarea textarea:disabled, .highlights-form-v2.document-edit-citation .source-text-textarea textarea:disabled {
  background-color: var(--cf-legacy-air);
  color: var(--cf-legacy-ash);
  cursor: pointer;
}
.highlights-form-v2.document-new-fact .source-text-textarea span, .highlights-form-v2.document-existing-fact .source-text-textarea span, .highlights-form-v2.document-edit-citation .source-text-textarea span {
  color: var(--cf-legacy-ash);
  font-size: 12px;
}

.document-existing-fact-search-options .ember-power-select-option {
  padding: 10px 8px;
}
.document-existing-fact-search-options .ember-power-select-option span.x-table__tbody__tr__memo__contact {
  font-weight: 500;
}
.document-existing-fact-search-options .ember-power-select-option span.document-existing-fact-search-options__pill {
  display: block;
  border-radius: var(--radius-md);
  color: var(--cf-legacy-ash-light);
}
.document-existing-fact-search-options .ember-power-select-option .document-existing-fact-search-options__citations-container {
  padding-top: 0.5rem;
  color: var(--cf-legacy-ash-light);
}
.document-existing-fact-search-options .ember-power-select-option:not(:last-child) {
  border-bottom: 1px solid var(--cf-legacy-dirt);
}

.histogram-wrapper {
  line-height: 0 !important;
}

.x-timeline--show-full-screen .date-histogram-v2 {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.x-timeline--show-full-screen .date-histogram-v2 .date-histogram__graph-row {
  height: 140px;
  padding-top: 4px;
}
.x-timeline--show-full-screen .date-histogram-v2 .date-histogram__buttons-container {
  border-bottom: 0;
  padding-left: 2rem;
  margin-bottom: 0;
}

.date-histogram-v2 {
  background: var(--cf-white);
  margin-top: -5px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 8px;
}
@media screen and (max-width: 824px) {
  .date-histogram-v2 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.date-histogram-v2 .date-histogram__graph-row {
  overflow: visible !important;
  position: relative;
  height: 160px;
  margin-left: -14px;
}
.date-histogram-v2 .date-histogram__graph-row svg {
  display: block;
  margin: auto;
}
.date-histogram-v2 .date-histogram__graph-row svg .axis path,
.date-histogram-v2 .date-histogram__graph-row svg .axis line {
  stroke: var(--cf-legacy-ash-light);
}
.date-histogram-v2 .date-histogram__graph-row svg line {
  shape-rendering: crispedges;
}
.date-histogram-v2 .date-histogram__graph-row svg path.domain {
  stroke: var(--cf-legacy-dust);
}
.date-histogram-v2 .date-histogram__graph-row svg g.tick line {
  stroke: var(--cf-legacy-dust);
}
.date-histogram-v2 .date-histogram__graph-row svg text {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font: 11px Inter;
  fill: var(--cf-legacy-ash);
}
.date-histogram-v2 .date-histogram__graph-row svg text.tooltip-message {
  fill: var(--cf-white);
}
.date-histogram-v2 .date-histogram__graph-row svg .issue-line {
  fill: none;
  stroke-width: 4px;
}
.date-histogram-v2 .date-histogram__buttons-container {
  margin-bottom: 6px;
  padding: 4px 0 16px;
  border-bottom: 1px solid var(--cf-gray-300);
}
.date-histogram-v2 .date-histogram__buttons-container > span,
.date-histogram-v2 .date-histogram__buttons-container > div,
.date-histogram-v2 .date-histogram__buttons-container > button {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 36px;
  min-height: 36px;
}
.date-histogram-v2 .date-histogram__buttons-container .selector-toggle {
  transform: translateY(-2px);
  z-index: 3;
}

.x-timeline.x-timeline--show-full-screen {
  padding: 0 !important;
}
.x-timeline.x-timeline--show-full-screen .x-filters {
  padding-top: 6px;
  padding-bottom: 6px;
}

.x-filters {
  width: 100%;
  background: var(--cf-white);
  padding: 13px 30px 13px 30px;
}
@media screen and (max-width: 824px) {
  .x-filters {
    padding-bottom: 4px;
    border-bottom: 1px solid var(--cf-gray-300);
  }
}
.x-filters .bulk-editor {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.x-filters .x-filters__filter-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.x-filters .x-filters__filter-row #hide-undated-filter {
  height: inherit;
  line-height: inherit;
}
.x-filters .x-filters__filter-row > button.icon-jar-button {
  padding-left: 16px;
}
.x-filters .x-filters__filter-row > .filter-builder > button.text-btn, .x-filters .x-filters__filter-row > .filter-builder > button.button-with-icon,
.x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.color-field__color-picker .x-filters .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.color-field__color-picker .x-filters .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.x-filters .x-filters__filter-row > button.text-btn,
.x-filters .x-filters__filter-row > button.button-with-icon,
.x-filters .color-field__color-picker .x-filters__filter-row > button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.color-field__color-picker .x-filters .x-filters__filter-row > button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.x-filters .color-field__color-picker .x-filters__filter-row > button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.color-field__color-picker .x-filters .x-filters__filter-row > button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.x-filters .x-filters__filter-row > div,
.x-filters .x-filters__filter-row > .search-input > input,
.x-filters .x-filters__filter-row > .search-input > .timezone-click-to-edit {
  margin-right: 4px;
  height: 40px !important;
  line-height: 40px !important;
  margin-bottom: 2px;
}
@media screen and (max-width: 1006px) {
  .x-filters .x-filters__filter-row button span.label {
    display: none;
  }
  .x-filters .x-filters__filter-row > button.icon-jar-button svg {
    margin-right: 0;
  }
}
.x-filters .x-filters__filter-row .filter-builder {
  margin-right: 0;
}
.x-filters .x-filters__filter-row > .search-input {
  position: relative;
}
.x-filters .x-filters__filter-row > .search-input input.x-filters__search-text, .x-filters .x-filters__filter-row > .search-input .x-filters__search-text.timezone-click-to-edit {
  width: 192px;
  height: 40px;
  appearance: none;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  display: block;
  margin: 0;
  width: 100%;
  background: var(--cf-white);
  border: var(--input-border-width) solid var(--cf-gray-500);
  border-radius: var(--radius-md);
  transition: border-color 0.15s ease;
  font-weight: 400 !important;
  text-align: left;
  font-size: 14px;
  padding: 0 8px;
  box-sizing: border-box;
  line-height: var(--input-height);
  height: var(--input-height);
  padding-right: 24px;
}
.x-filters .x-filters__filter-row > .search-input span.input__clear-input {
  position: absolute;
  right: 7px;
  top: 5px;
}
.x-filters .x-filters__filter-row > .search-input span.input__clear-input > svg {
  cursor: pointer;
  width: 15px;
}
.x-filters .x-filters__filter-row > .search-input span.input__clear-input > svg path.filled {
  fill: var(--cf-legacy-nobel);
}
.x-filters .x-filters__filter-row > .filter-builder > button.text-btn,
.x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.x-filters .x-filters__filter-row button.text-btn,
.x-filters .x-filters__filter-row button.button-with-icon,
.x-filters .x-filters__filter-row .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.color-field__color-picker .x-filters .x-filters__filter-row button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.x-filters .x-filters__filter-row .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.color-field__color-picker .x-filters .x-filters__filter-row button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option {
  top: 0;
}
.x-filters .x-filters__filter-row > .filter-builder > button.text-btn.icon-jar-button svg path.filled,
.x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom svg path.filled,
.x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option svg path.filled,
.x-filters .x-filters__filter-row button.text-btn.icon-jar-button svg path.filled,
.x-filters .x-filters__filter-row button.icon-jar-button.button-with-icon svg path.filled,
.x-filters .x-filters__filter-row .color-field__color-picker button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom svg path.filled,
.color-field__color-picker .x-filters .x-filters__filter-row button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom svg path.filled,
.x-filters .x-filters__filter-row .color-field__color-picker button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option svg path.filled,
.color-field__color-picker .x-filters .x-filters__filter-row button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option svg path.filled {
  fill: var(--cf-purple-600);
}
.x-filters .x-filters__filter-row > .filter-builder > button.text-btn.icon-jar-button svg g.colorable-stroke path,
.x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom svg g.colorable-stroke path,
.x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option svg g.colorable-stroke path,
.x-filters .x-filters__filter-row button.text-btn.icon-jar-button svg g.colorable-stroke path,
.x-filters .x-filters__filter-row button.icon-jar-button.button-with-icon svg g.colorable-stroke path,
.x-filters .x-filters__filter-row .color-field__color-picker button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom svg g.colorable-stroke path,
.color-field__color-picker .x-filters .x-filters__filter-row button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom svg g.colorable-stroke path,
.x-filters .x-filters__filter-row .color-field__color-picker button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option svg g.colorable-stroke path,
.color-field__color-picker .x-filters .x-filters__filter-row button.icon-jar-button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option svg g.colorable-stroke path {
  stroke: var(--cf-purple-600);
  fill: none;
}
.x-filters .x-filters__filter-row .push-right {
  margin-left: auto;
}
.x-filters .x-filters__filter-row .quick-actions.quick-actions--fact-create .split-button__main .svg-icon svg path.filled {
  fill: var(--cf-purple-600) !important;
}
.x-filters .x-filters__views-row {
  margin-top: 8px;
}
.x-filters .x-filters__views-row .saved-views__view-controls {
  margin-bottom: 0;
}
@media screen and (max-width: 824px) {
  .x-filters {
    padding-left: 8px;
    padding-right: 8px;
  }
  .x-filters .x-filters-hide-mobile {
    display: none;
  }
  .x-filters .x-filters__filter-row {
    padding-top: 6px;
  }
  .x-filters .x-filters__filter-row button.text-btn span.label, .x-filters .x-filters__filter-row button.button-with-icon span.label,
  .x-filters .x-filters__filter-row .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom span.label,
  .color-field__color-picker .x-filters .x-filters__filter-row button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom span.label,
  .x-filters .x-filters__filter-row .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option span.label,
  .color-field__color-picker .x-filters .x-filters__filter-row button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option span.label {
    display: none;
  }
  .x-filters .x-filters__filter-row > .filter-builder > button.text-btn, .x-filters .x-filters__filter-row > .filter-builder > button.button-with-icon,
  .x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
  .color-field__color-picker .x-filters .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
  .x-filters .color-field__color-picker .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
  .color-field__color-picker .x-filters .x-filters__filter-row > .filter-builder > button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
  .x-filters .x-filters__filter-row > button.text-btn,
  .x-filters .x-filters__filter-row > button.button-with-icon,
  .x-filters .color-field__color-picker .x-filters__filter-row > button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
  .color-field__color-picker .x-filters .x-filters__filter-row > button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
  .x-filters .color-field__color-picker .x-filters__filter-row > button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
  .color-field__color-picker .x-filters .x-filters__filter-row > button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
  .x-filters .x-filters__filter-row > div,
  .x-filters .x-filters__filter-row > input,
  .x-filters .x-filters__filter-row > .timezone-click-to-edit {
    margin-right: 4px;
  }
  .x-filters .x-filters__filter-row > .search-input input.x-filters__search-text, .x-filters .x-filters__filter-row > .search-input .x-filters__search-text.timezone-click-to-edit {
    min-width: 0;
    width: 128px;
  }
}

span.search__advanced__label {
  cursor: help;
}

.search-bar__inputs__wrap {
  background-color: var(--cf-legacy-air);
  height: auto;
  width: 100%;
  min-height: 100px;
  position: relative;
}
.search-bar__inputs__wrap .search__advanced {
  position: absolute;
  bottom: 0;
  right: 0;
}
.search-bar__inputs__wrap .search__advanced label, .search-bar__inputs__wrap .search__advanced #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .search-bar__inputs__wrap .search__advanced .settlement-date, .search-bar__inputs__wrap .search__advanced .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .search-bar__inputs__wrap .search__advanced .feed-memo-date, .search-bar__inputs__wrap .search__advanced .graph .graph-pagination .graph-stats, .graph .graph-pagination .search-bar__inputs__wrap .search__advanced .graph-stats, .search-bar__inputs__wrap .search__advanced .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs__wrap .search__advanced .sidebar-record-category, .search-bar__inputs__wrap .search__advanced .table-pagination .pagination-text, .table-pagination .search-bar__inputs__wrap .search__advanced .pagination-text {
  color: var(--cf-legacy-ash);
}

.search-bar__inputs {
  border-radius: var(--radius-md);
  padding: 1.5rem 1rem !important;
  width: 100%;
  height: auto;
  line-height: 40px;
  display: block;
}
.search-bar__inputs > label, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date, .graph .graph-pagination .search-bar__inputs > .graph-stats, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category, .table-pagination .search-bar__inputs > .pagination-text {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
}
.search-bar__inputs > label span.search__icon, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date span.search__icon, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date span.search__icon, .graph .graph-pagination .search-bar__inputs > .graph-stats span.search__icon, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category span.search__icon, .table-pagination .search-bar__inputs > .pagination-text span.search__icon {
  display: none;
}
.search-bar__inputs > label span.search__clear, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date span.search__clear, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date span.search__clear, .graph .graph-pagination .search-bar__inputs > .graph-stats span.search__clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category span.search__clear, .table-pagination .search-bar__inputs > .pagination-text span.search__clear,
.search-bar__inputs > label span.search__icon,
#settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date span.search__icon,
.activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date span.search__icon,
.graph .graph-pagination .search-bar__inputs > .graph-stats span.search__icon,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category span.search__icon,
.table-pagination .search-bar__inputs > .pagination-text span.search__icon {
  position: absolute;
  left: 2px;
  top: 8px;
}
.search-bar__inputs > label span.search__clear svg path.filled, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date span.search__clear svg path.filled, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date span.search__clear svg path.filled, .graph .graph-pagination .search-bar__inputs > .graph-stats span.search__clear svg path.filled, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category span.search__clear svg path.filled, .table-pagination .search-bar__inputs > .pagination-text span.search__clear svg path.filled,
.search-bar__inputs > label span.search__icon svg path.filled,
#settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date span.search__icon svg path.filled,
.activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date span.search__icon svg path.filled,
.graph .graph-pagination .search-bar__inputs > .graph-stats span.search__icon svg path.filled,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category span.search__icon svg path.filled,
.table-pagination .search-bar__inputs > .pagination-text span.search__icon svg path.filled {
  fill: var(--cf-legacy-nobel);
}
.search-bar__inputs > label span.search__clear, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date span.search__clear, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date span.search__clear, .graph .graph-pagination .search-bar__inputs > .graph-stats span.search__clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category span.search__clear, .table-pagination .search-bar__inputs > .pagination-text span.search__clear {
  transform: scale(0.9);
  right: 6.5rem;
  top: 8px;
  left: auto;
  cursor: pointer;
  margin-right: 3px;
}
.search-bar__inputs > label span.search__info, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date span.search__info, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date span.search__info, .graph .graph-pagination .search-bar__inputs > .graph-stats span.search__info, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category span.search__info, .table-pagination .search-bar__inputs > .pagination-text span.search__info {
  position: absolute;
  top: auto;
  bottom: -21px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--cf-legacy-ash);
}
.search-bar__inputs > label > input, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date > input, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date > input, .graph .graph-pagination .search-bar__inputs > .graph-stats > input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category > input, .table-pagination .search-bar__inputs > .pagination-text > input, .search-bar__inputs > label > .timezone-click-to-edit, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date > .timezone-click-to-edit, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date > .timezone-click-to-edit, .graph .graph-pagination .search-bar__inputs > .graph-stats > .timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category > .timezone-click-to-edit, .table-pagination .search-bar__inputs > .pagination-text > .timezone-click-to-edit {
  line-height: 40px;
  margin-top: 0 !important;
  vertical-align: top;
  display: block;
  height: 40px !important;
  border-radius: var(--radius-md);
  min-height: 0 !important;
  min-width: 10rem;
  padding-right: 32px;
}
.search-bar__inputs > label .primary-btn, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date .primary-btn, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date .primary-btn, .graph .graph-pagination .search-bar__inputs > .graph-stats .primary-btn, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category .primary-btn, .table-pagination .search-bar__inputs > .pagination-text .primary-btn,
.search-bar__inputs > label .submit-btn,
#settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date .submit-btn,
.activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date .submit-btn,
.graph .graph-pagination .search-bar__inputs > .graph-stats .submit-btn,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category .submit-btn,
.table-pagination .search-bar__inputs > .pagination-text .submit-btn {
  order: 1;
  float: right;
  margin-left: 8px;
  min-width: 6rem;
}
.search-bar__inputs > label .helptext--bottom, #settlements > ul > li .settlement-area .search-bar__inputs > .settlement-date .helptext--bottom, .activity-feed > ul > li .feed-memo .search-bar__inputs > .feed-memo-date .helptext--bottom, .graph .graph-pagination .search-bar__inputs > .graph-stats .helptext--bottom, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .search-bar__inputs > .sidebar-record-category .helptext--bottom, .table-pagination .search-bar__inputs > .pagination-text .helptext--bottom {
  position: absolute;
  right: 6.5rem;
  bottom: -23px;
}

.search-modal__modal {
  height: auto !important;
  max-height: 95vh;
  overflow-y: scroll;
  box-shadow: var(--shadow-deep) !important;
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md) !important;
  position: relative;
  box-shadow: var(--shadow-light-shade);
  border-radius: 4px !important;
  width: 96%;
  max-width: 720px;
  text-align: center !important;
  padding: 0 !important;
  max-height: 90%;
  overflow: hidden auto;
}
.search-modal__modal .search-hits-warning {
  border-bottom: 1px solid var(--cf-gray-300);
  padding: 0.5rem 1rem;
  margin: 0;
}
.search-modal__modal .search-hits-wrap {
  display: block;
}
.search-modal__modal .search-hits-wrap .table-pagination .pagination__set-limits {
  padding-left: 1rem;
}
.search-modal__modal .search-hits-wrap .table-pagination .pagination-actions {
  padding-right: 1rem;
}
.search-modal__modal .search-hits-wrap .refreshing > div {
  border: none;
}

.search-hit {
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid var(--cf-gray-300);
  padding: 0.5rem 1rem;
}
.search-hit:hover {
  background-color: var(--cf-off-white);
  color: var(--cf-purple-600);
}
.search-hit {
  text-align: left;
}
.search-hit em {
  background-color: var(--cf-purple-600);
  font-style: normal;
  border-radius: 4px;
  padding: 0 0.2rem;
  color: var(--cf-white);
}

.design-2024 .fact-datetime > .fuzzy-date-field span.pick-date {
  top: 34px;
}
.design-2024 .fact-datetime > .fuzzy-date-field span.pick-date svg path {
  fill: var(--cf-ink);
}
.design-2024 .highlights-form-v2 .fact-datetime > .fuzzy-date-field span.pick-date {
  top: 37px;
}

.fact-datetime {
  display: flex !important;
  flex-direction: row !important;
  margin-bottom: 24px;
}
.fact-datetime.fact-datetime--show-autofill {
  margin-bottom: 40px;
}
.fact-datetime > div:last-child {
  margin: 0 !important;
}
.fact-datetime > div {
  margin: 0 8px 0 0 !important;
  flex-grow: 2 !important;
  padding-left: 0;
  width: auto;
  float: none;
  padding-right: 0;
}
.fact-datetime > div label, .fact-datetime > div #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .fact-datetime > div .settlement-date, .fact-datetime > div .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .fact-datetime > div .feed-memo-date, .fact-datetime > div .graph .graph-pagination .graph-stats, .graph .graph-pagination .fact-datetime > div .graph-stats, .fact-datetime > div .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .fact-datetime > div .sidebar-record-category, .fact-datetime > div .table-pagination .pagination-text, .table-pagination .fact-datetime > div .pagination-text {
  margin-bottom: 0;
}
.fact-datetime > .fuzzy-date-field {
  position: relative;
}
.fact-datetime > .fuzzy-date-field .top-helptext span.fuzzy-date-field__sparkle, .fact-datetime > .fuzzy-date-field label .block-helptext span.fuzzy-date-field__sparkle, .fact-datetime > .fuzzy-date-field #settlements > ul > li .settlement-area .settlement-date .block-helptext span.fuzzy-date-field__sparkle, #settlements > ul > li .settlement-area .fact-datetime > .fuzzy-date-field .settlement-date .block-helptext span.fuzzy-date-field__sparkle, label .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle, #settlements > ul > li .settlement-area .settlement-date .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle, .fact-datetime > .fuzzy-date-field .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext span.fuzzy-date-field__sparkle, .activity-feed > ul > li .feed-memo .feed-memo-date .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle, .fact-datetime > .fuzzy-date-field .graph .graph-pagination .graph-stats .block-helptext span.fuzzy-date-field__sparkle, .graph .graph-pagination .graph-stats .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle, .fact-datetime > .fuzzy-date-field .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext span.fuzzy-date-field__sparkle, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle, .fact-datetime > .fuzzy-date-field .table-pagination .pagination-text .block-helptext span.fuzzy-date-field__sparkle, .table-pagination .pagination-text .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle {
  position: relative;
  width: 17px;
  height: 17px;
  display: inline-block;
}
.fact-datetime > .fuzzy-date-field .top-helptext span.fuzzy-date-field__sparkle svg, .fact-datetime > .fuzzy-date-field label .block-helptext span.fuzzy-date-field__sparkle svg, .fact-datetime > .fuzzy-date-field #settlements > ul > li .settlement-area .settlement-date .block-helptext span.fuzzy-date-field__sparkle svg, #settlements > ul > li .settlement-area .fact-datetime > .fuzzy-date-field .settlement-date .block-helptext span.fuzzy-date-field__sparkle svg, label .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg, #settlements > ul > li .settlement-area .settlement-date .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg, .fact-datetime > .fuzzy-date-field .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext span.fuzzy-date-field__sparkle svg, .activity-feed > ul > li .feed-memo .feed-memo-date .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg, .fact-datetime > .fuzzy-date-field .graph .graph-pagination .graph-stats .block-helptext span.fuzzy-date-field__sparkle svg, .graph .graph-pagination .graph-stats .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg, .fact-datetime > .fuzzy-date-field .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext span.fuzzy-date-field__sparkle svg, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg, .fact-datetime > .fuzzy-date-field .table-pagination .pagination-text .block-helptext span.fuzzy-date-field__sparkle svg, .table-pagination .pagination-text .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 17px;
  height: 17px;
}
.fact-datetime > .fuzzy-date-field .top-helptext span.fuzzy-date-field__sparkle svg path, .fact-datetime > .fuzzy-date-field label .block-helptext span.fuzzy-date-field__sparkle svg path, .fact-datetime > .fuzzy-date-field #settlements > ul > li .settlement-area .settlement-date .block-helptext span.fuzzy-date-field__sparkle svg path, #settlements > ul > li .settlement-area .fact-datetime > .fuzzy-date-field .settlement-date .block-helptext span.fuzzy-date-field__sparkle svg path, label .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg path, #settlements > ul > li .settlement-area .settlement-date .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg path, .fact-datetime > .fuzzy-date-field .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext span.fuzzy-date-field__sparkle svg path, .activity-feed > ul > li .feed-memo .feed-memo-date .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg path, .fact-datetime > .fuzzy-date-field .graph .graph-pagination .graph-stats .block-helptext span.fuzzy-date-field__sparkle svg path, .graph .graph-pagination .graph-stats .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg path, .fact-datetime > .fuzzy-date-field .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext span.fuzzy-date-field__sparkle svg path, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg path, .fact-datetime > .fuzzy-date-field .table-pagination .pagination-text .block-helptext span.fuzzy-date-field__sparkle svg path, .table-pagination .pagination-text .fact-datetime > .fuzzy-date-field .block-helptext span.fuzzy-date-field__sparkle svg path {
  fill: var(--cf-legacy-ash);
}
.fact-datetime > .fuzzy-date-field label, .fact-datetime > .fuzzy-date-field #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .fact-datetime > .fuzzy-date-field .settlement-date, .fact-datetime > .fuzzy-date-field .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .fact-datetime > .fuzzy-date-field .feed-memo-date, .fact-datetime > .fuzzy-date-field .graph .graph-pagination .graph-stats, .graph .graph-pagination .fact-datetime > .fuzzy-date-field .graph-stats, .fact-datetime > .fuzzy-date-field .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .fact-datetime > .fuzzy-date-field .sidebar-record-category, .fact-datetime > .fuzzy-date-field .table-pagination .pagination-text, .table-pagination .fact-datetime > .fuzzy-date-field .pagination-text {
  padding-right: 0;
}
.fact-datetime > .fuzzy-date-field label input, .fact-datetime > .fuzzy-date-field #settlements > ul > li .settlement-area .settlement-date input, #settlements > ul > li .settlement-area .fact-datetime > .fuzzy-date-field .settlement-date input, .fact-datetime > .fuzzy-date-field .activity-feed > ul > li .feed-memo .feed-memo-date input, .activity-feed > ul > li .feed-memo .fact-datetime > .fuzzy-date-field .feed-memo-date input, .fact-datetime > .fuzzy-date-field .graph .graph-pagination .graph-stats input, .graph .graph-pagination .fact-datetime > .fuzzy-date-field .graph-stats input, .fact-datetime > .fuzzy-date-field .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .fact-datetime > .fuzzy-date-field .sidebar-record-category input, .fact-datetime > .fuzzy-date-field .table-pagination .pagination-text input, .table-pagination .fact-datetime > .fuzzy-date-field .pagination-text input, .fact-datetime > .fuzzy-date-field label .timezone-click-to-edit, .fact-datetime > .fuzzy-date-field #settlements > ul > li .settlement-area .settlement-date .timezone-click-to-edit, #settlements > ul > li .settlement-area .fact-datetime > .fuzzy-date-field .settlement-date .timezone-click-to-edit, .fact-datetime > .fuzzy-date-field .activity-feed > ul > li .feed-memo .feed-memo-date .timezone-click-to-edit, .activity-feed > ul > li .feed-memo .fact-datetime > .fuzzy-date-field .feed-memo-date .timezone-click-to-edit, .fact-datetime > .fuzzy-date-field .graph .graph-pagination .graph-stats .timezone-click-to-edit, .graph .graph-pagination .fact-datetime > .fuzzy-date-field .graph-stats .timezone-click-to-edit, .fact-datetime > .fuzzy-date-field .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .fact-datetime > .fuzzy-date-field .sidebar-record-category .timezone-click-to-edit, .fact-datetime > .fuzzy-date-field .table-pagination .pagination-text .timezone-click-to-edit, .table-pagination .fact-datetime > .fuzzy-date-field .pagination-text .timezone-click-to-edit {
  padding-left: 40px;
  min-width: 138px;
}
.fact-datetime > .fuzzy-date-field span.pick-date {
  left: 4px;
  top: 32px;
  width: 24px;
}
.fact-datetime > .fuzzy-date-field span.pick-date svg {
  transform: scale(0.85);
}
.fact-datetime > .fuzzy-date-field span.autofill {
  position: absolute;
  bottom: -32px;
  left: 4px;
  white-space: nowrap;
}
.fact-datetime > .time-wrapper {
  padding-top: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}
.fact-datetime > .time-wrapper button.link-btn {
  height: 40px;
  line-height: 39px;
  font-size: 14px;
  font-size: 0.875em;
  white-space: nowrap;
  padding: 0 0 0 24px !important;
  position: relative;
}
.fact-datetime > .time-wrapper button.link-btn svg {
  position: absolute;
  transform: translateY(-50%) scale(0.8);
  left: 2px;
  top: 50%;
}
.fact-datetime > .time-wrapper button.link-btn svg path.filled {
  fill: currentcolor;
}
.fact-datetime > .time-wrapper.time-wrapper--showtime {
  padding-right: 30px;
}
.fact-datetime > .time-wrapper.time-wrapper--showtime span.remove-btn {
  position: absolute;
  right: 0;
  top: 40px;
  box-shadow: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 24px;
  margin-left: 4px;
  transform: translateY(-7px);
}
.fact-datetime > .time-wrapper.time-wrapper--showtime span.remove-btn svg {
  transform: translateY(-2px);
}
.fact-datetime > .time-wrapper.time-wrapper--showtime span.remove-btn svg path.filled {
  fill: var(--cf-legacy-loblolly);
}

/* See also highlights-forms-v2.scss

There are at least three layers of flex containers in the document viewer:
1. The top bar with buttons stretches horizontally across the entire window, with a fixed height.
   The "document-viewer-main-content" container also stretches horizontally, but takes up the
   rest of the height of the window.
2. The sidebars vs actual main document content are laid out horizontally
3. Various sidebars use flex to have a fixed header or footer
*/
.document-viewer-container-v2 {
  width: 100vw;
  display: flex;
  flex-direction: column;
  background-color: var(--cf-legacy-viewer-shell);
  visibility: hidden;
  backface-visibility: hidden;
  /**
   * This approach is taken from here: https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
   * Without it, the save and cancel buttons at the bottom of the viewer forms are hidden on mobile
   * browsers. This completely fixes it.
   *
   * See the viewer controller, where we set the "--vh" css custom variable.
   */
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
}
.document-viewer-container-v2 .document-viewer-main-content {
  flex: 1;
  min-height: 0;
  min-width: 0;
  width: 100vw;
  display: flex;
  overflow: auto;
}
.document-viewer-container-v2 .viewer-middle-content {
  flex: 1 3 50%;
  min-width: fit-content(200px);
}
.document-viewer-container-v2 .viewer-middle-content.deposition-viewer-v2__content-wrap {
  overflow-y: scroll;
  height: 100%;
}
.document-viewer-container-v2 .clear-selection,
.document-viewer-container-v2 .cite-page-button {
  position: fixed;
  left: 27%;
  top: 11px;
  z-index: 2;
  opacity: 0;
}
.document-viewer-container-v2 .document-viewer-wrapper {
  position: relative;
  min-width: 200px;
  width: 100%;
  height: 100%;
}
.document-viewer-container-v2 .document-viewer {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.3s;
  background-color: var(--cf-legacy-viewer-shell) !important;
  border: none !important;
}
.document-viewer-container-v2 .document-viewer__controls::-webkit-scrollbar {
  background: transparent !important;
  width: 8px !important;
  height: 8px;
}
.document-viewer-container-v2 .document-viewer__controls::-webkit-scrollbar-thumb {
  background: var(--cf-legacy-scrollbar-thumb) !important;
  border-radius: 4px !important;
}
.document-viewer-container-v2 .document-viewer__controls::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--cf-legacy-scrollbar-thumb), var(--cf-ink) 6.9%) !important;
  border-radius: 4px !important;
}
.document-viewer-container-v2 .document-viewer__controls {
  position: fixed;
  width: 25%;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.3s;
  z-index: 1;
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-container {
  position: absolute;
  font-weight: 500;
  color: var(--cf-white);
  line-height: 24px;
  text-align: center;
  padding: 100px 25px 0;
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-container span.simple-support {
  display: block;
  margin-bottom: 15px;
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-container span.simple-support svg {
  transform: scale(2);
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-container span.simple-support path {
  fill: var(--cf-legacy-ash-light);
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-container .controls__helptext-select:hover span.controls__helptext--highlighted::before {
  width: 158px;
  transition: all 0.3s ease-out;
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-container .controls__helptext-select span.controls__helptext--highlighted {
  display: inline-block;
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-container .controls__helptext-select span.controls__helptext--highlighted::before {
  background-color: var(--cf-purple-600);
  opacity: 0.5;
  content: "";
  display: inline-block;
  height: 24px;
  transform: translate(-2px, 1px);
  width: 0;
  position: absolute;
  transition: all 0.3s ease-out;
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-click-page span.page {
  transition: all 0.3s ease-out;
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-click-page:hover span.page {
  color: var(--cf-purple-600);
  transition: all 0.3s ease-out 0.3s;
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-click-page span.cite-this-page {
  display: inline-block;
  border-radius: var(--radius-md);
  background-color: none;
  transition: all 0.1s cubic-bezier(0.71, 0.19, 0.36, 1) 0.3s;
}
.document-viewer-container-v2 .document-viewer__controls .controls__helptext-click-page:hover span.cite-this-page {
  color: var(--cf-white);
  background-color: var(--cf-purple-600);
  transition: all 0.3s cubic-bezier(0.71, 0.19, 0.36, 1);
}
.document-viewer-container-v2 .document-viewer__controls .generic-box, .document-viewer-container-v2 .document-viewer__controls .margin-box, .document-viewer-container-v2 .document-viewer__controls .settings-box, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal, .document-viewer-container-v2 .document-viewer__controls .email-preview, .document-viewer-container-v2 .document-viewer__controls .graph-container {
  border-radius: var(--radius-md);
  margin-bottom: 0.5em;
  position: relative;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .close, .document-viewer-container-v2 .document-viewer__controls .margin-box .close, .document-viewer-container-v2 .document-viewer__controls .settings-box .close, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .close, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .close, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .close, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .close, .document-viewer-container-v2 .document-viewer__controls .email-preview .close, .document-viewer-container-v2 .document-viewer__controls .graph-container .close {
  position: absolute;
  right: -5px;
  top: -5px;
  cursor: pointer;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText > span, .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText > span, .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText > span, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText > span, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText > span, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText > span, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText > span, .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText > span, .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText > span {
  float: left;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText label, .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText .settlement-date, .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText label, .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText .settlement-date, .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText label, .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText .settlement-date, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText label, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText .settlement-date, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText label, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText .settlement-date, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText label, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText .settlement-date, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText label, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText .settlement-date, .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText label, .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText .settlement-date, .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText label, .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText .settlement-date, .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText .feed-memo-date, .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText .feed-memo-date, .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText .feed-memo-date, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText .feed-memo-date, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText .feed-memo-date, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText .feed-memo-date, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText .feed-memo-date, .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText .feed-memo-date, .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText .feed-memo-date, .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText .graph .graph-pagination .graph-stats, .graph .graph-pagination .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText .graph-stats, .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText .graph .graph-pagination .graph-stats, .graph .graph-pagination .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText .graph-stats, .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText .graph .graph-pagination .graph-stats, .graph .graph-pagination .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText .graph-stats, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText .graph .graph-pagination .graph-stats, .graph .graph-pagination .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText .graph-stats, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText .graph-stats, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText .graph .graph-pagination .graph-stats, .graph .graph-pagination .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText .graph-stats, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText .graph-stats, .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText .graph .graph-pagination .graph-stats, .graph .graph-pagination .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText .graph-stats, .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText .graph .graph-pagination .graph-stats, .graph .graph-pagination .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText .graph-stats, .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText .sidebar-record-category, .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText .sidebar-record-category, .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText .sidebar-record-category, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText .sidebar-record-category, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText .sidebar-record-category, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText .sidebar-record-category, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText .sidebar-record-category, .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText .sidebar-record-category, .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText .sidebar-record-category, .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText .table-pagination .pagination-text, .table-pagination .document-viewer-container-v2 .document-viewer__controls .generic-box .shouldCopySourceText .pagination-text, .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText .table-pagination .pagination-text, .table-pagination .document-viewer-container-v2 .document-viewer__controls .margin-box .shouldCopySourceText .pagination-text, .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText .table-pagination .pagination-text, .table-pagination .document-viewer-container-v2 .document-viewer__controls .settings-box .shouldCopySourceText .pagination-text, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText .table-pagination .pagination-text, .table-pagination .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .shouldCopySourceText .pagination-text, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText .table-pagination .pagination-text, .table-pagination .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .shouldCopySourceText .pagination-text, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText .table-pagination .pagination-text, .table-pagination .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .shouldCopySourceText .pagination-text, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText .table-pagination .pagination-text, .table-pagination .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .shouldCopySourceText .pagination-text, .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText .table-pagination .pagination-text, .table-pagination .document-viewer-container-v2 .document-viewer__controls .email-preview .shouldCopySourceText .pagination-text, .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText .table-pagination .pagination-text, .table-pagination .document-viewer-container-v2 .document-viewer__controls .graph-container .shouldCopySourceText .pagination-text {
  display: inline;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .ul-actions li, .document-viewer-container-v2 .document-viewer__controls .margin-box .ul-actions li, .document-viewer-container-v2 .document-viewer__controls .settings-box .ul-actions li, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .ul-actions li, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .ul-actions li, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .ul-actions li, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .ul-actions li, .document-viewer-container-v2 .document-viewer__controls .email-preview .ul-actions li, .document-viewer-container-v2 .document-viewer__controls .graph-container .ul-actions li {
  margin-bottom: 0.5em;
  list-style: none;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box h3, .document-viewer-container-v2 .document-viewer__controls .margin-box h3, .document-viewer-container-v2 .document-viewer__controls .settings-box h3, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form h3, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form h3, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal h3, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal h3, .document-viewer-container-v2 .document-viewer__controls .email-preview h3, .document-viewer-container-v2 .document-viewer__controls .graph-container h3, .document-viewer-container-v2 .document-viewer__controls .generic-box .alerts ul li, .alerts ul .document-viewer-container-v2 .document-viewer__controls .generic-box li, .document-viewer-container-v2 .document-viewer__controls .margin-box .alerts ul li, .alerts ul .document-viewer-container-v2 .document-viewer__controls .margin-box li, .document-viewer-container-v2 .document-viewer__controls .settings-box .alerts ul li, .alerts ul .document-viewer-container-v2 .document-viewer__controls .settings-box li, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .alerts ul li, .alerts ul .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form li, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .alerts ul li, .alerts ul .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form li, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .alerts ul li, .alerts ul .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal li, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .alerts ul li, .alerts ul .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal li, .document-viewer-container-v2 .document-viewer__controls .email-preview .alerts ul li, .alerts ul .document-viewer-container-v2 .document-viewer__controls .email-preview li, .document-viewer-container-v2 .document-viewer__controls .graph-container .alerts ul li, .alerts ul .document-viewer-container-v2 .document-viewer__controls .graph-container li {
  margin-bottom: 0.5rem;
  text-align: center;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .field, .document-viewer-container-v2 .document-viewer__controls .margin-box .field, .document-viewer-container-v2 .document-viewer__controls .settings-box .field, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .field, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .field, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .field, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .field, .document-viewer-container-v2 .document-viewer__controls .email-preview .field, .document-viewer-container-v2 .document-viewer__controls .graph-container .field {
  margin-bottom: 0.5rem;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source-text, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source-text, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source-text, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source-text, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source-text, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source-text, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source-text, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source-text, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source-text,
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source,
.document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source,
.document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source,
.document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source,
.form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source,
.document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source,
.form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source,
.document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source,
.document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source {
  position: relative;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source-text .source-text, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source-text .source-text, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source-text .source-text, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source-text .source-text, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source-text .source-text, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source-text .source-text, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source-text .source-text, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source-text .source-text, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source-text .source-text,
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source .source-text,
.document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source .source-text,
.document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source .source-text,
.document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source .source-text,
.form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source .source-text,
.document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source .source-text,
.form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source .source-text,
.document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source .source-text,
.document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source .source-text {
  max-height: 100px;
  overflow-y: auto;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source-text .hover-pencil, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source-text .hover-pencil, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source-text .hover-pencil, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source-text .hover-pencil, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source-text .hover-pencil, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source-text .hover-pencil, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source-text .hover-pencil, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source-text .hover-pencil, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source-text .hover-pencil,
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source .hover-pencil,
.document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source .hover-pencil,
.document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source .hover-pencil,
.document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source .hover-pencil,
.form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source .hover-pencil,
.document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source .hover-pencil,
.form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source .hover-pencil,
.document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source .hover-pencil,
.document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source .hover-pencil {
  position: absolute;
  right: 0;
  top: -28px;
  cursor: pointer;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source-text .hover-pencil svg, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source-text .hover-pencil svg, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source-text .hover-pencil svg, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source-text .hover-pencil svg, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source-text .hover-pencil svg, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source-text .hover-pencil svg, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source-text .hover-pencil svg, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source-text .hover-pencil svg, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source-text .hover-pencil svg,
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source .hover-pencil svg,
.document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source .hover-pencil svg,
.document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source .hover-pencil svg,
.document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source .hover-pencil svg,
.form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source .hover-pencil svg,
.document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source .hover-pencil svg,
.form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source .hover-pencil svg,
.document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source .hover-pencil svg,
.document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source .hover-pencil svg {
  position: relative;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source-text .hover-pencil svg path, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source-text .hover-pencil svg path, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source-text .hover-pencil svg path, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source-text .hover-pencil svg path, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source-text .hover-pencil svg path, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source-text .hover-pencil svg path, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source-text .hover-pencil svg path, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source-text .hover-pencil svg path, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source-text .hover-pencil svg path,
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source .hover-pencil svg path,
.document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source .hover-pencil svg path,
.document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source .hover-pencil svg path,
.document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source .hover-pencil svg path,
.form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source .hover-pencil svg path,
.document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source .hover-pencil svg path,
.form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source .hover-pencil svg path,
.document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source .hover-pencil svg path,
.document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source .hover-pencil svg path {
  fill: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source-text .blue-button, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source-text .blue-button, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source-text .blue-button, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source-text .blue-button, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source-text .blue-button, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source-text .blue-button, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source-text .blue-button, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source-text .blue-button, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source-text .blue-button,
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source .blue-button,
.document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source .blue-button,
.document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source .blue-button,
.document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source .blue-button,
.form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source .blue-button,
.document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source .blue-button,
.form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source .blue-button,
.document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source .blue-button,
.document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source .blue-button {
  margin-top: 0.5em;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source {
  margin-bottom: 0.5em;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source input, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source input, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source input, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source input, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source input, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source input, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source input, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source input, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source input, .document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source .timezone-click-to-edit, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source .timezone-click-to-edit, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source .timezone-click-to-edit, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source .timezone-click-to-edit, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source .timezone-click-to-edit, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source .timezone-click-to-edit, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source .timezone-click-to-edit, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source .timezone-click-to-edit, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source .timezone-click-to-edit {
  width: 60%;
  display: inline-block;
}
.document-viewer-container-v2 .document-viewer__controls .generic-box .document-inline-edit-source .blue-button, .document-viewer-container-v2 .document-viewer__controls .margin-box .document-inline-edit-source .blue-button, .document-viewer-container-v2 .document-viewer__controls .settings-box .document-inline-edit-source .blue-button, .document-viewer-container-v2 .document-viewer__controls .form-modal.action-modal form .document-inline-edit-source .blue-button, .form-modal.action-modal .document-viewer-container-v2 .document-viewer__controls form .document-inline-edit-source .blue-button, .document-viewer-container-v2 .document-viewer__controls .form-modal.generic-modal .modal .document-inline-edit-source .blue-button, .form-modal.generic-modal .document-viewer-container-v2 .document-viewer__controls .modal .document-inline-edit-source .blue-button, .document-viewer-container-v2 .document-viewer__controls .email-preview .document-inline-edit-source .blue-button, .document-viewer-container-v2 .document-viewer__controls .graph-container .document-inline-edit-source .blue-button {
  max-width: 35%;
  display: inline-block;
}
.document-viewer-container-v2 .close-document-viewer {
  position: fixed;
  right: 2em;
  top: 0.5em;
  cursor: pointer;
  z-index: 6;
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.3s;
}
.document-viewer-container-v2 .close-document-viewer svg {
  width: 40px;
  height: 40px;
}
.document-viewer-container-v2 .iframe-is-loading {
  position: fixed;
  width: 100%;
  opacity: 0.6;
  z-index: 1;
  display: block;
  text-align: center;
  height: 100%;
}
.document-viewer-container-v2 .iframe-is-loading > div {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 200px 1em 0;
  color: white;
}
.document-viewer-container-v2 .iframe-is-loading > div h2, .document-viewer-container-v2 .iframe-is-loading > div .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .document-viewer-container-v2 .iframe-is-loading > div h4 {
  margin: 0;
  font-size: 1.5em;
  font-weight: 500;
}
.document-viewer-container-v2.document-viewer--show-viewer {
  visibility: visible;
}
.document-viewer-container-v2.document-viewer--show-viewer .document-viewer,
.document-viewer-container-v2.document-viewer--show-viewer .document-viewer__controls,
.document-viewer-container-v2.document-viewer--show-viewer .close-document-viewer,
.document-viewer-container-v2.document-viewer--show-viewer .cite-page-button,
.document-viewer-container-v2.document-viewer--show-viewer .clear-selection,
.document-viewer-container-v2.document-viewer--show-viewer .iframe-is-loading {
  opacity: 1;
  transform: scale(1);
}
.document-viewer-container-v2 .source-form-component .column {
  padding-right: 0;
  padding-left: 0;
}
.document-viewer-container-v2 .source-form-component label, .document-viewer-container-v2 .source-form-component #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .document-viewer-container-v2 .source-form-component .settlement-date, .document-viewer-container-v2 .source-form-component .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .document-viewer-container-v2 .source-form-component .feed-memo-date, .document-viewer-container-v2 .source-form-component .graph .graph-pagination .graph-stats, .graph .graph-pagination .document-viewer-container-v2 .source-form-component .graph-stats, .document-viewer-container-v2 .source-form-component .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .document-viewer-container-v2 .source-form-component .sidebar-record-category, .document-viewer-container-v2 .source-form-component .table-pagination .pagination-text, .table-pagination .document-viewer-container-v2 .source-form-component .pagination-text {
  margin-bottom: 24px;
}

.design-2024 .document-viewer-container-v2 .iframe-is-loading > div {
  color: var(--cf-ink);
}
.design-2024 .document-viewer-container-v2 .iframe-is-loading > div h2, .design-2024 .document-viewer-container-v2 .iframe-is-loading > div .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .design-2024 .document-viewer-container-v2 .iframe-is-loading > div h4 {
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.5;
}

.resizable.embedded-chat-resizable.viewer-embedded-resizable {
  height: 100vh;
}

.viewer-embedded-content {
  height: 100%;
}

.viewer-embedded-content.embedded-chat-content--open .document-viewer-container-v2 {
  position: relative;
  width: 100%;
  height: 100%;
}
.viewer-embedded-content.embedded-chat-content--open .document-viewer-container-v2 .document-viewer-main-content {
  width: 100%;
}

.document-counter {
  width: auto;
  display: inline-block;
  padding: 0.2rem 0.5rem 0.2rem 0;
  border-radius: var(--radius-md);
}
.document-counter .document-counter__usage-bar {
  height: 4px;
  border-radius: var(--radius-md);
  margin-bottom: 4px;
}

.excessive-documents-notice {
  background: var(--cf-legacy-air);
  text-align: center;
  position: relative;
  border: var(--border-width) dashed;
  color: var(--cf-legacy-dust-strong);
  font-size: 18px;
  font-weight: 400;
  min-width: 350px;
  padding: 1rem;
  margin: 1rem 0;
  border-color: var(--cf-gray-300);
  border-radius: var(--radius-md);
}

.design-2024 button.facts-page-right-action {
  border: none;
}
.design-2024 .x-table__tbody .x-table__tbody__tr.x-table__tbody__tr--is-recently-modified {
  background: var(--cf-purple-100);
}
.design-2024 .sidebar-cards__card__fact-memo .x-table__tbody__tr__memo__contact,
.design-2024 .x-table__tbody__tr__memo .x-table__tbody__tr__memo__contact {
  color: color-mix(in srgb, var(--cf-purple-600), var(--cf-ink) 5.1%) !important;
  cursor: default;
}
.design-2024 .sidebar-cards__card__fact-memo .x-table__tbody__tr__memo__contact:hover,
.design-2024 .x-table__tbody__tr__memo .x-table__tbody__tr__memo__contact:hover {
  color: color-mix(in srgb, var(--cf-purple-600), var(--cf-ink) 12.7%) !important;
}

button.facts-page-right-action {
  padding: 4px 8px;
}
button.facts-page-right-action svg path {
  fill: var(--cf-ink);
}

.sidebar-cards__card__fact-memo .x-table__tbody__tr__memo__contact,
.x-table__tbody__tr__memo .x-table__tbody__tr__memo__contact {
  color: color-mix(in srgb, var(--cf-legacy-teal), var(--cf-ink) 6.3%) !important;
  cursor: default;
}
.sidebar-cards__card__fact-memo .x-table__tbody__tr__memo__contact:hover,
.x-table__tbody__tr__memo .x-table__tbody__tr__memo__contact:hover {
  color: color-mix(in srgb, var(--cf-legacy-teal), var(--cf-ink) 15.6%) !important;
}
.sidebar-cards__card__fact-memo .x-table__tbody__tr__memo__contact,
.x-table__tbody__tr__memo .x-table__tbody__tr__memo__contact {
  white-space: nowrap;
}
.sidebar-cards__card__fact-memo p,
.x-table__tbody__tr__memo p {
  min-height: 24px;
  margin-top: 0;
  margin-bottom: 8px;
}
.sidebar-cards__card__fact-memo blockquote,
.x-table__tbody__tr__memo blockquote {
  font-size: 14px;
  font-size: 0.875em;
  margin-left: 0;
  padding-left: 16px;
  color: color-mix(in srgb, var(--cf-legacy-ash), var(--cf-ink) 11.9%);
  position: relative;
}
.sidebar-cards__card__fact-memo blockquote::before,
.x-table__tbody__tr__memo blockquote::before {
  content: " ";
  display: block;
  background-color: var(--cf-gray-300);
  height: 100%;
  width: 4px;
  border-radius: var(--radius-md);
  left: 0;
  top: 0;
  position: absolute;
}

.x-timeline--show-full-screen .x-table__thead__tr,
.x-timeline--show-full-screen .x-table__tbody .x-table__tbody__tr {
  margin-left: 0;
  margin-right: 0;
}

.x-table__thead__tr,
.x-table__tbody .x-table__tbody__tr {
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 825px) {
  .x-table__thead__tr,
  .x-table__tbody .x-table__tbody__tr {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.x-table__thead__tr .x-table__tbody__tr__controls,
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__controls {
  width: 1%;
  float: left;
  text-align: center;
  padding: 0 1%;
}
.x-table__thead__tr .x-table__tbody__tr__date,
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__date {
  width: 13%;
  float: left;
  text-align: center;
  padding: 0 1%;
}
.x-table__thead__tr .x-table__tbody__tr__icons,
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__icons {
  width: 1%;
  float: left;
}
.x-table__thead__tr .x-table__tbody__tr__memo,
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__memo {
  width: 42%;
  float: left;
  padding: 0 1%;
}
.x-table__thead__tr .x-table__tbody__tr__issues,
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__issues {
  width: 18%;
  float: left;
  padding: 0 1%;
}
.x-table__thead__tr .x-table__tbody__tr__citations,
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__citations {
  width: 18%;
  float: left;
  padding: 0 1%;
}
.x-table__thead__tr .x-table__tbody__tr__actions,
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__actions {
  width: 4%;
  float: left;
  padding: 0 1%;
}

.x-table__count,
.x-table__dropdown {
  position: absolute;
}

.x-table__count {
  right: 44px;
}

.x-table__dropdown {
  top: 4px;
  right: 12px;
  cursor: pointer;
}

.x-table__thead {
  position: relative;
  height: 32px;
  line-height: 31px;
}
@media screen and (max-width: 824px) {
  .x-table__thead {
    display: hidden;
    height: 0;
  }
  .x-table__thead > div {
    display: none;
  }
}
.x-table__thead {
  /*
    Because of some rendering issue in IE11, the table rows cover the header
    unless we add 32px of margin-bottom on the header, but this hurts the
    layout on anything other than IE, so we need to apply the margin-bottom
    only if the browser is IE11 (Microsoft fixed the issue in Edge apparently).

    https://stackoverflow.com/questions/28417056/how-to-target-only-ie-any-version-within-a-stylesheet
  */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .x-table__thead {
    /* IE10+ CSS styles go here */
    margin-bottom: 32px;
  }
  @supports (-ms-accelerator: true) {
    .x-table__thead {
      /* IE Edge 12+ CSS styles go here */
      margin-bottom: 0;
    }
  }
}
.x-table__thead .x-table__thead__tr {
  position: relative;
  background-color: var(--table-header-bg);
  border-bottom: 1px solid var(--cf-gray-300);
  padding: 7px 0 12px;
  height: 32px;
  color: var(--cf-ink);
  text-align: left;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  text-transform: var(--table-header-text-transform);
  letter-spacing: 1.4px;
  line-height: 20px;
}

.x-table__tbody {
  position: relative;
  width: 100%;
  overflow: visible scroll;
  min-height: 100px;
}
@media screen and (max-width: 824px) {
  .x-table__tbody {
    max-height: calc(100vh - 160px);
  }
}
.x-table__tbody::-webkit-scrollbar {
  background: transparent !important;
  width: 8px !important;
  height: 8px;
}
.x-table__tbody::-webkit-scrollbar-thumb {
  background: var(--cf-legacy-scrollbar-thumb) !important;
  border-radius: 4px !important;
}
.x-table__tbody::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--cf-legacy-scrollbar-thumb), var(--cf-ink) 6.9%) !important;
  border-radius: 4px !important;
}
.x-table__tbody > div::-webkit-scrollbar {
  background: transparent !important;
  width: 8px !important;
  height: 8px;
}
.x-table__tbody > div::-webkit-scrollbar-thumb {
  background: var(--cf-legacy-scrollbar-thumb) !important;
  border-radius: 4px !important;
}
.x-table__tbody > div::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--cf-legacy-scrollbar-thumb), var(--cf-ink) 6.9%) !important;
  border-radius: 4px !important;
}
.x-table__tbody::-webkit-scrollbar {
  background: var(--cf-white) !important;
}
.x-table__tbody .x-table__tbody__tr {
  border-bottom: 1px solid var(--cf-legacy-air);
  padding: 1em 0;
  background: var(--cf-white);
  position: relative;
  transition: background 0.5s ease;
}
.x-table__tbody .x-table__tbody__tr.x-table__tbody__tr--is-archived {
  background-color: var(--cf-legacy-air);
  font-style: italic;
  color: var(--cf-legacy-ash);
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__date .x-table__tbody__tr__date__order {
  color: var(--cf-legacy-ash-light);
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__issues .issue-slug {
  border-width: var(--border-width);
  border-style: solid;
  position: relative;
  background: var(--cf-white);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__issues .issue-slug.is-showing-menu ul {
  display: block;
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__citations .citation-slug {
  border: var(--border-width) solid var(--cf-gray-300);
  position: relative;
  color: #686c6e;
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__citations .citation-slug .citation-name {
  width: 100%;
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__citations .citation-slug .pin-cite-box {
  display: inline;
  white-space: nowrap;
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__citations .citation-slug .citation-actions {
  display: inline-block;
  position: relative;
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__citations .citation-slug .citation-actions .citation-cancel {
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 5px;
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__citations .citation-slug .citation-actions .citation-save {
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 5px;
}
.x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__citations .citation-slug .citation-actions span svg {
  width: 20px;
  height: 20px;
}
.x-table__tbody .x-table__tbody__tr.loading {
  text-align: center;
  padding: 0.25rem;
}
.x-table__tbody .x-table__tbody__tr .ember-power-select-wrapper {
  width: 100%;
  display: block;
}
.x-table__tbody .x-table__tbody__tr.x-table__tbody__tr--is-recently-modified {
  background: #dcf4ef;
  transition: background 0.2s ease;
}
.x-table__tbody .x-table__tbody__tr.x-table__tbody__tr--is-highlighted {
  background: #dcf4ef;
}
.x-table__tbody .x-table__tbody__tr button.x-table__tbody__tr__edit {
  box-shadow: none;
  cursor: pointer;
  position: absolute;
  top: 1em;
  right: 0;
  opacity: 0;
  transition: opacity 0.1s;
  border: none;
  background-color: transparent;
}
.x-table__tbody .x-table__tbody__tr button.x-table__tbody__tr__edit:disabled {
  background-color: transparent;
  opacity: 1;
}
.x-table__tbody .x-table__tbody__tr:hover button.x-table__tbody__tr__edit {
  opacity: 1;
  transition: opacity 0.1s;
}
@media screen and (max-width: 824px) {
  .x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__date {
    width: 100% !important;
    float: none !important;
    display: block;
    margin-top: -8px;
    margin-bottom: 4px;
    font-size: 14px;
    font-size: 0.874rem; /* 12px */
    line-height: 1.714; /* 24px */
    color: var(--cf-legacy-cloud-lighter);
    text-align: left !important;
  }
  .x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__controls {
    float: none !important;
    margin-bottom: 8px;
  }
  .x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__icons {
    float: right !important;
  }
  .x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__memo {
    width: 100% !important;
    float: none !important;
    display: block;
    margin-bottom: 16px;
    padding-right: 30px !important;
  }
  .x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__issues {
    width: 100% !important;
    float: none !important;
    display: block;
    margin-bottom: 8px;
  }
  .x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__citations {
    width: 100% !important;
    float: none !important;
    display: block;
  }
  .x-table__tbody .x-table__tbody__tr .x-table__tbody__tr__empty-cell-tick {
    display: none;
  }
}

.x-table__row-actions {
  text-align: center;
  cursor: pointer !important;
  height: auto !important;
  width: auto !important;
  padding: 0 !important;
}
.x-table__row-actions > span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.x-table__row-actions .pin-cite-box {
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
  box-shadow: var(--shadow-light-shade);
  border-radius: var(--radius-md);
  padding: 0.2rem;
}
.x-table__row-actions .pin-cite-box .citation-actions {
  padding-top: 5px;
}
.x-table__row-actions .pin-cite-box .citation-actions svg {
  width: 20px;
}
.x-table__row-actions .pin-cite-box .citation-actions .citation-cancel svg {
  width: 23px;
}
.x-table__row-actions .pin-cite-box .citation-actions .citation-save svg {
  height: 24px;
}
.x-table__row-actions.show-menu ul {
  display: block;
}
.x-table__row-actions.table-actions {
  z-index: 2;
  position: absolute;
  top: 21px;
}
.x-table__row-actions.table-actions ul {
  transform: none;
}

.source-breadcrumbs {
  display: flex;
  align-content: flex-start;
}
.source-breadcrumbs a,
.source-breadcrumbs svg,
.source-breadcrumbs span {
  flex-shrink: 1;
}
.source-breadcrumbs a {
  color: var(--cf-legacy-ash);
}
.source-breadcrumbs svg {
  fill: var(--cf-legacy-ash);
}
.source-breadcrumbs span {
  color: var(--cf-ink);
}

.design-2024 .source-badge:not(.source-badge--colorful) svg path:not([fill=none]) {
  fill: var(--cf-legacy-nobel);
}

.source-badge {
  height: 28px;
  width: 28px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.source-badge.source-badge--gavel {
  transform: translateY(-2px);
}
.source-badge.source-badge--gavel svg {
  width: 18px;
  height: 18px;
}
.source-badge.source-badge--sparkle {
  transform: scale(0.9) translateY(-2px);
  padding: 0;
}
.source-badge:not(.source-badge--colorful) path:not([fill=none]) {
  fill: var(--cf-legacy-nobel);
}
.source-badge svg {
  width: 24px;
  height: 24px;
}
.source-badge.source-badge--button {
  background-color: var(--cf-purple-600);
  border: none;
  margin-right: 8px !important;
  padding: 4px !important;
}
.source-badge.source-badge--button:disabled {
  opacity: 0.5;
}
.source-badge.source-badge--button:disabled svg {
  fill: var(--cf-white);
}
.source-badge.source-badge--button:disabled:focus, .source-badge.source-badge--button:disabled:hover {
  background-color: var(--cf-purple-600);
}

.source-relationship {
  font-size: 13px;
  font-style: italic;
  position: relative;
}

@media (max-width: 824px) {
  table.source tr td .empty-td {
    background-color: var(--cf-white);
  }
}

.flex-actions-group .source-cta {
  margin-right: 0;
  padding-top: 0;
}
.flex-actions-group .source-cta button.launch-highlights-btn {
  display: flex;
  flex-direction: row;
  height: var(--input-height);
  margin: 4px;
}
.flex-actions-group .source-cta .primary-btn,
.flex-actions-group .source-cta .submit-btn {
  margin-right: 4px;
  height: var(--input-height);
}
.flex-actions-group .source-cta .archive-processed {
  line-height: 44px;
}

.source-cta {
  flex: 1;
  display: flex;
  text-align: right;
  align-items: center;
  margin-right: 15px;
  justify-content: right;
}
.source-cta button {
  margin: 0 4px;
}
.source-cta .nanobar-container {
  display: inline-block;
  background-color: var(--cf-white);
  border: var(--border-width) solid var(--cf-legacy-dust);
  height: 30px;
  width: 164px;
  margin-right: 10px;
  vertical-align: middle;
}
.source-cta .nanobar-container .nanobar {
  height: 100%;
  z-index: 1;
}

.source-cta__doc-intelligence {
  display: flex;
  align-items: center;
}

.source-model-row__actions {
  container-type: inline-size;
  container-name: source-cta-container;
}

/* Option 2: Using a container query (for modern browsers) */
@container source-cta-container (max-width: 360px) {
  .hide-me {
    display: none;
  }
}
.source-children-cta {
  position: relative;
  top: 5px;
  margin-right: 5px;
  display: inline-block;
}
.source-children-cta svg {
  fill: var(--cf-purple-600);
}
.source-children-cta svg g {
  fill: var(--cf-purple-600);
}
.source-children-cta svg.spinning {
  width: 20px;
  height: 20px;
}

.entities-pane__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.entities-pane__container .entities-pane {
  flex: 1;
  min-height: 0;
  min-width: 0;
  height: unset;
  list-style: none;
  margin: 0;
  overflow-y: auto;
  max-height: unset;
  border: none;
  box-shadow: none;
}
.entities-pane__container .sidebar-cards {
  background-color: var(--cf-white);
}
.entities-pane__container .entities-pane__filters h3, .entities-pane__container .entities-pane__filters .alerts ul li, .alerts ul .entities-pane__container .entities-pane__filters li {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.entities-pane__container .entities-pane__filters {
  box-shadow: 0 9px 14px -14px rgba(0, 0, 0, 0.25);
  z-index: 1;
  padding: 16px;
}
.entities-pane__container .entities-pane__filters .collapsible:not(:last-child) {
  border-bottom: 1px solid var(--cf-legacy-ne0);
}
.entities-pane__container .entities-pane__filters .collapsible:not(:last-child) .collapsible__content {
  padding: 0 0 16px;
}

.entities-pane__empty {
  padding: 24px !important;
  text-align: center;
}
.entities-pane__empty h3, .entities-pane__empty .alerts ul li, .alerts ul .entities-pane__empty li {
  font-weight: 600;
}

.entities-pane__loading {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.suggested-facts-pane__deprecation-wrap {
  margin: 12px;
  padding: 2px;
  border-radius: var(--radius-md);
  background: linear-gradient(38deg, var(--cf-warning-500) 0%, #ae3ba5 40%, var(--cf-purple-600) 100%);
}

.suggested-facts-pane__deprecation-banner {
  display: flex;
  gap: 10px;
  padding: 12px;
  background: var(--cf-purple-50);
  border-radius: calc(var(--radius-md) - 2px);
}

.suggested-facts-pane__deprecation-banner-icon {
  flex-shrink: 0;
  color: var(--cf-purple-600);
  margin-top: 1px;
}

.suggested-facts-pane__deprecation-banner-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.suggested-facts-pane__deprecation-banner-content strong {
  font-size: 13px;
  color: var(--cf-ink);
}
.suggested-facts-pane__deprecation-banner-content p {
  font-size: 12px;
  line-height: 1.4;
  color: var(--fg-neutral-subtle);
  margin: 0;
}

.suggested-facts-pane__deprecation-banner-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--cf-purple-600);
  text-decoration: none;
}
.suggested-facts-pane__deprecation-banner-cta:hover {
  text-decoration: underline;
}

.suggested-facts-pane__examples {
  position: relative;
  height: auto !important;
}
.suggested-facts-pane__examples::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgb(248, 249, 249), rgba(248, 249, 249, 0.45));
}

.suggested-facts-pane__examples-container h3, .suggested-facts-pane__examples-container .alerts ul li, .alerts ul .suggested-facts-pane__examples-container li {
  font-weight: 600;
  text-align: center;
  margin-bottom: 32px;
}
.suggested-facts-pane__examples-container .card, .suggested-facts-pane__examples-container .tippy-box[data-theme~=popover], .suggested-facts-pane__examples-container .tippy-box[data-theme~=tippy--interactive], .suggested-facts-pane__examples-container .contact-card, .suggested-facts-pane__examples-container .search-pane .search-pane__hits-wrap .search-hit, .search-pane .search-pane__hits-wrap .suggested-facts-pane__examples-container .search-hit {
  border-style: dashed;
  border-width: 2px;
}

.suggested-facts-pane__guidance-form {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.suggested-facts-pane__guidance-form label, .suggested-facts-pane__guidance-form #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .suggested-facts-pane__guidance-form .settlement-date, .suggested-facts-pane__guidance-form .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .suggested-facts-pane__guidance-form .feed-memo-date, .suggested-facts-pane__guidance-form .graph .graph-pagination .graph-stats, .graph .graph-pagination .suggested-facts-pane__guidance-form .graph-stats, .suggested-facts-pane__guidance-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .suggested-facts-pane__guidance-form .sidebar-record-category, .suggested-facts-pane__guidance-form .table-pagination .pagination-text, .table-pagination .suggested-facts-pane__guidance-form .pagination-text {
  width: 100%;
}
.suggested-facts-pane__guidance-form label button, .suggested-facts-pane__guidance-form #settlements > ul > li .settlement-area .settlement-date button, #settlements > ul > li .settlement-area .suggested-facts-pane__guidance-form .settlement-date button, .suggested-facts-pane__guidance-form .activity-feed > ul > li .feed-memo .feed-memo-date button, .activity-feed > ul > li .feed-memo .suggested-facts-pane__guidance-form .feed-memo-date button, .suggested-facts-pane__guidance-form .graph .graph-pagination .graph-stats button, .graph .graph-pagination .suggested-facts-pane__guidance-form .graph-stats button, .suggested-facts-pane__guidance-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category button, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .suggested-facts-pane__guidance-form .sidebar-record-category button, .suggested-facts-pane__guidance-form .table-pagination .pagination-text button, .table-pagination .suggested-facts-pane__guidance-form .pagination-text button {
  position: absolute;
  top: 0;
  right: 0;
}
.suggested-facts-pane__guidance-form .field-for {
  position: relative;
}
.suggested-facts-pane__guidance-form .suggested-facts-pane__guidance-form-prompt-loading {
  position: absolute;
  bottom: -5px;
  right: 0;
  z-index: 1;
}
.suggested-facts-pane__guidance-form textarea::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.suggested-facts-pane__guidance-form textarea {
  display: block;
  width: 100%;
  height: 100px;
  border: 1px solid var(--cf-legacy-ncc);
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  resize: vertical;
}
.suggested-facts-pane__guidance-form p {
  font-size: 12px;
}

.suggested-facts-pane__prompt {
  padding: 16px;
}
.suggested-facts-pane__prompt p {
  margin-bottom: 8px;
}

.suggested-facts-pane__prompt-changer {
  box-shadow: 0 9px 14px -14px rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.viewer-sidebar__header-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.viewer-sidebar__content-container {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
}
.viewer-sidebar__content-container .viewer-main-form section.header {
  display: none;
}
.viewer-sidebar__content-container .row .column:not(:last-child), .viewer-sidebar__content-container .x-timeline .column:not(:last-child) {
  margin-bottom: 16px;
}
.viewer-sidebar__content-container .cf-form__create-contact-sub-form .column {
  padding-left: 0;
  padding-right: 0;
}

.viewer-sidebar__header {
  position: relative;
  font-size: 20px;
  font-size: 1.25em;
  background-color: var(--cf-white);
  font-weight: 300;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sidebar-cards__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sidebar-cards__container .sidebar-cards {
  flex: 1;
  min-height: 0;
  min-width: 0;
  height: unset;
}

.sidebar-cards__top-controls {
  flex-grow: 0;
  flex-shrink: 0;
  border-bottom: 1px solid var(--cf-gray-300);
  padding: 9px;
  text-align: right;
  height: 48px;
}

.sidebar-cards {
  height: 100%;
  background-color: var(--cf-legacy-air);
  list-style: none;
  padding: 16px;
  margin: 0;
  overflow-y: auto;
}
.sidebar-cards .card, .sidebar-cards .tippy-box[data-theme~=popover], .sidebar-cards .tippy-box[data-theme~=tippy--interactive], .sidebar-cards .contact-card, .sidebar-cards .search-pane .search-pane__hits-wrap .search-hit, .search-pane .search-pane__hits-wrap .sidebar-cards .search-hit {
  cursor: pointer;
}
.sidebar-cards .card.sidebar-cards__card--no-click, .sidebar-cards .sidebar-cards__card--no-click.tippy-box[data-theme~=popover], .sidebar-cards .sidebar-cards__card--no-click.tippy-box[data-theme~=tippy--interactive], .sidebar-cards .sidebar-cards__card--no-click.contact-card, .sidebar-cards .search-pane .search-pane__hits-wrap .sidebar-cards__card--no-click.search-hit, .search-pane .search-pane__hits-wrap .sidebar-cards .sidebar-cards__card--no-click.search-hit {
  cursor: unset;
}
.sidebar-cards .card, .sidebar-cards .tippy-box[data-theme~=popover], .sidebar-cards .tippy-box[data-theme~=tippy--interactive], .sidebar-cards .contact-card, .sidebar-cards .search-pane .search-pane__hits-wrap .search-hit, .search-pane .search-pane__hits-wrap .sidebar-cards .search-hit {
  transition: background-color 0.2s;
}
.sidebar-cards .card.card--active, .sidebar-cards .card--active.tippy-box[data-theme~=popover], .sidebar-cards .card--active.tippy-box[data-theme~=tippy--interactive], .sidebar-cards .card--active.contact-card, .sidebar-cards .search-pane .search-pane__hits-wrap .card--active.search-hit, .search-pane .search-pane__hits-wrap .sidebar-cards .card--active.search-hit {
  border: 1px solid var(--cf-purple-600);
}
.sidebar-cards .card.card--highlight, .sidebar-cards .card--highlight.tippy-box[data-theme~=popover], .sidebar-cards .card--highlight.tippy-box[data-theme~=tippy--interactive], .sidebar-cards .card--highlight.contact-card, .sidebar-cards .search-pane .search-pane__hits-wrap .card--highlight.search-hit, .search-pane .search-pane__hits-wrap .sidebar-cards .card--highlight.search-hit {
  border: 2px solid var(--cf-purple-600);
  background-color: var(--cf-lilac-tint);
}
.sidebar-cards .card .issue-slug, .sidebar-cards .tippy-box[data-theme~=popover] .issue-slug, .sidebar-cards .tippy-box[data-theme~=tippy--interactive] .issue-slug, .sidebar-cards .contact-card .issue-slug, .sidebar-cards .search-pane .search-pane__hits-wrap .search-hit .issue-slug, .search-pane .search-pane__hits-wrap .sidebar-cards .search-hit .issue-slug {
  border-width: var(--border-width);
  border-style: solid;
  border-radius: var(--radius-md);
  position: relative;
  background: var(--cf-white);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.sidebar-cards .card .issue-slug.is-showing-menu ul, .sidebar-cards .tippy-box[data-theme~=popover] .issue-slug.is-showing-menu ul, .sidebar-cards .tippy-box[data-theme~=tippy--interactive] .issue-slug.is-showing-menu ul, .sidebar-cards .contact-card .issue-slug.is-showing-menu ul, .sidebar-cards .search-pane .search-pane__hits-wrap .search-hit .issue-slug.is-showing-menu ul, .search-pane .search-pane__hits-wrap .sidebar-cards .search-hit .issue-slug.is-showing-menu ul {
  display: block;
}
.sidebar-cards .curtailed_inner {
  max-height: 120px;
  overflow-y: hidden;
}
.sidebar-cards .curtailed_inner.curtailed_inner--expanded {
  max-height: none;
  overflow-y: auto;
}
.sidebar-cards .curtailed_control {
  text-align: right;
  position: relative;
}
.sidebar-cards .curtailed_control.curtailed_control--fade-up::before {
  content: " ";
  position: absolute;
  left: 0;
  top: -40px;
  width: 100%;
  height: 40px;
  background-image: linear-gradient(to bottom, rgb(from var(--cf-white) r g b/0%), var(--cf-white));
  backdrop-filter: blur(0.2px);
}

.suggested-fact__pills .suggested-fact__pills__label {
  color: var(--cf-legacy-ash);
  font-size: 14px;
  font-size: 0.875em;
}

.suggested-fact__quote-confirmed {
  margin-left: auto;
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  color: var(--green);
}
.suggested-fact__quote-confirmed > span {
  height: 16px;
}

.suggested-facts__wrap {
  padding: 12px;
}

.summary-sidebar {
  padding: 16px;
}
.summary-sidebar .summary-sidebar--overview {
  color: var(--cf-ink);
  font-weight: 600;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.summary-sidebar .summary-sidebar__loading {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.summary-sidebar .summary-sidebar__empty {
  padding: 24px !important;
  text-align: center;
}
.summary-sidebar .summary-sidebar__empty h3, .summary-sidebar .summary-sidebar__empty .alerts ul li, .alerts ul .summary-sidebar .summary-sidebar__empty li {
  font-weight: 600;
}

.audio-video-transcript {
  background-color: var(--cf-white);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.audio-video-transcript.audio-video-transcript--no-scroll .transcript__words-wrap {
  overflow-y: hidden;
}
.audio-video-transcript .transcript__topbar {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 8px;
  border-bottom: 2px solid var(--cf-gray-300);
  text-align: right;
  display: inline-flex;
  align-items: center;
}
.audio-video-transcript .transcript__topbar > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.audio-video-transcript .transcript__topbar .transcript__toolbar-play-pause.primary-btn svg path:not([fill=none]),
.audio-video-transcript .transcript__topbar .transcript__toolbar-play-pause.submit-btn svg path:not([fill=none]) {
  fill: white !important;
}
.audio-video-transcript .transcript__topbar {
  justify-content: space-between;
}
.audio-video-transcript .transcript__topbar .button svg, .audio-video-transcript .transcript__topbar .flex-actions-group div.task__start-timer svg, .flex-actions-group .audio-video-transcript .transcript__topbar div.task__start-timer svg {
  vertical-align: middle;
  margin-right: 0;
  transform: translateY(0);
  width: 14px;
  height: 14px;
}
.audio-video-transcript .transcript__words-wrap {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  padding: 0 16px;
}
.audio-video-transcript .transcript__words-wrap span {
  display: inline-block;
  background: transparent;
  position: relative;
  z-index: 0;
}
.audio-video-transcript .transcript__words-wrap span::after {
  content: "";
  position: absolute;
  inset: 0 -4.5px 0 100%;
  z-index: 1;
  background-color: inherit;
  transition-timing-function: ease-out;
  transition-property: background-color;
  transition-duration: 0s;
  transform: scaleX(1);
}
.audio-video-transcript .transcript__words-wrap span.current {
  background: transparent !important;
}
.audio-video-transcript .transcript__words-wrap span.current::after {
  transform: scaleX(1);
  inset: 0 -4.5px 0 0;
  transition-property: background-color, transform;
  mix-blend-mode: multiply;
  transform-origin: left;
  transition-duration: inherit;
  background-color: rgb(from var(--cf-legacy-green-glow) r g b/60%);
  animation-name: streak-effect;
  animation-duration: inherit;
  animation-timing-function: ease-out;
}

@keyframes streak-effect {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  30% {
    transform: scaleX(1);
    transform-origin: left;
  }
  100% {
    transform: scaleX(1);
    transform-origin: left;
  }
}
.transcript-paragraph {
  position: relative;
}
.transcript-paragraph .word--excerpt,
.transcript-paragraph .word--suggested-fact {
  background-color: rgba(94, 61, 187, 0.3) !important;
  mix-blend-mode: multiply;
  cursor: pointer;
}
.transcript-paragraph .word--suggested-fact-emphasized {
  background-color: rgba(94, 61, 187, 0.6) !important;
  mix-blend-mode: multiply;
  cursor: pointer;
}
.transcript-paragraph .word--citation-highlighted {
  background-color: rgba(255, 224, 102, 0.3) !important;
  cursor: pointer;
  position: relative;
}
.transcript-paragraph .word--citation-emphasized {
  background-color: rgba(255, 170, 51, 0.7) !important;
  cursor: pointer;
  position: relative;
}
.transcript-paragraph .word--citation-highlighted.word--citation-emphasized {
  background-color: rgba(255, 170, 51, 0.7) !important;
}
.transcript-paragraph .word--entity {
  background-color: rgb(from var(--cf-purple-600) r g b/30%) !important;
  position: relative;
  cursor: pointer;
}
.transcript-paragraph .word--entity-person {
  background-color: color-mix(in srgb, var(--entity-person), transparent 85%) !important;
}
.transcript-paragraph .word--entity-person.word--entity-end::before {
  content: "P";
  background-color: var(--entity-person);
}
.transcript-paragraph .word--entity-organization {
  background-color: color-mix(in srgb, var(--entity-organization), transparent 85%) !important;
}
.transcript-paragraph .word--entity-organization.word--entity-end::before {
  content: "O";
  background-color: var(--entity-organization);
}
.transcript-paragraph .word--entity-event {
  background-color: color-mix(in srgb, var(--entity-event), transparent 85%) !important;
}
.transcript-paragraph .word--entity-event.word--entity-end::before {
  content: "E";
  background-color: var(--entity-event);
}
.transcript-paragraph .word--entity-location {
  background-color: color-mix(in srgb, var(--entity-location), transparent 85%) !important;
}
.transcript-paragraph .word--entity-location.word--entity-end::before {
  content: "L";
  background-color: var(--entity-location);
}
.transcript-paragraph .word--entity-date {
  background-color: color-mix(in srgb, var(--entity-date), transparent 85%) !important;
}
.transcript-paragraph .word--entity-date.word--entity-end::before {
  content: "D";
  background-color: var(--entity-date);
}
.transcript-paragraph .word--entity-product {
  background-color: color-mix(in srgb, var(--entity-product), transparent 85%) !important;
}
.transcript-paragraph .word--entity-product.word--entity-end::before {
  content: "P";
  background-color: var(--entity-product);
}
.transcript-paragraph .word--entity-datetime {
  background-color: color-mix(in srgb, var(--entity-datetime), transparent 85%) !important;
}
.transcript-paragraph .word--entity-datetime.word--entity-end::before {
  content: "D";
  background-color: var(--entity-datetime);
}
.transcript-paragraph .word--entity-document {
  background-color: color-mix(in srgb, var(--entity-document), transparent 85%) !important;
}
.transcript-paragraph .word--entity-document.word--entity-end::before {
  content: "D";
  background-color: var(--entity-document);
}
.transcript-paragraph .word--entity-other {
  background-color: color-mix(in srgb, var(--entity-other), transparent 85%) !important;
}
.transcript-paragraph .word--entity-other.word--entity-end::before {
  content: "O";
  background-color: var(--entity-other);
}
.transcript-paragraph .word--entity-end::before {
  content: "E";
  display: block;
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  font-size: 13px;
  background-color: var(--cf-purple-600);
  color: white;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  line-height: 16px;
}
.transcript-paragraph .word--emphasized-entity {
  background-color: rgb(from var(--cf-purple-600) r g b/60%);
}
.transcript-paragraph .word--emphasized-entity.word--entity-person {
  background-color: color-mix(in srgb, var(--entity-person), transparent 30%) !important;
}
.transcript-paragraph .word--emphasized-entity.word--entity-organization {
  background-color: color-mix(in srgb, var(--entity-organization), transparent 30%) !important;
}
.transcript-paragraph .word--emphasized-entity.word--entity-event {
  background-color: color-mix(in srgb, var(--entity-event), transparent 30%) !important;
}
.transcript-paragraph .word--emphasized-entity.word--entity-location {
  background-color: color-mix(in srgb, var(--entity-location), transparent 30%) !important;
}
.transcript-paragraph .word--emphasized-entity.word--entity-date {
  background-color: color-mix(in srgb, var(--entity-date), transparent 30%) !important;
}
.transcript-paragraph .word--emphasized-entity.word--entity-product {
  background-color: color-mix(in srgb, var(--entity-product), transparent 30%) !important;
}
.transcript-paragraph .word--emphasized-entity.word--entity-datetime {
  background-color: color-mix(in srgb, var(--entity-datetime), transparent 30%) !important;
}
.transcript-paragraph .word--emphasized-entity.word--entity-document {
  background-color: color-mix(in srgb, var(--entity-document), transparent 30%) !important;
}
.transcript-paragraph .word--emphasized-entity.word--entity-other {
  background-color: color-mix(in srgb, var(--entity-other), transparent 30%) !important;
}
.transcript-paragraph.transcript-paragraph--first {
  margin-top: 16px;
}
.transcript-paragraph.transcript-paragraph--last {
  margin-bottom: 80px !important;
}
.transcript-paragraph.transcript-paragraph--margin-below {
  margin-bottom: 16px;
  padding-left: 8px;
}
.transcript-paragraph.transcript-paragraph--margin-below::before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  background-color: transparent;
  left: -6px;
  border-radius: 4px;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-0::before {
  background-color: #5ba640;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-1::before {
  background-color: #059ffc;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-2::before {
  background-color: var(--entity-event);
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-3::before {
  background-color: #1d498e;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-4::before {
  background-color: #6ee37b;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-5::before {
  background-color: #eacb2d;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-6::before {
  background-color: #ff9e3e;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-7::before {
  background-color: #87213f;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-8::before {
  background-color: #c700a8;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-9::before {
  background-color: #ed403f;
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-10::before {
  background-color: var(--entity-datetime);
}
.transcript-paragraph.transcript-paragraph--margin-below.transcript-paragraph--speaker-11::before {
  background-color: #ffb5e7;
}

#spreadsheet-wrapper {
  flex: 1;
  min-height: 0;
  min-width: 0;
  position: relative;
  min-width: 200px;
  display: flex;
  flex-direction: column;
}
#spreadsheet-wrapper #spreadsheet-formula__wrap {
  flex-grow: 0;
  flex-shrink: 0;
  background-color: var(--cf-white);
  height: 30px;
  display: flex;
  align-items: center;
}
#spreadsheet-wrapper #spreadsheet-formula__wrap .spreadsheet-formula__icon,
#spreadsheet-wrapper #spreadsheet-formula__wrap .spreadsheet-formula__fx {
  display: inline-block;
  margin: 0;
  height: 100%;
}
#spreadsheet-wrapper #spreadsheet-formula__wrap .spreadsheet-formula__icon {
  background-color: var(--cf-legacy-nf0);
  padding: 3px 15px;
  border-right: 2px solid rgb(198, 198, 198);
  width: 47px;
}
#spreadsheet-wrapper #spreadsheet-formula__wrap .spreadsheet-formula__fx {
  overflow: hidden auto;
  color: var(--cf-legacy-outer-space);
  font-size: 14px;
  padding: 6px 10px;
  width: calc(100% - 47px);
  white-space: break-spaces;
}
#spreadsheet-wrapper #spreadsheet-grid-wrapper {
  flex: 1;
  min-height: 0;
  min-width: 0;
}
#spreadsheet-wrapper #spreadsheet__sheets-bar {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  bottom: 0;
  height: 40px;
  overflow: auto hidden;
  padding: 0 5px;
  width: 100%;
  background-color: var(--cf-white);
}
#spreadsheet-wrapper #spreadsheet__sheets-bar .spreadsheet__sheets-bar__tab {
  height: 90%;
  line-height: 180%;
  padding: 0 10px;
  border-radius: 0 0 4px 4px;
  cursor: pointer;
  margin: 0 2px;
  border: 0;
  text-align: center;
  white-space: nowrap;
  background-color: var(--cf-white);
  color: var(--cf-ink);
  border-color: var(--cf-gray-300);
  border-bottom: 1px solid var(--cf-gray-300);
  border-left: 1px solid var(--cf-gray-300);
  border-right: 1px solid var(--cf-gray-300);
}
#spreadsheet-wrapper #spreadsheet__sheets-bar .spreadsheet__sheets-bar__tab.spreadsheet__sheets-bar__tab--active {
  background-color: var(--cf-gray-100);
}
#spreadsheet-wrapper .spreadsheet__comments-overlay {
  position: fixed;
  background-color: var(--cf-white);
  border-radius: 3px;
  min-width: 200px;
  max-width: 200px;
  max-height: 300px;
  overflow: hidden auto;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  font-size: 12px;
  box-shadow: var(--shadow-dark) !important;
  visibility: hidden;
}
#spreadsheet-wrapper .spreadsheet__comments-overlay.spreadsheet__comments-overlay--reveal {
  visibility: visible;
}
#spreadsheet-wrapper .spreadsheet__comments-overlay .spreadsheet-comment {
  margin: 0;
  padding: 16px;
  line-height: 1;
  border-bottom: 1px solid var(--cf-gray-300);
}
#spreadsheet-wrapper .spreadsheet__comments-overlay .spreadsheet-comment .spreadsheet-comment__author {
  font-weight: 700;
  padding: 4px 0;
}
#spreadsheet-wrapper .spreadsheet__comments-overlay .spreadsheet-comment .spreadsheet-comment__text {
  white-space: pre-line;
}
#spreadsheet-wrapper .spreadsheet__comments-overlay .spreadsheet-comment:last-child {
  border: none;
}

.citation-list-header {
  background-color: var(--cf-legacy-nbb);
  border-top: 1px solid var(--cf-black);
  border-bottom: 1px solid var(--cf-black);
}

.citation-list-card {
  border-bottom: 1px solid var(--cf-black);
  display: flex;
}

.citation-list-card > * {
  margin: 10px;
}

.citation-list-card__snippet-icon {
  width: 24px;
  float: left;
}

.create-upload__await-quote {
  text-align: center;
  background-color: var(--cf-lilac-tint);
  padding: 16px;
}
.create-upload__await-quote > span {
  display: block;
}

.create-upload__archive-label {
  font-size: 15px;
  font-size: 0.9375em;
  font-weight: 500;
  margin-bottom: 8px;
}

.upload-card__wrap {
  display: flex;
  flex-flow: row wrap;
}

.upload-card__stage {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.upload-card__stage .upload-card__stage__icon {
  position: relative;
  margin: 0;
}
.upload-card__stage .upload-card__stage__icon svg {
  display: block;
  width: 24px;
  height: 24px;
  transform: translateY(2px);
}
.upload-card__stage .upload-card__stage__icon {
  margin-right: 12px;
}
.upload-card__stage .upload-card__stage__name {
  font-size: 16px;
  font-size: 1em;
  font-weight: 500;
  margin-right: 8px;
}

span.upload-card__edit {
  position: absolute;
  right: 12px;
  top: 8px;
  cursor: pointer;
}

.production-card__wrap {
  display: flex;
  flex-flow: row wrap;
}

.production-card__bates {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.production-card__bates .production-card__bates__icon {
  position: relative;
  margin: 0 12px 0 0;
}
.production-card__bates .production-card__bates__icon svg {
  display: block;
  width: 24px;
  height: 24px;
}
.production-card__bates .production-card__bates__icon svg path {
  fill: var(--cf-purple-600);
}
.production-card__bates .production-card__bates__value {
  font-size: 16px;
  font-size: 1em;
  font-weight: 500;
}

.list-search:has(.productions-callout) {
  float: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}

.productions-callout {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 8px;
  background: var(--cf-purple-50);
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-gray-800);
}
.productions-callout strong {
  font-weight: 600;
}
.productions-callout .productions-callout__icon {
  display: flex;
  flex: none;
  color: var(--cf-purple-600);
}
.productions-callout .productions-callout__icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

.production-tasks {
  margin: 0 0 24px;
}
.production-tasks .production-tasks__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}
.production-tasks .production-tasks__title {
  font-size: 16px;
  font-size: 1em;
  font-weight: 600;
  margin: 0;
}
.production-tasks .production-tasks__count {
  background: var(--cf-gray-200);
  color: var(--cf-gray-700);
  border-radius: 10px;
  padding: 1px 8px;
  font-size: 12px;
  font-size: 0.75em;
  font-weight: 600;
}
.production-tasks .production-tasks__panel {
  background: var(--cf-white);
  border: 1px solid var(--cf-gray-200);
  border-radius: 8px;
}
.production-tasks .production-tasks__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}
.production-tasks .production-tasks__row + .production-tasks__row {
  border-top: 1px solid var(--cf-gray-200);
}
.production-tasks .production-tasks__status-icon {
  display: flex;
  flex: none;
}
.production-tasks .production-tasks__status-icon svg {
  display: block;
  width: 18px;
  height: 18px;
}
.production-tasks .production-tasks__status-icon.production-tasks__status-icon--finished svg path {
  fill: #389636;
}
.production-tasks .production-tasks__chip {
  flex: none;
  border-radius: 10px;
  padding: 2px 10px;
  font-size: 12px;
  font-size: 0.75em;
  font-weight: 600;
}
.production-tasks .production-tasks__chip.production-tasks__chip--production {
  background: var(--cf-purple-100);
  color: var(--cf-purple-700);
}
.production-tasks .production-tasks__chip.production-tasks__chip--preview {
  background: var(--cf-gray-200);
  color: var(--cf-gray-700);
}
.production-tasks .production-tasks__name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
.production-tasks .production-tasks__meta {
  flex: none;
  color: var(--cf-gray-500);
  font-size: 13px;
  font-size: 0.8125em;
}
.production-tasks .production-tasks__download {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  height: 28px;
  background: var(--cf-purple-600);
  border-radius: 6px;
  padding: 0 12px;
  font-size: 13px;
  font-size: 0.8125em;
  font-weight: 500;
  line-height: 1;
}
.production-tasks .production-tasks__download, .production-tasks .production-tasks__download:hover, .production-tasks .production-tasks__download:focus {
  color: var(--cf-white);
  text-decoration: none;
}
.production-tasks .production-tasks__download:hover {
  background: var(--cf-purple-700);
}
.production-tasks .production-tasks__download .svg-icon {
  display: flex;
}
.production-tasks .production-tasks__download svg {
  display: block;
  width: 14px;
  height: 14px;
}
.production-tasks .production-tasks__download svg path {
  fill: none;
  stroke: currentcolor;
}
.production-tasks .production-tasks__dismiss {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  background: none;
  border: 1px solid var(--cf-gray-300);
  border-radius: 6px;
  padding: 0;
  cursor: pointer;
}
.production-tasks .production-tasks__dismiss svg {
  display: block;
  width: 14px;
  height: 14px;
}
.production-tasks .production-tasks__dismiss svg path {
  fill: var(--cf-gray-600);
}
.production-tasks .production-tasks__dismiss:hover {
  background: var(--cf-gray-100);
}

.deposition-viewer-v2__content-wrap {
  position: relative;
  font-family: monospace;
}

.csv-uploader__helptext {
  background-color: var(--cf-legacy-air);
  border-radius: var(--radius-md, 4px);
  border: var(--border-width, 2px) solid var(--cf-gray-300);
  padding: 16px;
}
.csv-uploader__helptext ul {
  padding-left: 24px;
  margin: 4px 0;
}
.csv-uploader__helptext ul li {
  margin-bottom: 4px;
}
.csv-uploader__helptext ul li pre {
  display: inline;
}

button.csv-uploader__save-btn span.csv-uploader__save-info {
  display: flex;
  flex-direction: row;
  align-items: center;
}
button.csv-uploader__save-btn span.csv-uploader__save-info svg {
  width: 24px;
  margin-right: 6px;
}
button.csv-uploader__save-btn:disabled .spinner__filled:first-of-type {
  fill: var(--cf-ink);
  opacity: 0.5;
}
button.csv-uploader__save-btn:disabled .spinner__filled:last-of-type {
  fill: var(--cf-white);
}

.designation-bar {
  background-color: #fbc6a3;
}
.designation-bar:hover {
  background-color: rgb(249.9375, 182.859375, 138.5625);
}
.designation-bar {
  width: 16px;
  position: absolute;
  border-radius: 0;
  cursor: pointer;
}
.designation-bar.designation-bar--true-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.designation-bar.designation-bar--true-bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.designation-bar.designation-bar--user-created {
  background-color: var(--cf-purple-200);
}
.designation-bar.designation-bar--user-created:hover {
  background-color: rgb(189.7704918033, 179.8442622951, 243.6557377049);
}
.designation-bar {
  transition: background-color 0.2s ease-in-out;
}

.designation-spotlight {
  display: none;
  position: absolute;
  border-radius: 4px;
  background: rgba(251, 198, 163, 0.1);
}
.designation-spotlight.designation-spotlight--user-created {
  background: rgba(209, 202, 247, 0.1);
}

.deposition-viewer-v2__lines {
  background-color: var(--cf-white);
  height: 100%;
  overflow-y: scroll;
  font-size: 18px;
  font-size: 1.125em;
  position: relative;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  color: black;
  font-weight: 400;
  /* stylelint-disable-next-line property-no-unknown */
  font-smooth: never !important;
  -webkit-font-smoothing: initial !important;
  display: flex;
  flex-direction: row;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag {
  background-color: var(--cf-legacy-air);
  width: 20px;
  margin-right: 8px;
  text-align: center;
  opacity: 0.7;
  padding-top: 6px;
  border-right: 2px dashed var(--cf-gray-300);
  border-left: 2px dashed var(--cf-gray-300);
  user-select: none;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag svg {
  opacity: 0;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag svg path {
  fill: var(--cf-legacy-ash);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag svg {
  transition: opacity 0.2s;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag:hover svg {
  opacity: 1;
  transition: opacity 0.2s;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag:hover {
  opacity: 1;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag {
  cursor: ns-resize;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag.deposition-viewer-v2__bar-drag-highlight {
  opacity: 1;
  background-color: rgba(209, 202, 247, 0.9);
  border-right: 2px solid var(--cf-purple-200);
  border-left: 2px solid var(--cf-purple-200);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag.deposition-viewer-v2__bar-drag-highlight svg {
  opacity: 0;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag.deposition-viewer-v2__bar-drag-highlight.deposition-viewer-v2__bar-drag-highlight--start {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__bar-drag.deposition-viewer-v2__bar-drag-highlight.deposition-viewer-v2__bar-drag-highlight--stop {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap.deposition-v2__line-wrap--breaks-0 {
  height: 36px;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap.deposition-v2__line-wrap--breaks-1 {
  height: 72px;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap.deposition-v2__line-wrap--breaks-2 {
  height: 108px;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap.deposition-v2__line-wrap--breaks-3 {
  height: 144px;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__line-number {
  user-select: none;
  font-size: 13.5px;
  font-size: 0.84375em;
  color: var(--cf-legacy-ash);
  width: 40px;
  padding-top: 6px;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-viewer-v2__page-number {
  user-select: none;
  font-size: 32px;
  font-size: 2em;
  color: black;
  width: 60px;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content {
  user-select: text;
  flex-grow: 2;
  font-size: 0;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content ::selection {
  background-color: rgba(255, 224, 102, 0.6);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit {
  font-size: initial;
  cursor: text;
  position: relative;
  display: inline-block;
  height: 36px;
  line-height: 36px;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--suggested-fact, .deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--excerpt {
  background-color: rgba(94, 61, 187, 0.3);
  mix-blend-mode: multiply;
  cursor: pointer;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--suggested-fact.deposition-v2__text-unit--selected-fg, .deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--excerpt.deposition-v2__text-unit--selected-fg {
  background-color: rgba(255, 224, 102, 0.6) !important;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--suggested-fact.deposition-v2__text-unit--selected-bg, .deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--excerpt.deposition-v2__text-unit--selected-bg {
  background-color: rgba(255, 224, 102, 0.3);
  cursor: pointer;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--suggested-fact-emphasized {
  background-color: rgba(94, 61, 187, 0.6);
  mix-blend-mode: multiply;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--suggested-fact-emphasized.deposition-v2__text-unit--selected-fg {
  background-color: rgba(255, 224, 102, 0.6) !important;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--suggested-fact-emphasized.deposition-v2__text-unit--selected-bg {
  background-color: rgba(255, 224, 102, 0.3);
  cursor: pointer;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--suggested-fact-emphasized.deposition-v2__text-unit--new-citation {
  background-color: rgba(94, 61, 187, 0.6);
  cursor: pointer;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--highlighted {
  background-color: rgba(94, 61, 187, 0.3) !important;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--selected-fg {
  background-color: rgba(255, 224, 102, 0.6) !important;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--selected-bg {
  background-color: rgba(255, 224, 102, 0.3);
  cursor: pointer;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--new-citation {
  background-color: rgba(255, 224, 102, 0.6);
  cursor: pointer;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity {
  cursor: pointer;
  background-color: rgba(94, 61, 187, 0.15);
  mix-blend-mode: multiply;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-person {
  background-color: color-mix(in srgb, var(--entity-person), transparent 85%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-person.deposition-v2__text-unit--entity-end::after {
  content: "P";
  background-color: var(--entity-person);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-organization {
  background-color: color-mix(in srgb, var(--entity-organization), transparent 85%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-organization.deposition-v2__text-unit--entity-end::after {
  content: "O";
  background-color: var(--entity-organization);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-event {
  background-color: color-mix(in srgb, var(--entity-event), transparent 85%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-event.deposition-v2__text-unit--entity-end::after {
  content: "E";
  background-color: var(--entity-event);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-location {
  background-color: color-mix(in srgb, var(--entity-location), transparent 85%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-location.deposition-v2__text-unit--entity-end::after {
  content: "L";
  background-color: var(--entity-location);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-date {
  background-color: color-mix(in srgb, var(--entity-date), transparent 85%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-date.deposition-v2__text-unit--entity-end::after {
  content: "D";
  background-color: var(--entity-date);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-product {
  background-color: color-mix(in srgb, var(--entity-product), transparent 85%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-product.deposition-v2__text-unit--entity-end::after {
  content: "P";
  background-color: var(--entity-product);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-datetime {
  background-color: color-mix(in srgb, var(--entity-datetime), transparent 85%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-datetime.deposition-v2__text-unit--entity-end::after {
  content: "D";
  background-color: var(--entity-datetime);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-document {
  background-color: color-mix(in srgb, var(--entity-document), transparent 85%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-document.deposition-v2__text-unit--entity-end::after {
  content: "D";
  background-color: var(--entity-document);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-other {
  background-color: color-mix(in srgb, var(--entity-other), transparent 85%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-other.deposition-v2__text-unit--entity-end::after {
  content: "O";
  background-color: var(--entity-other);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized {
  background-color: rgba(94, 61, 187, 0.6);
  mix-blend-mode: multiply;
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized.deposition-v2__text-unit--entity-person {
  background-color: color-mix(in srgb, var(--entity-person), transparent 30%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized.deposition-v2__text-unit--entity-organization {
  background-color: color-mix(in srgb, var(--entity-organization), transparent 30%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized.deposition-v2__text-unit--entity-event {
  background-color: color-mix(in srgb, var(--entity-event), transparent 30%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized.deposition-v2__text-unit--entity-location {
  background-color: color-mix(in srgb, var(--entity-location), transparent 30%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized.deposition-v2__text-unit--entity-date {
  background-color: color-mix(in srgb, var(--entity-date), transparent 30%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized.deposition-v2__text-unit--entity-product {
  background-color: color-mix(in srgb, var(--entity-product), transparent 30%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized.deposition-v2__text-unit--entity-datetime {
  background-color: color-mix(in srgb, var(--entity-datetime), transparent 30%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized.deposition-v2__text-unit--entity-document {
  background-color: color-mix(in srgb, var(--entity-document), transparent 30%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity.deposition-v2__text-unit--entity-emphasized.deposition-v2__text-unit--entity-other {
  background-color: color-mix(in srgb, var(--entity-other), transparent 30%);
}
.deposition-viewer-v2__lines .deposition-v2__line-wrap .deposition-v2__line-content .deposition-v2__text-unit.deposition-v2__text-unit--entity-end::after {
  content: "E";
  display: block;
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  font-size: 13px;
  background-color: var(--cf-purple-600);
  color: white;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  line-height: 16px;
}

.depo-video-wizard {
  position: relative;
  width: 100%;
  padding: 0 8px;
}

.depo-video-wizard__dropzone-title .file-input-wrapper,
.depo-video-wizard .file-input-wrapper {
  position: static;
  display: inline;
  bottom: auto;
  left: auto;
}
.depo-video-wizard__dropzone-title .file-input-wrapper input.file-input, .depo-video-wizard__dropzone-title .file-input-wrapper .file-input.timezone-click-to-edit,
.depo-video-wizard .file-input-wrapper input.file-input,
.depo-video-wizard .file-input-wrapper .file-input.timezone-click-to-edit {
  display: none;
}

.depo-video-wizard__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 4px 0 12px;
}
.depo-video-wizard__header h3, .depo-video-wizard__header .alerts ul li, .alerts ul .depo-video-wizard__header li {
  margin: 0 0 2px;
}

.depo-video-wizard__subtitle {
  margin: 0;
  color: var(--fg-neutral-medium);
  font-size: 0.9rem;
}

.depo-video-wizard__close {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  background: none;
  border: none;
  font-size: 1.4rem;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  color: var(--fg-neutral-medium);
}
.depo-video-wizard__close:hover {
  color: var(--fg-neutral-strong);
}

.depo-video-wizard__steps {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 0 16px;
  font-size: 0.85rem;
  color: var(--fg-neutral-medium);
}

.depo-video-wizard__step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.depo-video-wizard__step i {
  font-style: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--cf-gray-100);
  font-size: 0.75rem;
}

.depo-video-wizard__step--active {
  color: var(--cf-purple-600);
  background: rgb(from var(--cf-purple-600) r g b/8%);
  border-radius: 999px;
  padding: 2px 10px 2px 4px;
  font-weight: 600;
}
.depo-video-wizard__step--active i {
  background: var(--cf-purple-600);
  color: var(--cf-white);
}

.depo-video-wizard__step-rule {
  flex: 0 0 24px;
  border-top: 1px solid var(--cf-gray-200);
}

.depo-video-wizard__body {
  padding: 4px 0;
  max-height: 55vh;
  overflow-y: auto;
}

.depo-video-wizard__dropzone .drop-zone,
.depo-video-wizard__dropzone-inner {
  text-align: center;
}

.depo-video-wizard__dropzone-inner {
  border: 1.5px dashed var(--cf-gray-300);
  border-radius: 8px;
  padding: 34px 16px;
  transition: border-color 120ms ease-out, background 120ms ease-out;
}

.depo-video-wizard__dropzone.is-dragging .depo-video-wizard__dropzone-inner {
  border-color: var(--cf-purple-600);
  background: rgb(from var(--cf-purple-600) r g b/5%);
}

.depo-video-wizard__dropzone-title {
  font-weight: 600;
  margin: 0 0 6px;
}

.depo-video-wizard__dropzone-hint {
  margin: 0;
  color: var(--fg-neutral-medium);
  font-size: 0.85rem;
}

.depo-video-wizard__cards {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.depo-video-wizard__card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--cf-gray-200);
  border-radius: 8px;
  padding: 10px 14px;
}

.depo-video-wizard__progress {
  width: 100%;
  height: 6px;
  margin-top: 8px;
  appearance: none;
  border: none;
  border-radius: 999px;
  overflow: hidden;
  background: var(--cf-gray-100);
}
.depo-video-wizard__progress::-webkit-progress-bar {
  background: var(--cf-gray-100);
  border-radius: 999px;
}
.depo-video-wizard__progress::-webkit-progress-value {
  background: var(--cf-purple-600);
  border-radius: 999px;
}
.depo-video-wizard__progress::-moz-progress-bar {
  background: var(--cf-purple-600);
  border-radius: 999px;
}

.depo-video-wizard__indeterminate {
  width: 100%;
  height: 6px;
  margin-top: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: var(--cf-gray-100);
}
.depo-video-wizard__indeterminate span {
  display: block;
  height: 100%;
  width: 32%;
  border-radius: 999px;
  background: var(--cf-purple-600);
  animation: depo-video-indeterminate 1.4s ease-in-out infinite;
}

.depo-video-wizard__card-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}

.depo-video-wizard__card-name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.depo-video-wizard__card-meta {
  color: var(--fg-neutral-medium);
  font-size: 0.85rem;
}

.depo-video-wizard__card-error {
  color: var(--fg-status-alert-strong);
  font-size: 0.85rem;
  margin-top: 4px;
}

.depo-video-wizard__card-success {
  color: var(--fg-status-success-strong);
  font-size: 0.85rem;
  margin-top: 4px;
}

.depo-video-wizard__card-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.depo-video-wizard__action-btn {
  padding: 4px 12px;
  font-size: 0.85rem;
  font-weight: 500;
  background: var(--cf-white);
  border: 1px solid var(--cf-gray-200);
  border-radius: 6px;
  color: var(--fg-neutral-medium);
  cursor: pointer;
}
.depo-video-wizard__action-btn:hover {
  background: var(--bg-action-utility-hover);
  border-color: var(--cf-gray-300);
}

.depo-video-wizard__card-remove {
  align-self: flex-start;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  margin: -2px -6px 0 0;
  background: none;
  border: none;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1;
  color: var(--fg-neutral-medium);
  cursor: pointer;
}
.depo-video-wizard__card-remove:hover {
  color: var(--fg-status-alert-strong);
}

.depo-video-wizard__stage {
  font-weight: 600;
}

.depo-video-wizard__stage--synced,
.depo-video-wizard__stage--sync_warned {
  color: var(--fg-status-success-strong);
}

.depo-video-wizard__stage--sync_rejected,
.depo-video-wizard__stage--failed {
  color: var(--fg-status-alert-strong);
}

.depo-video-wizard__method {
  margin-top: 16px;
  border: 1px solid var(--cf-gray-200);
  border-radius: 8px;
  padding: 12px 14px;
}
.depo-video-wizard__method p {
  margin: 0 0 4px;
}

.depo-video-wizard__hint {
  color: var(--fg-neutral-medium);
  font-size: 0.85rem;
}

.depo-video-wizard__vendor {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1.5px dashed var(--cf-gray-300);
  border-radius: 8px;
  transition: border-color 120ms ease-out, background 120ms ease-out;
}
.depo-video-wizard__vendor.is-dragging {
  border-color: var(--cf-purple-600);
  background: rgb(from var(--cf-purple-600) r g b/5%);
}

.depo-video-wizard__callout {
  margin: 14px 0 0;
  padding: 12px 14px;
  border: 1px solid var(--border-status-warning);
  border-radius: 8px;
  background: var(--bg-status-warning-light);
  color: var(--fg-status-warning-strong);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.5;
}

.depo-video-wizard__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--cf-gray-200);
  margin-top: 16px;
  padding: 14px 0 2px;
}

.depo-video-wizard__privacy {
  color: var(--fg-neutral-medium);
  font-size: 0.85rem;
}

.depo-video-wizard__footer-actions {
  display: flex;
  gap: 10px;
}

@keyframes depo-video-indeterminate {
  0% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(340%);
  }
}
.depo-video-pane {
  --dvp-accent: rgb(94 61 187);
  --dvp-accent-hover: rgb(67 42 137);
  --dvp-bg: rgb(24 24 24);
  --dvp-bg-raised: rgb(31 31 31);
  --dvp-hover: rgb(61 61 61);
  --dvp-fg: rgb(255 255 255);
  --dvp-fg-soft: rgb(235 235 235);
  --dvp-fg-mid: rgb(217 217 217);
  --dvp-fg-dim: rgb(179 179 179);
  --dvp-fg-faint: rgb(139 139 139);
  --dvp-fg-mute: rgb(110 110 110);
  --dvp-mark: rgb(150 120 235 / 85%);
  --dvp-mark-active: rgb(196 181 253);
  --dvp-label-font: var(--font-label, sans-serif);
  position: fixed;
  right: 40px;
  bottom: 36px;
  z-index: 1200;
  width: 520px;
  color-scheme: dark;
  background: var(--dvp-bg);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(24, 24, 24, 0.32), 0 2px 6px rgba(24, 24, 24, 0.24);
  overflow: hidden;
  color: var(--dvp-fg);
}
.depo-video-pane .dvp-icon {
  flex-shrink: 0;
}
.depo-video-pane .dvp-icon path:not([fill=none]) {
  fill: currentcolor;
}

.depo-video-pane--collapsed {
  width: auto;
  background: none;
  box-shadow: none;
  overflow: visible;
}

.depo-video-pane__spacer {
  flex: 1;
}

.depo-video-pane__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--dvp-bg);
  color: var(--dvp-fg);
  border: none;
  border-radius: 9999px;
  padding: 8px 16px;
  font-size: 13px;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(24, 24, 24, 0.4);
}
.depo-video-pane__pill:hover, .depo-video-pane__pill:focus {
  color: var(--dvp-fg);
}

.depo-video-pane__header {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 8px 0 12px;
  background: var(--dvp-bg-raised);
  cursor: grab;
  user-select: none;
}
.depo-video-pane__header:active {
  cursor: grabbing;
}

.depo-video-pane__grip {
  font-size: 18px;
  color: var(--dvp-fg-mute);
}

.depo-video-pane__title {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.depo-video-pane__subtitle {
  font-size: 12px;
  font-weight: 400;
  color: var(--dvp-fg-faint);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.depo-video-pane__follow {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px 0 8px;
  border: 1px solid var(--dvp-hover);
  border-radius: 9999px;
  background: transparent;
  color: var(--dvp-fg-dim);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 150ms ease-out, border-color 150ms ease-out;
}
.depo-video-pane__follow:hover, .depo-video-pane__follow:focus {
  color: var(--dvp-fg-dim);
  border-color: var(--dvp-hover);
}
.depo-video-pane__follow.is-active:hover, .depo-video-pane__follow.is-active:focus {
  color: var(--dvp-fg);
  border-color: var(--dvp-accent);
}
.depo-video-pane__follow.is-active {
  border-color: var(--dvp-accent);
  background: var(--dvp-accent);
  color: var(--dvp-fg);
}

.depo-video-pane__icon-btn {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--dvp-fg-dim);
  cursor: pointer;
}
.depo-video-pane__icon-btn:hover, .depo-video-pane__icon-btn:focus {
  background: var(--dvp-hover);
  color: var(--dvp-fg);
}

.depo-video-pane__stage {
  position: relative;
  aspect-ratio: 16/9;
  background: var(--cf-black);
}

.depo-video-pane__synced-chip {
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.62);
  font-family: var(--dvp-label-font);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  pointer-events: none;
}
.depo-video-pane__synced-chip i {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: rgb(168, 221, 159);
}
.depo-video-pane__synced-chip i.is-paused {
  background: var(--dvp-fg-faint);
}

.depo-video-pane__overlay-actions {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 2;
  display: flex;
  gap: 6px;
}

.depo-video-pane__overlay-btn {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.62);
  color: var(--dvp-fg);
  cursor: pointer;
}
.depo-video-pane__overlay-btn:hover, .depo-video-pane__overlay-btn:focus {
  background: var(--dvp-accent);
  color: var(--dvp-fg);
}

.depo-video-pane__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--cf-black);
  cursor: pointer;
}

.depo-video-pane__lower {
  padding: 12px 14px 0;
}

.depo-video-pane__seek {
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.depo-video-pane__seek-track {
  position: relative;
  width: 100%;
  height: 5px;
  border-radius: 9999px;
  background: var(--dvp-hover);
}

.depo-video-pane__seek-played {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  border-radius: 9999px;
  background: var(--dvp-accent);
}

.depo-video-pane__seek-boundary {
  position: absolute;
  top: -2px;
  width: 2px;
  height: 9px;
  margin-left: -1px;
  border-radius: 1px;
  background: var(--dvp-fg-mute);
}

.depo-video-pane__seek-head {
  position: absolute;
  top: 50%;
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
  border-radius: 9999px;
  background: var(--dvp-fg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.depo-video-pane__seek-tooltip {
  position: absolute;
  bottom: 22px;
  transform: translateX(-50%);
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--dvp-fg);
  color: var(--dvp-bg);
  font-family: var(--dvp-label-font);
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

.depo-video-pane__controls {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0 12px;
}

.depo-video-pane__play-btn {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 9999px;
  background: var(--dvp-accent);
  color: var(--dvp-fg);
  cursor: pointer;
  transition: background 150ms ease-out;
}
.depo-video-pane__play-btn:hover, .depo-video-pane__play-btn:focus {
  background: var(--dvp-accent-hover);
  color: var(--dvp-fg);
}

.depo-video-pane__transport-btn {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--dvp-fg-mid);
  cursor: pointer;
}
.depo-video-pane__transport-btn:hover, .depo-video-pane__transport-btn:focus {
  background: var(--dvp-hover);
  color: var(--dvp-fg);
}
.depo-video-pane__transport-btn.is-muted {
  color: var(--dvp-fg-faint);
}

.depo-video-pane__speed {
  height: 30px;
  min-width: 56px;
  padding: 0 6px;
  border: 1px solid var(--dvp-hover);
  border-radius: 8px;
  background: transparent;
  color: var(--dvp-fg-soft);
  font-family: var(--dvp-label-font);
  font-weight: 500;
  font-size: 12px;
  cursor: pointer;
}
.depo-video-pane__speed:hover, .depo-video-pane__speed:focus {
  background: var(--dvp-hover);
  color: var(--dvp-fg-soft);
}
.depo-video-pane__speed:focus {
  outline: none;
}
.depo-video-pane__speed:focus-visible {
  border-color: var(--dvp-accent);
}

.depo-video-pane__speed-menu.quick-actions__sub-menu.dropdown-content, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .depo-video-pane__speed-menu.quick-actions__sub-menu.primary-nav__nav-item--cases__sub-menu, .design-2024 .depo-video-pane__speed-menu.quick-actions__sub-menu.settings-pop-out-menu {
  z-index: 1300;
  min-width: 72px;
  border: 1px solid rgb(61, 61, 61);
  border-radius: 8px;
  padding: 4px;
  background: rgb(31, 31, 31);
  box-shadow: 0 8px 24px rgba(24, 24, 24, 0.32), 0 2px 6px rgba(24, 24, 24, 0.24);
}
.depo-video-pane__speed-menu.quick-actions__sub-menu.dropdown-content > ul > li, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .depo-video-pane__speed-menu.quick-actions__sub-menu.primary-nav__nav-item--cases__sub-menu > ul > li, .design-2024 .depo-video-pane__speed-menu.quick-actions__sub-menu.settings-pop-out-menu > ul > li {
  padding: 6px 14px;
  border-radius: 6px;
  color: rgb(235, 235, 235);
  font-family: var(--font-label, sans-serif);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.depo-video-pane__speed-menu.quick-actions__sub-menu.dropdown-content > ul > li:hover, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .depo-video-pane__speed-menu.quick-actions__sub-menu.primary-nav__nav-item--cases__sub-menu > ul > li:hover, .design-2024 .depo-video-pane__speed-menu.quick-actions__sub-menu.settings-pop-out-menu > ul > li:hover {
  background: rgb(61, 61, 61);
  color: rgb(255, 255, 255);
}
.depo-video-pane__speed-menu.quick-actions__sub-menu.dropdown-content > ul > li.selected, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .depo-video-pane__speed-menu.quick-actions__sub-menu.primary-nav__nav-item--cases__sub-menu > ul > li.selected, .design-2024 .depo-video-pane__speed-menu.quick-actions__sub-menu.settings-pop-out-menu > ul > li.selected {
  background: rgb(94, 61, 187);
  color: rgb(255, 255, 255);
}

.depo-video-pane__volume {
  width: 64px;
  accent-color: var(--dvp-accent);
  background: transparent;
  cursor: pointer;
}

.depo-video-pane__clock-current {
  font-family: var(--dvp-label-font);
  font-weight: 500;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--dvp-fg-soft);
}

.depo-video-pane__clock-total {
  font-family: var(--dvp-label-font);
  font-weight: 500;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--dvp-fg-faint);
}

.depo-video-pane__status {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  border-top: 1px solid rgb(41, 41, 41);
  background: var(--dvp-bg-raised);
}

.depo-video-pane__status-icon {
  font-size: 16px;
  color: var(--dvp-fg-faint);
}

.depo-video-pane__status-label {
  font-size: 12px;
  color: var(--dvp-fg-dim);
}

.depo-video-pane__status-cite {
  font-family: var(--dvp-label-font);
  font-weight: 500;
  font-size: 12px;
  color: var(--dvp-fg);
}

.depo-video-pane__status-designation {
  font-size: 12px;
  color: var(--dvp-fg-mute);
}
.depo-video-pane__status-designation.is-active {
  color: var(--dvp-mark-active);
}

.depo-video-pane__resize-grip {
  position: absolute;
  right: 3px;
  bottom: 5px;
  width: 14px;
  height: 14px;
  font-size: 14px;
  cursor: nwse-resize;
  color: var(--dvp-fg-mute);
}

.deposition-v2__line-wrap--video-current {
  background: rgb(from var(--cf-purple-600) r g b/9%);
}
.deposition-v2__line-wrap--video-current .deposition-viewer-v2__line-number {
  color: var(--cf-purple-600);
  font-weight: 700;
}

.deposition-viewer-v2__line-number {
  position: relative;
}

.deposition-v2__line-play {
  display: none;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--cf-purple-600);
  border: none;
  padding: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.deposition-v2__line-play:hover {
  filter: brightness(1.15);
}

.deposition-v2__line-play-triangle {
  display: block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent var(--cf-white);
}

.deposition-v2__line-wrap:hover .deposition-v2__line-play {
  display: inline-flex;
}
.deposition-v2__line-wrap:hover .deposition-viewer-v2__line-number--playable .deposition-viewer-v2__line-number-text {
  visibility: hidden;
}

::highlight(depo-video-word) {
  background-color: rgb(from var(--cf-purple-600) r g b/40%);
  color: inherit;
}

.modal-question-dialog-component {
  position: absolute;
  cursor: pointer;
  background-color: var(--cf-white);
  border: var(--border-width) solid var(--cf-legacy-loblolly);
  border-radius: 4px;
  box-shadow: var(--shadow-deep) !important;
}
.modal-question-dialog-component .dropdown-content, .modal-question-dialog-component .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .modal-question-dialog-component .primary-nav__nav-item--cases__sub-menu, .modal-question-dialog-component .design-2024 .settings-pop-out-menu, .design-2024 .modal-question-dialog-component .settings-pop-out-menu {
  border: none;
}
.modal-question-dialog-component {
  top: 100px;
  left: 100px;
  z-index: 2000;
}

.x-table__row-actions.dropdown-content, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .x-table__row-actions.primary-nav__nav-item--cases__sub-menu, .design-2024 .x-table__row-actions.settings-pop-out-menu {
  min-width: 180px;
}

button.icon-jar-button__v3-zoom {
  position: relative;
}
button.icon-jar-button__v3-zoom svg {
  width: 18px;
  height: 18px;
  transform: translateY(4px);
}

button.icon-jar-button__v3-expand-x {
  position: relative;
}
button.icon-jar-button__v3-expand-x svg {
  width: 18px;
  height: 18px;
  transform: rotate(90deg);
}

form.citation-picker section.inputs,
form.citation-picker section.header {
  margin-bottom: 16px;
}
form.citation-picker .card, form.citation-picker .tippy-box[data-theme~=popover], form.citation-picker .tippy-box[data-theme~=tippy--interactive], form.citation-picker .contact-card, form.citation-picker .search-pane .search-pane__hits-wrap .search-hit, .search-pane .search-pane__hits-wrap form.citation-picker .search-hit {
  cursor: pointer;
}

.viewer-middle-content--paged-v3 .page-v3-content-wrap {
  height: 100%;
  overflow-y: scroll;
  position: relative;
  text-align: center;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3__drawing-pad {
  pointer-events: none;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3__drawing-pad text.page-v3__drawing-pad__debug-vertex {
  font-size: 14px;
  font-weight: 600;
  fill: red;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner {
  contain: content;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  border: 1px solid green;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell {
  margin: 0 auto;
  background-color: var(--cf-white);
  position: relative;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon {
  fill-opacity: 0;
  stroke-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell text.page-v3__block-index {
  font-size: 12px;
  font-weight: 600;
  fill: blue;
  text-anchor: middle;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token {
  cursor: text;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--cited {
  cursor: pointer;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--emphasized {
  fill: rgba(255, 170, 51, 0.7) !important;
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--blue-highlighted {
  fill: rgba(94, 61, 187, 0.3) !important;
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--suggested-fact {
  fill: rgba(94, 61, 187, 0.3);
  fill-opacity: 1;
  mix-blend-mode: multiply;
  cursor: pointer;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--suggested-fact.token-v3--suggested-fact-emphasized {
  fill: rgba(94, 61, 187, 0.7) !important;
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity {
  fill: rgba(94, 61, 187, 0.15);
  fill-opacity: 1;
  cursor: pointer;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-person {
  fill: color-mix(in srgb, var(--entity-person), transparent 85%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-organization {
  fill: color-mix(in srgb, var(--entity-organization), transparent 85%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-event {
  fill: color-mix(in srgb, var(--entity-event), transparent 85%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-location {
  fill: color-mix(in srgb, var(--entity-location), transparent 85%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-date {
  fill: color-mix(in srgb, var(--entity-date), transparent 85%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-product {
  fill: color-mix(in srgb, var(--entity-product), transparent 85%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-datetime {
  fill: color-mix(in srgb, var(--entity-datetime), transparent 85%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-document {
  fill: color-mix(in srgb, var(--entity-document), transparent 85%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-other {
  fill: color-mix(in srgb, var(--entity-other), transparent 85%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized {
  fill: rgba(94, 61, 187, 0.7);
  mix-blend-mode: multiply;
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized.token-v3--entity-person {
  fill: color-mix(in srgb, var(--entity-person), transparent 30%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized.token-v3--entity-organization {
  fill: color-mix(in srgb, var(--entity-organization), transparent 30%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized.token-v3--entity-event {
  fill: color-mix(in srgb, var(--entity-event), transparent 30%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized.token-v3--entity-location {
  fill: color-mix(in srgb, var(--entity-location), transparent 30%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized.token-v3--entity-date {
  fill: color-mix(in srgb, var(--entity-date), transparent 30%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized.token-v3--entity-product {
  fill: color-mix(in srgb, var(--entity-product), transparent 30%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized.token-v3--entity-datetime {
  fill: color-mix(in srgb, var(--entity-datetime), transparent 30%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized.token-v3--entity-document {
  fill: color-mix(in srgb, var(--entity-document), transparent 30%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized.token-v3--entity-other {
  fill: color-mix(in srgb, var(--entity-other), transparent 30%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--entity-emphasized {
  cursor: pointer;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3--highlighted {
  fill: rgba(255, 224, 102, 0.6) !important;
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3-highlight--bg-1 {
  fill: rgba(255, 224, 102, 0.5);
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3-highlight--bg-2 {
  fill: rgba(204, 183.3333333333, 102, 0.5);
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3-highlight--bg-3 {
  fill: rgba(153, 142.6666666667, 102, 0.5);
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3-highlight--bg-4 {
  fill: rgba(102, 102, 102, 0.5);
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3-highlight--bg-5 {
  fill: rgba(85, 85, 85, 0.5);
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell polygon.token.token-v3-highlight--bg-6 {
  fill: rgba(72.8571428571, 72.8571428571, 72.8571428571, 0.5);
  fill-opacity: 1;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap svg.page-v3-content-inner g.page-v3-wrapper .page-v3-img-shell__missing-notice {
  font-size: 32px;
  font-size: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap .page-v3__touch-pad {
  position: relative;
  min-width: fit-content;
  -webkit-touch-callout: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-user-select: none;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap .page-v3__touch-pad--using-pan-tool {
  cursor: grab;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap .page-v3__touch-pad--using-pan-tool polygon.token {
  cursor: grab !important;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap .page-v3__touch-pad--using-pan-tool.page-v3__touch-pad--is-panning {
  cursor: grabbing;
}
.viewer-middle-content--paged-v3 .page-v3-content-wrap .page-v3__touch-pad--using-pan-tool.page-v3__touch-pad--is-panning polygon.token {
  cursor: grabbing !important;
}

.page-v3-img-shell [data-skeleton-loader-page] {
  /* The fill here is the darkest you want the skeleton to be. The opacity
     will be adjusted to make the loading effect. */
  fill: var(--cf-gray-300);
}

.drawing-pad-cursor {
  position: absolute;
  animation: drawing-pad-cursor-pop-in 0.1s;
}
.drawing-pad-cursor_circle {
  background-color: #ffe066;
  top: 100%;
  transform: translateX(-46%);
  width: 18px;
  height: 18px;
  border-radius: 36px;
  position: absolute;
  box-shadow: 0 0 3px 2px hsla(0, 0%, 0%, 0.2);
}
.drawing-pad-cursor_stem {
  width: 3px;
  background-color: #ffe066;
}

@keyframes drawing-pad-cursor-pop-in {
  0% {
    opacity: 0;
    scale: 0.1;
  }
  80% {
    opacity: 1;
    scale: 1.2;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
.casefleet--file-dragging .drop-zone.is-overlay {
  position: relative;
}
.casefleet--file-dragging .drop-zone.is-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(94, 61, 187, 0.05);
  border: 2px dashed rgba(94, 61, 187, 0.4);
  border-radius: 8px;
  pointer-events: none;
  z-index: 5;
}
.casefleet--file-dragging .drop-zone.is-overlay::after {
  content: "Drop files here to upload";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(94, 61, 187, 0.7);
  font-weight: 500;
  font-size: 16px;
  pointer-events: none;
  z-index: 6;
  text-align: center;
  background-color: rgb(from var(--cf-white) r g b/90%);
  padding: 10px 20px;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  transition: font-size 0.2s ease, padding 0.2s ease;
}
.casefleet--file-dragging .drop-zone.is-overlay.is-dragging {
  position: relative;
}
.casefleet--file-dragging .drop-zone.is-overlay.is-dragging::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(94, 61, 187, 0.1);
  border: 2px dashed var(--cf-purple-600);
  border-radius: 8px;
  pointer-events: none;
  z-index: 10;
}
.casefleet--file-dragging .drop-zone.is-overlay.is-dragging::after {
  content: "Drop files here to upload";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--cf-purple-600);
  font-weight: 600;
  font-size: 18px;
  pointer-events: none;
  z-index: 11;
  text-align: center;
  background-color: rgb(from var(--cf-white) r g b/90%);
  padding: 12px 24px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: font-size 0.2s ease, padding 0.2s ease;
}

.tag {
  display: inline-flex;
  height: 26px;
  padding: 0 8px;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  flex-wrap: wrap;
  cursor: pointer;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
  border-radius: 24px;
}
.tag .tag__icon {
  margin-right: 0.5em;
  line-height: 0;
}
.tag .tag__icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentcolor;
}
.tag .tag__icon svg path {
  fill: currentcolor;
}
.tag.tag-size--small {
  height: 20px;
  padding: 0 6px;
  font-size: 10px;
  line-height: 20px;
  line-height: 1;
}
.tag.tag-color--default {
  color: var(--cf-gray-700);
  border: 1px solid var(--cf-gray-300);
  background: var(--cf-white);
}
.tag.tag-color--grey {
  color: var(--cf-gray-700);
  border: 1px solid var(--cf-gray-300);
  background: var(--cf-gray-100);
}
.tag.tag-color--grey-subtle {
  color: var(--cf-gray-700);
  border: none;
  background: var(--cf-gray-100);
}
.tag.tag-color--purple {
  color: var(--cf-purple-600);
  border: 1px solid var(--cf-purple-200);
  background: var(--cf-purple-100);
}
.tag.tag-color--green {
  color: #2e7d32;
  border: 1px solid #c8e6c9;
  background: #f1f8e9;
}
.tag.tag-color--custom {
  background-color: color-mix(in srgb, currentcolor 15%, transparent);
  border: 1px solid color-mix(in srgb, currentcolor 70%, transparent);
}

.tag-tree__controls {
  display: flex;
  flex-direction: row;
  padding: 16px 0;
}
.tag-tree__controls .tag-tree__controls__right {
  display: flex;
  flex-direction: row;
  margin-left: auto;
}
.tag-tree__controls .tag-tree__controls__right > button:not(:last-of-type) {
  margin-right: 16px;
}

.tag-tree-item {
  display: flex;
  flex-direction: row;
  padding: 16px;
}
.tag-tree-item:not(:last-child) {
  border-bottom: 1px solid var(--cf-legacy-dust);
}
.tag-tree-item:hover {
  background-color: var(--cf-off-white);
}
.tag-tree-item {
  align-items: center;
}
.tag-tree-item .tag-tree-item__spacer.tag-tree-item__spacer--0 {
  width: 0px;
}
.tag-tree-item .tag-tree-item__spacer.tag-tree-item__spacer--1 {
  width: 30px;
}
.tag-tree-item .tag-tree-item__spacer.tag-tree-item__spacer--2 {
  width: 60px;
}
.tag-tree-item .tag-tree-item__spacer.tag-tree-item__spacer--3 {
  width: 90px;
}
.tag-tree-item .tag-tree-item__spacer.tag-tree-item__spacer--4 {
  width: 120px;
}
.tag-tree-item .tag-tree-item__spacer.tag-tree-item__spacer--5 {
  width: 150px;
}
.tag-tree-item .tag-tree-item__spacer.tag-tree-item__spacer--6 {
  width: 180px;
}
.tag-tree-item .tag-tree-item__icon {
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tag-tree-item .tag-tree-item__icon svg {
  width: 20px;
  height: 20px;
}
.tag-tree-item .tag-tree-item__icon.tag-tree-item__icon--tag svg path {
  fill: currentcolor;
}
.tag-tree-item .tag-tree-item__icon.tag-tree-item__icon--folder svg path:not([fill=none]) {
  fill: currentcolor;
}
.tag-tree-item .tag-tree-item__toggle-collapsed {
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tag-tree-item .tag-tree-item__toggle-collapsed.tag-tree-item__toggle-collapsed--collapsed svg {
  transform: rotate(-90deg);
}
.tag-tree-item .tag-tree-item__name {
  padding: 4px;
}
.tag-tree-item .tag-tree-item__controls {
  margin-left: auto;
  display: flex;
  flex-direction: row;
}
.tag-tree-item .tag-tree-item__controls > div {
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tag-tree-item .tag-tree-item__controls > div svg {
  width: 20px;
  height: 20px;
}
.tag-tree-item .tag-tree-item__controls > div svg path:not([fill=none]) {
  fill: #5f6368;
}
.tag-tree-item .tag-tree-item__controls .tag-tree-item__edit {
  cursor: pointer;
}

.edit-tag-form .color-field-component label, .edit-tag-form .color-field-component #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .edit-tag-form .color-field-component .settlement-date, .edit-tag-form .color-field-component .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .edit-tag-form .color-field-component .feed-memo-date, .edit-tag-form .color-field-component .graph .graph-pagination .graph-stats, .graph .graph-pagination .edit-tag-form .color-field-component .graph-stats, .edit-tag-form .color-field-component .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .edit-tag-form .color-field-component .sidebar-record-category, .edit-tag-form .color-field-component .table-pagination .pagination-text, .table-pagination .edit-tag-form .color-field-component .pagination-text {
  text-align: right;
}

.collapsible > .collapsible__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.collapsible > .collapsible__header > .collapsible__toggle[aria-expanded] {
  transform: rotate(180deg);
}
.collapsible > .collapsible__header > .collapsible__toggle {
  background: none;
  border: none;
  padding: 0;
}
.collapsible > .collapsible__header > .collapsible__toggle svg g,
.collapsible > .collapsible__header > .collapsible__toggle svg path {
  fill: var(--cf-ink);
}
.collapsible > .collapsible__header > .collapsible__toggle {
  color: var(--cf-ink);
  cursor: pointer;
  transition: transform 0.3s ease;
}
.collapsible > .collapsible__content-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.3s ease-in-out, overflow 0s allow-discrete;
}
.collapsible.collapsible--closed > .collapsible__content-wrapper > .collapsible__content {
  padding: 0 !important;
}
.collapsible.collapsible--open > .collapsible__content-wrapper {
  grid-template-rows: 1fr;
  overflow: visible;
  transition: grid-template-rows 0.3s ease-in-out, overflow 1s allow-discrete;
}
.collapsible > .collapsible__content-wrapper > .collapsible__content {
  min-height: 0;
  transition: padding 0.3s ease-in-out;
}
.collapsible.collapsible--small > .collapsible__header > .collapsible__title {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}
.collapsible.collapsible--default > .collapsible__header > .collapsible__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.fly-out {
  position: fixed;
  background: var(--cf-white);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  pointer-events: all;
}
.fly-out.fly-out--left {
  left: 0;
  top: 0;
  bottom: 0;
  animation: fly-out-left 0.3s ease-in-out;
  animation-fill-mode: forwards;
}
.fly-out.fly-out--right {
  right: 0;
  top: 0;
  bottom: 0;
  animation: fly-out-right 0.3s ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes fly-out-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fly-out-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
#flyout-outlet {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#flyout-outlet .resizable {
  height: 100%;
}

.resizable .fly-out {
  flex: 1;
  display: block;
  position: relative;
  height: 100%;
}

.resizable .resizable-panel:has(.fly-out) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

kbd {
  padding: 0.1em 0.6em;
  border: 1px solid var(--cf-legacy-ncc);
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: var(--cf-legacy-nf7);
  color: var(--chat-fg-case-name);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px var(--cf-white) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px var(--cf-white) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px var(--cf-white) inset;
  border-radius: 3px;
  display: inline-block;
  text-shadow: 0 1px 0 var(--cf-white);
  line-height: 1.4;
  white-space: nowrap;
  position: relative;
  top: -1px;
}

.resizable {
  position: relative;
  display: flex;
}

.resizable--horizontal {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.resizable--horizontal .resizable-handle:hover {
  cursor: ew-resize;
}
.resizable--horizontal .resizable-handle {
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  margin-left: -2.5px;
}
.resizable--horizontal .resizable-handle .resizable-handle__thin-line:hover {
  cursor: ew-resize;
  height: 100%;
  width: 5px;
  max-width: 5px;
  min-width: 5px;
}

.resizable--vertical {
  flex-direction: column;
  overflow: hidden;
}
.resizable--vertical .resizable-handle {
  cursor: ns-resize;
  width: 100%;
  height: 5px;
  margin-top: -2.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.resizable--vertical .resizable-handle .resizable-handle__thin-line {
  width: 100%;
  height: 5px;
  max-height: 5px;
  min-height: 5px;
  pointer-events: none;
}

.resizable-handle {
  position: absolute;
  height: 100%;
  z-index: 1000;
  width: 5px;
  pointer-events: all !important;
  user-select: none;
}
.resizable-handle:hover .resizable-handle__thin-line {
  opacity: 1;
}
.resizable-handle .resizable-handle__thin-line {
  opacity: 0;
  height: 100%;
  background-color: var(--cf-legacy-n88);
}

.resizable:has(.fly-out) {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 1;
}

.menu {
  padding: 4px;
  margin: 0;
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-legacy-loblolly);
  list-style: none;
}
.menu:focus {
  outline: none;
}
.menu .menu-item--link,
.menu .menu-item--link-to {
  padding: 0;
}
.menu .menu-item--link a,
.menu .menu-item--link-to a {
  display: flex;
  align-items: center;
  width: 100%;
}
.menu .menu-item--link a:focus,
.menu .menu-item--link-to a:focus {
  outline: none;
  color: var(--cf-purple-600);
  background-color: var(--cf-off-white);
}
.menu hr {
  border: 0;
  border-top: 1px solid var(--cf-gray-300);
  margin: 4px 0 !important;
  padding: 0;
}
.menu.menu--compact {
  padding: 0;
}
.menu.menu--center-text .menu-item {
  text-align: center;
  justify-content: center;
}
.menu .menu-item {
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 7px 16px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  color: var(--cf-gray-800);
}
.menu .menu-item:has(.svg-icon-left) {
  padding-left: 4px;
}
.menu .menu-item:has(.svg-icon-right) {
  padding-right: 4px;
}
.menu .menu-item:not(:last-of-type) {
  margin-bottom: 2px;
}
.menu .menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.menu .menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.menu .menu-item.selected {
  background-color: var(--cf-gray-100);
}
.menu .menu-item.selected span.check-mark {
  visibility: visible;
}
.menu .menu-item:hover {
  background-color: var(--cf-off-white);
}
.menu .menu-item.menu-toggle-item {
  padding-top: 4px;
  cursor: default;
  width: 100%;
}
.menu .menu-item.menu-toggle-item:hover {
  background-color: transparent;
}
.menu .menu-item.menu-toggle-item:focus {
  background-color: transparent;
}
.menu .menu-item.menu-toggle-item > * {
  width: 100%;
}
.menu .menu-item.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.menu .menu-item.disabled:hover {
  color: var(--cf-gray-800);
  background-color: var(--cf-white);
}
.menu .menu-item:focus {
  outline: none;
  background-color: var(--cf-off-white);
}
.menu .menu-item a {
  color: var(--cf-gray-800);
  text-decoration: none;
}
.menu .menu-item a:hover {
  color: var(--cf-purple-600);
}
.menu .menu-item span.check-mark {
  visibility: hidden;
  width: 12px;
  height: 12px;
  display: inline-block;
  text-align: center;
  position: relative;
  margin-right: 4px;
}
.menu .menu-item span.check-mark svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu .menu-item span.check-mark svg path {
  fill: var(--cf-ink);
}
.menu .menu-item .menu-item--check-mark-container {
  display: flex;
  align-items: center;
  min-width: 24px;
}
.menu .menu-item svg [fill]:not([fill=none]),
.menu .menu-item svg path.filled {
  fill: currentcolor !important;
}
.menu .menu-item .svg-icon-left {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.menu .menu-item .svg-icon-right {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.menu .menu-item svg.fa-pulse {
  display: flex;
  align-items: center;
}

.context-menu {
  position: absolute;
  min-width: 200px;
  box-shadow: 0 1px 10px -3px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  will-change: left, top;
}
.context-menu .menu {
  border-radius: 6px;
}

#context-menu-outlet {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#context-menu-outlet > * {
  pointer-events: auto;
}

.context-menu-area {
  position: relative;
}

.form-for:not(.form-for--unformatted) {
  display: flex;
  flex-direction: column;
}
.form-for:not(.form-for--unformatted) .form-for-field {
  flex: 0 1 auto;
}
.form-for:not(.form-for--unformatted) .field-for {
  margin-bottom: 0.5rem;
}
.form-for:not(.form-for--unformatted) .field-for.field-for--is-loading textarea:not(:focus),
.form-for:not(.form-for--unformatted) .field-for.field-for--is-loading input:not(:focus),
.form-for:not(.form-for--unformatted) .field-for.field-for--is-loading .timezone-click-to-edit:not(:focus) {
  animation: pulse-loading 1s ease-in-out infinite;
  border-radius: 4px;
}
.form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row-reverse;
  justify-content: start;
}
.form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) label, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) .settlement-date, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) .feed-memo-date, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) .graph-stats, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) .sidebar-record-category, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) .table-pagination .pagination-text, .table-pagination .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-control) .pagination-text {
  cursor: pointer;
}
.form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) label, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) .settlement-date, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) .feed-memo-date, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) .graph-stats, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) .sidebar-record-category, .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) .table-pagination .pagination-text, .table-pagination .form-for:not(.form-for--unformatted) .field-for:has(.checkbox-select) .pagination-text {
  cursor: pointer;
}
.form-for:not(.form-for--unformatted).form-for--inline-fields .field-for {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 1rem;
}
.form-for:not(.form-for--unformatted).form-for--inline-fields .field-for label, .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for .settlement-date, .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for .feed-memo-date, .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for .graph-stats, .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for .sidebar-record-category, .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for .table-pagination .pagination-text, .table-pagination .form-for:not(.form-for--unformatted).form-for--inline-fields .field-for .pagination-text {
  flex: 0 1 auto;
  min-width: 200px;
}
@keyframes pulse-loading {
  0%, 100% {
    background-color: var(--cf-white);
  }
  50% {
    background-color: var(--cf-legacy-ndd);
  }
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.radio-select) .radio-select-option {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  gap: 0.5rem;
  cursor: pointer;
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.radio-select) .radio-select-option .radio-select-label {
  cursor: pointer;
  line-height: 18px;
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  gap: 0.5rem;
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option label, .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .settlement-date, .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .feed-memo-date, .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .graph .graph-pagination .graph-stats, .graph .graph-pagination .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .graph-stats, .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .sidebar-record-category, .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .table-pagination .pagination-text, .table-pagination .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .pagination-text {
  line-height: 18px;
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option input[type=checkbox], .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option [type=checkbox].timezone-click-to-edit {
  appearance: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option input[type=checkbox]::after, .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option [type=checkbox].timezone-click-to-edit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--cf-legacy-loblolly);
  border-radius: 4px;
  background-color: var(--cf-white);
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .checkbox-select-option__checkmark {
  border-radius: 4px;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option svg {
  opacity: 0;
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option input:checked ~ .checkbox-select-option__checkmark, .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .timezone-click-to-edit:checked ~ .checkbox-select-option__checkmark {
  background-color: var(--cf-purple-600);
  border-color: var(--cf-purple-600);
}
.form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option input:checked ~ .checkbox-select-option__checkmark svg, .form-for:not(.form-for--unformatted) .field-for-control:has(.checkbox-select) .checkbox-select-option .timezone-click-to-edit:checked ~ .checkbox-select-option__checkmark svg {
  opacity: 1;
}

.field-for-label {
  font-size: 0.9375rem;
  line-height: 1.6;
}

.form-for__form-buttons {
  display: flex;
  margin-top: 16px;
  margin-bottom: 16px;
  align-items: center;
  justify-content: space-between;
}

.form-for__form-buttons__left {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}

.form-for__form-buttons__right {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}

.field-for-error {
  margin: 0;
  color: var(--cf-alert-500);
  font-size: 13px;
  font-weight: 500;
  padding: 10px 0 0;
}

.field-for--has-error input, .field-for--has-error .timezone-click-to-edit {
  border: 2px solid var(--cf-alert-500) !important;
}

.field-for-control:has(.field-for-password-toggle) {
  position: relative;
}
.field-for-control:has(.field-for-password-toggle) input, .field-for-control:has(.field-for-password-toggle) .timezone-click-to-edit {
  padding-right: 2.5rem;
}
.field-for-control:has(.field-for-password-toggle) .field-for-password-toggle {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  line-height: 0;
}
.field-for-control:has(.field-for-password-toggle) .field-for-password-toggle svg {
  width: 20px;
  height: 20px;
}
.field-for-control:has(.field-for-password-toggle) .field-for-password-toggle svg path {
  fill: var(--cf-legacy-loblolly);
}

.field-for-control:has(.checkbox-control) {
  position: relative;
  width: 18px;
  height: 18px;
}
.field-for-control:has(.checkbox-control) input[type=checkbox], .field-for-control:has(.checkbox-control) [type=checkbox].timezone-click-to-edit {
  appearance: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.field-for-control:has(.checkbox-control) input[type=checkbox]::after, .field-for-control:has(.checkbox-control) [type=checkbox].timezone-click-to-edit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid var(--cf-legacy-loblolly);
  border-radius: 4px;
  background-color: var(--cf-white);
}
.field-for-control:has(.checkbox-control) .checkbox-control__checkmark {
  border-radius: 4px;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.field-for-control:has(.checkbox-control) svg {
  opacity: 0;
}
.field-for-control:has(.checkbox-control) input:checked ~ .checkbox-control__checkmark, .field-for-control:has(.checkbox-control) .timezone-click-to-edit:checked ~ .checkbox-control__checkmark {
  background-color: var(--cf-purple-600);
  border-color: var(--cf-purple-600);
  color: white;
}
.field-for-control:has(.checkbox-control) input:checked ~ .checkbox-control__checkmark svg, .field-for-control:has(.checkbox-control) .timezone-click-to-edit:checked ~ .checkbox-control__checkmark svg {
  opacity: 1;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  outline: none;
  transition: all 0.2s ease;
}
.toggle-switch:focus-visible {
  outline: 2px solid var(--cf-purple-600);
  outline-offset: 2px;
  border-radius: 999px;
}
.toggle-switch:disabled:hover, .toggle-switch:disabled {
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.5;
}

.toggle-switch__track {
  display: block;
  position: relative;
  background-color: var(--cf-gray-500);
  border-radius: 999px;
  transition: background-color 0.2s ease;
}

.toggle-switch__thumb {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--cf-white);
  border-radius: 50%;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.toggle-switch--small .toggle-switch__track {
  width: 36px;
  height: 20px;
}
.toggle-switch--small .toggle-switch__thumb {
  width: 14px;
  height: 14px;
  left: 4px;
}

.toggle-switch--medium .toggle-switch__track {
  width: 50px;
  height: 26px;
}
.toggle-switch--medium .toggle-switch__thumb {
  width: 20px;
  height: 20px;
  left: 4px;
}

.toggle-switch--checked .toggle-switch__track {
  background-color: var(--cf-purple-600, var(--cf-indigo-500));
}
.toggle-switch--checked.toggle-switch--small .toggle-switch__thumb {
  left: calc(100% - 18px);
}
.toggle-switch--checked.toggle-switch--medium .toggle-switch__thumb {
  left: calc(100% - 24px);
}

.toggle-switch--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.toggle-switch--disabled .toggle-switch__track {
  background-color: var(--cf-legacy-ne5);
}
.toggle-switch--disabled .toggle-switch__thumb {
  background-color: var(--cf-legacy-nf5);
}

.design-2024 .toggle-switch__track {
  background-color: var(--cf-gray-500);
}
.design-2024 .toggle-switch__thumb {
  background-color: var(--cf-white);
}
.design-2024 .toggle-switch--checked .toggle-switch__track {
  background-color: var(--cf-purple-600);
}
.design-2024 .toggle-switch--disabled {
  opacity: 0.4;
}
.design-2024 .toggle-switch--disabled .toggle-switch__track {
  background-color: var(--cf-legacy-ne5);
}

.circular-progress {
  display: block;
  margin: auto;
}

.circular-progress__track {
  stroke: var(--cf-legacy-nee);
}

.circular-progress__indicator {
  stroke: var(--cf-purple-600);
  transition: stroke-dashoffset 0.6s ease;
}

.circular-progress__label {
  fill: var(--chat-fg-case-name);
  font-weight: bold;
}

.progress-bar {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: var(--cf-legacy-nee);
  border-radius: 4px;
  overflow: hidden;
}

.progress-bar__fill {
  height: 100%;
  background-color: var(--cf-purple-600);
  border-radius: 4px;
  transition: width 0.6s ease;
  min-width: 0;
}

.progress-bar__label {
  margin-top: 4px;
  font-size: 12px;
  font-weight: bold;
  color: var(--chat-fg-case-name);
  text-align: center;
}

#top-level-outlet .ui-modal {
  z-index: 99999;
}

#form-modal-wormhole-outlet .ui-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ui-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1008;
  background: var(--cf-legacy-modal-overlay);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-modal .ui-modal__content {
  padding: 16px;
  padding-left: 31px;
  padding-right: 31px;
  width: 96%;
  max-width: 720px;
  position: relative;
  background-color: var(--cf-white);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  max-height: 90%;
  overflow-y: auto;
  transition: all 0.3s;
  border-radius: var(--radius-md);
}
.ui-modal .ui-modal__header {
  margin-top: 8px;
  color: var(--cf-ink);
  margin-bottom: 16px;
}
.ui-modal .ui-modal__header h3, .ui-modal .ui-modal__header .alerts ul li, .alerts ul .ui-modal .ui-modal__header li {
  font-weight: 500;
  margin: 0;
}
.ui-modal .ui-modal__body:not(:last-child) {
  margin-bottom: 16px;
}
.ui-modal .ui-modal__footer {
  padding-top: 8px;
  display: flex;
  justify-content: space-between;
}
.ui-modal .ui-modal__footer__left {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.ui-modal .ui-modal__footer__right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
.ui-modal input, .ui-modal .timezone-click-to-edit {
  margin-top: 6px;
}

.confirm-modal .ui-modal__content {
  max-width: 600px;
  padding: 16px;
}
.confirm-modal .ui-modal__content p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.confirm-modal .ui-modal__content .confirm-modal__dont-ask-again .field-for {
  margin: 0;
}
.confirm-modal .confirm-modal__dont-ask-again label, .confirm-modal .confirm-modal__dont-ask-again #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .confirm-modal .confirm-modal__dont-ask-again .settlement-date, .confirm-modal .confirm-modal__dont-ask-again .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .confirm-modal .confirm-modal__dont-ask-again .feed-memo-date, .confirm-modal .confirm-modal__dont-ask-again .graph .graph-pagination .graph-stats, .graph .graph-pagination .confirm-modal .confirm-modal__dont-ask-again .graph-stats, .confirm-modal .confirm-modal__dont-ask-again .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .confirm-modal .confirm-modal__dont-ask-again .sidebar-record-category, .confirm-modal .confirm-modal__dont-ask-again .table-pagination .pagination-text, .table-pagination .confirm-modal .confirm-modal__dont-ask-again .pagination-text {
  font-size: 16px;
  font-weight: 400 !important;
}
.confirm-modal .ui-modal__header {
  margin-top: 0;
}
.confirm-modal .ui-modal__header h3, .confirm-modal .ui-modal__header .alerts ul li, .alerts ul .confirm-modal .ui-modal__header li {
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 600;
}
.confirm-modal .button-box {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.confirm-modal .button-box > button {
  margin: 0;
}
.confirm-modal .button-box .button-box__right-buttons {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  flex-direction: row;
}
.confirm-modal .button-box .button-box__right-buttons > button {
  margin: 0 0 0 8px;
}

.activity-item__touch {
  white-space: pre-line;
}

span.activity-actions svg {
  cursor: pointer;
}

.locked-record-on-list {
  font-size: 13px;
  font-style: italic;
  position: relative;
}
.locked-record-on-list .svg-icon {
  position: absolute;
  top: -13px;
  right: -5px;
}
.locked-record-on-list .locked-record-text {
  display: block;
  padding-top: 11px;
  position: relative;
  top: 2px;
  right: 4px;
}

.locked-record-on-detail {
  font-size: 15px;
  font-style: italic;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  white-space: nowrap;
}

.paper-background {
  background: var(--cf-white);
  padding: 1em 1.5rem;
}
.paper-background button.row-remove,
.paper-background button.row-add {
  height: 32px;
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-md);
  padding: 0 8px;
  box-shadow: none;
}
.paper-background button.row-remove:hover,
.paper-background button.row-add:hover {
  border-color: transparent;
}
.paper-background button.row-remove .svg-icon,
.paper-background button.row-add .svg-icon {
  margin-right: 0;
}
.paper-background button.row-remove .minus svg,
.paper-background button.row-add .minus svg {
  height: 20px;
}

.invoice-totals {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 1em 0 0;
}
@media (min-width: 641px) {
  .invoice-totals .invoice-top .invoice-top-right,
  .invoice-totals .invoice-top .invoice-top-left {
    width: 50%;
    float: left;
  }
  .invoice-totals .invoice-top .invoice-top-right {
    text-align: right;
  }
}
@media (min-width: 641px) {
  .invoice-totals .invoice-bottom-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 60%;
  }
}
.invoice-totals .invoice-bottom-left {
  display: flex;
  width: 40%;
}
.invoice-totals .invoice-bottom-left .invoice-memo {
  width: 100%;
}
.invoice-totals .invoice-bottom-left .invoice-inline-edit {
  display: flex;
  margin-left: 27px;
}
.invoice-totals .invoice-bottom-left .invoice-inline-edit.is-editing {
  flex-direction: column;
}
.invoice-totals .invoice-bottom-left .invoice-inline-edit.is-editing textarea {
  padding: 5px;
}
.invoice-totals .invoice-bottom-left .invoice-inline-edit.is-editing .invoice-inline-edit-actions {
  align-self: flex-start;
  margin-top: 5px;
}
.invoice-totals .invoice-bottom-left .invoice-inline-edit.is-editing .invoice-inline-edit-actions button {
  margin-left: 0;
  margin-right: 5px;
}
.invoice-totals .invoice-inline-edit {
  display: flex;
  align-items: center;
  position: relative;
}
.invoice-totals .invoice-inline-edit .show-edit-invoice {
  cursor: pointer;
}
.invoice-totals .invoice-inline-edit .show-edit-invoice .hover-pencil {
  position: absolute;
  left: -17px;
  top: 0;
}
.invoice-totals .invoice-inline-edit .show-edit-invoice .hover-pencil svg {
  position: relative;
  left: -8px;
}
.invoice-totals .invoice-inline-edit .show-edit-invoice .hover-pencil svg path {
  fill: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.invoice-totals .invoice-inline-edit .show-edit-invoice.is-locked {
  cursor: default;
}
.invoice-totals .invoice-inline-edit .show-edit-invoice.is-locked .hover-pencil {
  display: none;
}
.invoice-totals .invoice-inline-edit .invoice-inline-edit-actions {
  display: flex;
}
.invoice-totals .invoice-inline-edit button {
  margin-left: 5px;
}
.invoice-totals .invoice-inline-edit.edit-memo {
  width: 100%;
}
.invoice-totals .invoice-inline-edit.is-editing {
  margin: 4px 0;
}
@media (min-width: 768px) {
  .invoice-totals .invoice-inline-edit.is-editing {
    width: 100%;
  }
  .invoice-totals .invoice-inline-edit input[type=text], .invoice-totals .invoice-inline-edit [type=text].timezone-click-to-edit,
  .invoice-totals .invoice-inline-edit input[type=number],
  .invoice-totals .invoice-inline-edit [type=number].timezone-click-to-edit {
    display: inline-block;
    max-width: 150px;
  }
}
.invoice-totals .time-entries-group .actions .blue-button,
.invoice-totals .expenses-group .actions .blue-button {
  padding: 0;
  position: relative;
  top: 4px;
  background: transparent;
  border: 0;
  color: var(--cf-legacy-ash);
}
.invoice-totals .time-entries-group .actions .blue-button:hover,
.invoice-totals .expenses-group .actions .blue-button:hover {
  background: transparent;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}

.invoice-top {
  display: flex;
  justify-content: space-between;
}

.invoice-paper-view__status-display--draft {
  opacity: 0.55;
  background-color: var(--cf-legacy-ash);
}

.staff-page .analytics-filters {
  display: flex;
  flex-direction: row;
}
.staff-page .analytics-filters .presets {
  flex: 3;
}
.staff-page .analytics-filters .presets a {
  margin: 0 10px 0 0;
  line-height: 37px;
}
.staff-page .analytics-filters .inputs {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.staff-page .analytics-filters .inputs input, .staff-page .analytics-filters .inputs .timezone-click-to-edit {
  flex: 1;
  float: right;
  margin: 0 5px;
}

.page-wrapper.search .search__filter-wrapper {
  max-width: 240px;
  margin-bottom: 40px;
}
.page-wrapper.search .search__filter-wrapper .search__filter-wrapper-helptext {
  margin-bottom: 8px;
}
.page-wrapper.search .search-input {
  width: 50%;
  min-width: 300px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}
.page-wrapper.search .search-input input[type=text], .page-wrapper.search .search-input [type=text].timezone-click-to-edit {
  width: 100%;
  height: 50px;
  border-radius: var(--radius-md);
  font-size: 18px;
  padding-left: 16px;
}
.page-wrapper.search .search-input .input-search {
  bottom: 8px;
  width: 21px;
  height: 21px;
}
.page-wrapper.search .search-input .circle-cancel {
  position: absolute;
  right: 10px;
  top: 13px;
}
.page-wrapper.search .search-input .circle-cancel svg {
  width: 18px;
  cursor: pointer;
}
.page-wrapper.search .search-input .circle-cancel svg path.filled {
  fill: var(--cf-legacy-nobel);
}
.page-wrapper.search .list-search {
  width: 100%;
  text-align: center;
}

.search-result td {
  position: relative;
}
.search-result td em {
  background-color: var(--cf-legacy-green-glow);
  color: var(--cf-white);
  font-style: normal;
  padding: 1px 4px;
  border-radius: 3px;
  display: inline-block;
}
.search-result td svg[class*=icon] {
  position: absolute;
  left: 4px;
  top: 4px;
}
.search-result td svg[class*=icon] g.filter {
  opacity: 1;
}

.timelines-cases-case-search-results-table > thead > tr.use-sticky-header {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--cf-white);
}

.reports-loading-spinner {
  display: block;
  margin: 16px auto;
  text-align: center;
}
.reports-loading-spinner svg {
  width: 56px;
  height: 56px;
}

.reports .filter-bar {
  min-height: 61px;
}

.input-with-icon {
  position: relative;
}
.input-with-icon .svg-icon {
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
}
.input-with-icon .svg-icon svg {
  width: 35px;
  height: 35px;
}

.settings-list-options {
  margin: 0;
  padding: 0;
  list-style: none;
}
.settings-list-options li {
  padding: 1em 0 0;
  margin: 1em 0;
  border-top: 1px solid var(--cf-gray-300);
}
.settings-list-options li h3, .settings-list-options li .alerts ul li, .alerts ul .settings-list-options li li {
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .settings-list-options li:first-child {
    border-top: 0;
  }
  .settings-list-options li h3, .settings-list-options li .alerts ul li, .alerts ul .settings-list-options li li {
    display: inline;
    position: relative;
    top: 8px;
  }
  .settings-list-options li [class*=-button],
  .settings-list-options li form {
    float: right;
  }
  .settings-list-options li .profile-integration-setting {
    float: none;
    display: inline;
    margin-top: 24px;
  }
}
@media (max-width: 1199px) {
  .settings-list-options li h3, .settings-list-options li .alerts ul li, .alerts ul .settings-list-options li li {
    display: block;
  }
  .settings-list-options li [class*=-button] {
    float: none;
  }
}

.backup-tokens {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}
.backup-tokens li {
  margin: 0.5em 0;
}
@media (min-width: 768px) {
  .backup-tokens li {
    width: 50%;
    float: left;
    text-align: center;
  }
}

.template-help__open-help-link {
  margin-bottom: 0.5rem;
}

.template-help {
  max-width: 800px;
}
.template-help .help-text {
  background: var(--cf-legacy-dust);
  border: var(--border-width) solid var(--cf-gray-300);
  padding: 1rem;
  width: 100%;
  margin-bottom: 1rem;
}
.template-help .help-text p {
  margin-bottom: 0;
}
.template-help .fields-title {
  width: 100%;
  margin-bottom: 1rem;
}
.template-help .fieldset ul {
  padding: 0;
}
.template-help .fieldset ul li {
  margin-top: 0.2em;
  list-style-type: none;
}
.template-help .fieldset ul li .text-btn, .template-help .fieldset ul li .button-with-icon, .template-help .fieldset ul li .color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom, .color-field__color-picker .template-help .fieldset ul li input.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom, .template-help .fieldset ul li .color-field__color-picker input.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option, .color-field__color-picker .template-help .fieldset ul li input.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.template-help .fieldset ul li .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.color-field__color-picker .template-help .fieldset ul li button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.template-help .fieldset ul li .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.color-field__color-picker .template-help .fieldset ul li button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option, .template-help .fieldset ul li .color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom.timezone-click-to-edit, .color-field__color-picker .template-help .fieldset ul li .color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom.timezone-click-to-edit, .template-help .fieldset ul li .color-field__color-picker .color-field__color-picker__swatch.color-field__color-picker__swatch--none-option.timezone-click-to-edit, .color-field__color-picker .template-help .fieldset ul li .color-field__color-picker__swatch.color-field__color-picker__swatch--none-option.timezone-click-to-edit {
  width: 15rem;
}
.template-help .fieldset ul li .separator {
  margin-left: 1em;
  margin-right: 1em;
}
.template-help .template-form {
  margin-top: 2rem;
}
.template-help .template-form li.template-form__kind-options h4 {
  max-width: 40%;
}
.template-help .template-form li.template-form__kind-options h4 h5 {
  margin-top: 8px;
}
.template-help .template-form li.template-form__kind-options {
  padding-top: 12px;
}
.template-help .template-form li.template-form__kind-options label, .template-help .template-form li.template-form__kind-options #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .template-help .template-form li.template-form__kind-options .settlement-date, .template-help .template-form li.template-form__kind-options .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .template-help .template-form li.template-form__kind-options .feed-memo-date, .template-help .template-form li.template-form__kind-options .graph .graph-pagination .graph-stats, .graph .graph-pagination .template-help .template-form li.template-form__kind-options .graph-stats, .template-help .template-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li.template-form__kind-options .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul .template-help .template-form li.template-form__kind-options .sidebar-record-details .sidebar-record-category, .template-help .template-form li.template-form__kind-options .table-pagination .pagination-text, .table-pagination .template-help .template-form li.template-form__kind-options .pagination-text {
  display: flex;
  margin-left: 30%;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--cf-gray-300);
  padding-bottom: 8px;
}
.template-help .template-form li.template-form__kind-options label:last-of-type, .template-help .template-form li.template-form__kind-options #settlements > ul > li .settlement-area .settlement-date:last-of-type, #settlements > ul > li .settlement-area .template-help .template-form li.template-form__kind-options .settlement-date:last-of-type, .template-help .template-form li.template-form__kind-options .activity-feed > ul > li .feed-memo .feed-memo-date:last-of-type, .activity-feed > ul > li .feed-memo .template-help .template-form li.template-form__kind-options .feed-memo-date:last-of-type, .template-help .template-form li.template-form__kind-options .graph .graph-pagination .graph-stats:last-of-type, .graph .graph-pagination .template-help .template-form li.template-form__kind-options .graph-stats:last-of-type, .template-help .template-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li.template-form__kind-options .sidebar-record-details .sidebar-record-category:last-of-type, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul .template-help .template-form li.template-form__kind-options .sidebar-record-details .sidebar-record-category:last-of-type, .template-help .template-form li.template-form__kind-options .table-pagination .pagination-text:last-of-type, .table-pagination .template-help .template-form li.template-form__kind-options .pagination-text:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
.template-help .template-form li.template-form__kind-options label input, .template-help .template-form li.template-form__kind-options #settlements > ul > li .settlement-area .settlement-date input, #settlements > ul > li .settlement-area .template-help .template-form li.template-form__kind-options .settlement-date input, .template-help .template-form li.template-form__kind-options .activity-feed > ul > li .feed-memo .feed-memo-date input, .activity-feed > ul > li .feed-memo .template-help .template-form li.template-form__kind-options .feed-memo-date input, .template-help .template-form li.template-form__kind-options .graph .graph-pagination .graph-stats input, .graph .graph-pagination .template-help .template-form li.template-form__kind-options .graph-stats input, .template-help .template-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li.template-form__kind-options .sidebar-record-details .sidebar-record-category input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul .template-help .template-form li.template-form__kind-options .sidebar-record-details .sidebar-record-category input, .template-help .template-form li.template-form__kind-options .table-pagination .pagination-text input, .table-pagination .template-help .template-form li.template-form__kind-options .pagination-text input, .template-help .template-form li.template-form__kind-options label .timezone-click-to-edit, .template-help .template-form li.template-form__kind-options #settlements > ul > li .settlement-area .settlement-date .timezone-click-to-edit, #settlements > ul > li .settlement-area .template-help .template-form li.template-form__kind-options .settlement-date .timezone-click-to-edit, .template-help .template-form li.template-form__kind-options .activity-feed > ul > li .feed-memo .feed-memo-date .timezone-click-to-edit, .activity-feed > ul > li .feed-memo .template-help .template-form li.template-form__kind-options .feed-memo-date .timezone-click-to-edit, .template-help .template-form li.template-form__kind-options .graph .graph-pagination .graph-stats .timezone-click-to-edit, .graph .graph-pagination .template-help .template-form li.template-form__kind-options .graph-stats .timezone-click-to-edit, .template-help .template-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li.template-form__kind-options .sidebar-record-details .sidebar-record-category .timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul .template-help .template-form li.template-form__kind-options .sidebar-record-details .sidebar-record-category .timezone-click-to-edit, .template-help .template-form li.template-form__kind-options .table-pagination .pagination-text .timezone-click-to-edit, .table-pagination .template-help .template-form li.template-form__kind-options .pagination-text .timezone-click-to-edit {
  display: block;
  width: 23px;
}
.template-help .template-form li.template-form__kind-options label .template-form__radio-select-text, .template-help .template-form li.template-form__kind-options #settlements > ul > li .settlement-area .settlement-date .template-form__radio-select-text, #settlements > ul > li .settlement-area .template-help .template-form li.template-form__kind-options .settlement-date .template-form__radio-select-text, .template-help .template-form li.template-form__kind-options .activity-feed > ul > li .feed-memo .feed-memo-date .template-form__radio-select-text, .activity-feed > ul > li .feed-memo .template-help .template-form li.template-form__kind-options .feed-memo-date .template-form__radio-select-text, .template-help .template-form li.template-form__kind-options .graph .graph-pagination .graph-stats .template-form__radio-select-text, .graph .graph-pagination .template-help .template-form li.template-form__kind-options .graph-stats .template-form__radio-select-text, .template-help .template-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li.template-form__kind-options .sidebar-record-details .sidebar-record-category .template-form__radio-select-text, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul .template-help .template-form li.template-form__kind-options .sidebar-record-details .sidebar-record-category .template-form__radio-select-text, .template-help .template-form li.template-form__kind-options .table-pagination .pagination-text .template-form__radio-select-text, .table-pagination .template-help .template-form li.template-form__kind-options .pagination-text .template-form__radio-select-text {
  text-align: left;
  flex-grow: 2;
  width: 80%;
}
.template-help .template-form li.template-form__kind-options label .template-form__radio-select-text h5, .template-help .template-form li.template-form__kind-options #settlements > ul > li .settlement-area .settlement-date .template-form__radio-select-text h5, #settlements > ul > li .settlement-area .template-help .template-form li.template-form__kind-options .settlement-date .template-form__radio-select-text h5, .template-help .template-form li.template-form__kind-options .activity-feed > ul > li .feed-memo .feed-memo-date .template-form__radio-select-text h5, .activity-feed > ul > li .feed-memo .template-help .template-form li.template-form__kind-options .feed-memo-date .template-form__radio-select-text h5, .template-help .template-form li.template-form__kind-options .graph .graph-pagination .graph-stats .template-form__radio-select-text h5, .graph .graph-pagination .template-help .template-form li.template-form__kind-options .graph-stats .template-form__radio-select-text h5, .template-help .template-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li.template-form__kind-options .sidebar-record-details .sidebar-record-category .template-form__radio-select-text h5, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul .template-help .template-form li.template-form__kind-options .sidebar-record-details .sidebar-record-category .template-form__radio-select-text h5, .template-help .template-form li.template-form__kind-options .table-pagination .pagination-text .template-form__radio-select-text h5, .table-pagination .template-help .template-form li.template-form__kind-options .pagination-text .template-form__radio-select-text h5 {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
}
.template-help .template-form li.template-form__kind-options label .template-form__radio-select-text p, .template-help .template-form li.template-form__kind-options #settlements > ul > li .settlement-area .settlement-date .template-form__radio-select-text p, #settlements > ul > li .settlement-area .template-help .template-form li.template-form__kind-options .settlement-date .template-form__radio-select-text p, .template-help .template-form li.template-form__kind-options .activity-feed > ul > li .feed-memo .feed-memo-date .template-form__radio-select-text p, .activity-feed > ul > li .feed-memo .template-help .template-form li.template-form__kind-options .feed-memo-date .template-form__radio-select-text p, .template-help .template-form li.template-form__kind-options .graph .graph-pagination .graph-stats .template-form__radio-select-text p, .graph .graph-pagination .template-help .template-form li.template-form__kind-options .graph-stats .template-form__radio-select-text p, .template-help .template-form .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li.template-form__kind-options .sidebar-record-details .sidebar-record-category .template-form__radio-select-text p, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul .template-help .template-form li.template-form__kind-options .sidebar-record-details .sidebar-record-category .template-form__radio-select-text p, .template-help .template-form li.template-form__kind-options .table-pagination .pagination-text .template-form__radio-select-text p, .table-pagination .template-help .template-form li.template-form__kind-options .pagination-text .template-form__radio-select-text p {
  margin: 0;
}

.row-locked svg {
  width: 20px;
  height: 20px;
  fill: currentcolor;
}

.input-with-button input, .input-with-button .timezone-click-to-edit {
  width: 60%;
  float: left;
}
@media (min-width: 1200px) {
  .input-with-button input, .input-with-button .timezone-click-to-edit {
    width: 63%;
  }
}
.input-with-button [class*=-button] {
  float: left;
  margin-left: 2%;
  width: 38%;
}
@media (min-width: 1200px) {
  .input-with-button [class*=-button] {
    width: 35%;
  }
}
.input-with-button .svg-icon.input-email {
  position: absolute;
  left: 0;
  top: 0;
  padding: 12px 0 0 8px;
}

.inline-input-with-button input, .inline-input-with-button .timezone-click-to-edit {
  width: 200px;
  display: inline-block;
}
.inline-input-with-button [class*=-button] {
  position: relative;
  top: 9px;
  left: 8px;
}

.green-copy h1,
.green-copy h2,
.green-copy .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .green-copy h4,
.green-copy h3,
.green-copy .alerts ul li,
.alerts ul .green-copy li,
.green-copy h4,
.green-copy p {
  color: var(--cf-legacy-green-glow);
}

.red-copy h1,
.red-copy h2,
.red-copy .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .red-copy h4,
.red-copy h3,
.red-copy .alerts ul li,
.alerts ul .red-copy li,
.red-copy h4,
.red-copy p {
  color: var(--cf-alert-500);
}

h1.red-copy,
h2.red-copy,
.calendar-list-item li:first-child h4.red-copy,
h3.red-copy,
.alerts ul li.red-copy,
h4.red-copy,
p.red-copy {
  color: var(--cf-alert-500);
}
h1.green-copy,
h2.green-copy,
.calendar-list-item li:first-child h4.green-copy,
h3.green-copy,
.alerts ul li.green-copy,
h4.green-copy,
p.green-copy {
  color: var(--cf-legacy-green-glow);
}

@media (max-width: 767px) {
  .quick-links {
    display: none;
  }
  .dashboard-welcome .welcome {
    display: none;
  }
}
.outer-page-wrapper {
  width: 100%;
  height: 100vh;
  background-color: var(--cf-legacy-air);
  padding: 50px 0;
  overflow-y: scroll;
}
.outer-page-wrapper a.login-logo {
  display: block;
  text-align: center;
  margin: 0 auto 50px;
  width: 200px;
}
.outer-page-wrapper a.login-logo img {
  width: 200px;
}
@media screen and (max-width: 641px) {
  .outer-page-wrapper .top-helptext, .outer-page-wrapper label .block-helptext, .outer-page-wrapper #settlements > ul > li .settlement-area .settlement-date .block-helptext, #settlements > ul > li .settlement-area .outer-page-wrapper .settlement-date .block-helptext, label .outer-page-wrapper .block-helptext, #settlements > ul > li .settlement-area .settlement-date .outer-page-wrapper .block-helptext, .outer-page-wrapper .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext, .activity-feed > ul > li .feed-memo .feed-memo-date .outer-page-wrapper .block-helptext, .outer-page-wrapper .graph .graph-pagination .graph-stats .block-helptext, .graph .graph-pagination .graph-stats .outer-page-wrapper .block-helptext, .outer-page-wrapper .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .outer-page-wrapper .block-helptext, .outer-page-wrapper .table-pagination .pagination-text .block-helptext, .table-pagination .pagination-text .outer-page-wrapper .block-helptext {
    float: none !important;
  }
}
.outer-page-wrapper a:not(.primary-btn):not(a.submit-btn):not(.submit-btn):not(.tool-btn.primary-btn):not(.tool-btn.submit-btn) {
  color: var(--cf-legacy-cloud-light);
  text-decoration: underline;
  transition: color 0.2s ease;
}
.outer-page-wrapper a:not(.primary-btn):not(a.submit-btn):not(.submit-btn):not(.tool-btn.primary-btn):not(.tool-btn.submit-btn):hover {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.outer-page-wrapper.registration-wrapper .outside-box {
  max-width: 640px;
  padding: 40px 32px;
}
@media screen and (max-width: 641px) {
  .outer-page-wrapper.registration-wrapper .outside-box {
    padding: 40px 12px;
  }
}
.outer-page-wrapper .outside-box {
  padding: 40px 54px;
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md);
  position: relative;
}
@media screen and (max-width: 641px) {
  .outer-page-wrapper .outside-box {
    padding: 40px 20px;
  }
}
.outer-page-wrapper .outside-box {
  width: 95%;
  max-width: 370px;
  margin: 0 auto;
}
.outer-page-wrapper .outside-box h1 {
  color: var(--cf-ink);
  margin-bottom: 24px;
}
.outer-page-wrapper .outside-box input[type=radio], .outer-page-wrapper .outside-box [type=radio].timezone-click-to-edit {
  border: none;
  box-shadow: none;
}
.outer-page-wrapper .outside-box label, .outer-page-wrapper .outside-box #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .settlement-date, .outer-page-wrapper .outside-box .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .feed-memo-date, .outer-page-wrapper .outside-box .graph .graph-pagination .graph-stats, .graph .graph-pagination .outer-page-wrapper .outside-box .graph-stats, .outer-page-wrapper .outside-box .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .sidebar-record-category, .outer-page-wrapper .outside-box .table-pagination .pagination-text, .table-pagination .outer-page-wrapper .outside-box .pagination-text {
  display: block;
  margin-bottom: 32px;
}
.outer-page-wrapper .outside-box label .top-helptext, .outer-page-wrapper .outside-box #settlements > ul > li .settlement-area .settlement-date .top-helptext, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .settlement-date .top-helptext, .outer-page-wrapper .outside-box .activity-feed > ul > li .feed-memo .feed-memo-date .top-helptext, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .feed-memo-date .top-helptext, .outer-page-wrapper .outside-box .graph .graph-pagination .graph-stats .top-helptext, .graph .graph-pagination .outer-page-wrapper .outside-box .graph-stats .top-helptext, .outer-page-wrapper .outside-box .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .top-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .sidebar-record-category .top-helptext, .outer-page-wrapper .outside-box .table-pagination .pagination-text .top-helptext, .table-pagination .outer-page-wrapper .outside-box .pagination-text .top-helptext, .outer-page-wrapper .outside-box label .block-helptext, .outer-page-wrapper .outside-box #settlements > ul > li .settlement-area .settlement-date .block-helptext, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .settlement-date .block-helptext, .activity-feed > ul > li .feed-memo .feed-memo-date .outer-page-wrapper .outside-box label .block-helptext, .outer-page-wrapper .outside-box .activity-feed > ul > li .feed-memo .feed-memo-date .block-helptext, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .feed-memo-date .block-helptext, .outer-page-wrapper .outside-box .graph .graph-pagination .graph-stats .block-helptext, .graph .graph-pagination .outer-page-wrapper .outside-box .graph-stats .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .outer-page-wrapper .outside-box label .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records #settlements > ul > li li .sidebar-record-details .sidebar-record-category .outer-page-wrapper .outside-box .settlement-area .settlement-date .block-helptext, .outer-page-wrapper .outside-box .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .sidebar-record-category .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .outer-page-wrapper .outside-box .table-pagination .pagination-text .block-helptext, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .table-pagination .outer-page-wrapper .outside-box .pagination-text .block-helptext, .outer-page-wrapper .outside-box .table-pagination .pagination-text .block-helptext, .table-pagination .outer-page-wrapper .outside-box .pagination-text .block-helptext {
  color: var(--cf-legacy-ash);
  float: right;
}
.outer-page-wrapper .outside-box label input, .outer-page-wrapper .outside-box #settlements > ul > li .settlement-area .settlement-date input, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .settlement-date input, .outer-page-wrapper .outside-box .activity-feed > ul > li .feed-memo .feed-memo-date input, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .feed-memo-date input, .outer-page-wrapper .outside-box .graph .graph-pagination .graph-stats input, .graph .graph-pagination .outer-page-wrapper .outside-box .graph-stats input, .outer-page-wrapper .outside-box .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .sidebar-record-category input, .outer-page-wrapper .outside-box .table-pagination .pagination-text input, .table-pagination .outer-page-wrapper .outside-box .pagination-text input, .outer-page-wrapper .outside-box label .timezone-click-to-edit, .outer-page-wrapper .outside-box #settlements > ul > li .settlement-area .settlement-date .timezone-click-to-edit, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .settlement-date .timezone-click-to-edit, .outer-page-wrapper .outside-box .activity-feed > ul > li .feed-memo .feed-memo-date .timezone-click-to-edit, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .feed-memo-date .timezone-click-to-edit, .outer-page-wrapper .outside-box .graph .graph-pagination .graph-stats .timezone-click-to-edit, .graph .graph-pagination .outer-page-wrapper .outside-box .graph-stats .timezone-click-to-edit, .outer-page-wrapper .outside-box .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .sidebar-record-category .timezone-click-to-edit, .outer-page-wrapper .outside-box .table-pagination .pagination-text .timezone-click-to-edit, .table-pagination .outer-page-wrapper .outside-box .pagination-text .timezone-click-to-edit {
  margin-top: 8px;
  background: var(--cf-white);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.outer-page-wrapper .outside-box a.primary-btn, .outer-page-wrapper .outside-box a.submit-btn {
  text-align: center;
}
.outer-page-wrapper .outside-box a.primary-btn, .outer-page-wrapper .outside-box a.submit-btn,
.outer-page-wrapper .outside-box button.primary-btn:not(.button--component),
.outer-page-wrapper .outside-box button.submit-btn:not(.button--component) {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}
.outer-page-wrapper .outside-box .forgot-password-link {
  font-size: 13px;
}
.outer-page-wrapper .outside-box .clio-sso-error {
  background: var(--cf-alert-50, #fef2f2);
  border: 1px solid var(--cf-alert-500);
  border-radius: var(--radius-md);
  color: var(--cf-alert-500);
  font-size: 14px;
  padding: 12px 16px;
  margin-bottom: 16px;
  text-align: center;
}
.outer-page-wrapper .outside-box .login-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0 24px;
}
.outer-page-wrapper .outside-box .login-divider::before, .outer-page-wrapper .outside-box .login-divider::after {
  content: "";
  flex: 1;
  border-top: 1px solid var(--cf-gray-300);
}
.outer-page-wrapper .outside-box .login-divider span {
  color: var(--cf-legacy-ash);
  font-size: 13px;
  font-weight: 400;
  text-transform: lowercase;
}
.outer-page-wrapper .outside-box .clio-sso-section {
  margin-bottom: 24px;
  text-align: center;
}
.outer-page-wrapper .outside-box .clio-sso-section button.has-icon.icon-position--left:not(.icon-btn) .button--icon-left-clio-logomark {
  margin-right: 12px;
}
.outer-page-wrapper .outside-box .clio-sso-section select {
  margin-left: auto;
  margin-right: auto;
}
.outer-page-wrapper .outside-box .clio-sso-section .clio-region-select {
  padding: 8px;
  border: var(--border-width) solid var(--cf-gray-400);
  border-radius: var(--radius-md);
  background: var(--cf-white);
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  font-size: 13px;
  cursor: pointer;
  margin-top: 0;
}
.outer-page-wrapper .outside-box .clio-sso-section .clio-region-select:hover {
  border-color: var(--cf-gray-600);
}
.outer-page-wrapper .outside-box .sso-link {
  position: absolute;
  bottom: -56px;
  margin: auto;
  transform: translateX(-50%);
  left: 50%;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 500;
  color: var(--cf-legacy-ash);
}
.outer-page-wrapper .outside-box .register-plans-container {
  border: var(--border-width) solid var(--cf-legacy-loblolly);
  border-radius: var(--radius-md);
  margin-top: -15px;
  margin-bottom: 24px;
}
.outer-page-wrapper .outside-box .register-plans-container label.ember-radio-button, .outer-page-wrapper .outside-box .register-plans-container #settlements > ul > li .settlement-area .ember-radio-button.settlement-date, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.settlement-date, .outer-page-wrapper .outside-box .register-plans-container .activity-feed > ul > li .feed-memo .ember-radio-button.feed-memo-date, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.feed-memo-date, .outer-page-wrapper .outside-box .register-plans-container .graph .graph-pagination .ember-radio-button.graph-stats, .graph .graph-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.graph-stats, .outer-page-wrapper .outside-box .register-plans-container .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .ember-radio-button.sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.sidebar-record-category, .outer-page-wrapper .outside-box .register-plans-container .table-pagination .ember-radio-button.pagination-text, .table-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.pagination-text {
  margin-bottom: 0;
  padding: 1px 21px 13px 12px;
}
.outer-page-wrapper .outside-box .register-plans-container label.ember-radio-button input, .outer-page-wrapper .outside-box .register-plans-container #settlements > ul > li .settlement-area .ember-radio-button.settlement-date input, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.settlement-date input, .outer-page-wrapper .outside-box .register-plans-container .activity-feed > ul > li .feed-memo .ember-radio-button.feed-memo-date input, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.feed-memo-date input, .outer-page-wrapper .outside-box .register-plans-container .graph .graph-pagination .ember-radio-button.graph-stats input, .graph .graph-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.graph-stats input, .outer-page-wrapper .outside-box .register-plans-container .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .ember-radio-button.sidebar-record-category input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.sidebar-record-category input, .outer-page-wrapper .outside-box .register-plans-container .table-pagination .ember-radio-button.pagination-text input, .table-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.pagination-text input, .outer-page-wrapper .outside-box .register-plans-container label.ember-radio-button .timezone-click-to-edit, .outer-page-wrapper .outside-box .register-plans-container #settlements > ul > li .settlement-area .ember-radio-button.settlement-date .timezone-click-to-edit, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.settlement-date .timezone-click-to-edit, .outer-page-wrapper .outside-box .register-plans-container .activity-feed > ul > li .feed-memo .ember-radio-button.feed-memo-date .timezone-click-to-edit, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.feed-memo-date .timezone-click-to-edit, .outer-page-wrapper .outside-box .register-plans-container .graph .graph-pagination .ember-radio-button.graph-stats .timezone-click-to-edit, .graph .graph-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.graph-stats .timezone-click-to-edit, .outer-page-wrapper .outside-box .register-plans-container .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .ember-radio-button.sidebar-record-category .timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.sidebar-record-category .timezone-click-to-edit, .outer-page-wrapper .outside-box .register-plans-container .table-pagination .ember-radio-button.pagination-text .timezone-click-to-edit, .table-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.pagination-text .timezone-click-to-edit {
  visibility: hidden;
}
.outer-page-wrapper .outside-box .register-plans-container label.ember-radio-button.checked span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container #settlements > ul > li .settlement-area .ember-radio-button.checked.settlement-date span.checkbox-toggle span.svg-icon, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.checked.settlement-date span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container .activity-feed > ul > li .feed-memo .ember-radio-button.checked.feed-memo-date span.checkbox-toggle span.svg-icon, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.checked.feed-memo-date span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container .graph .graph-pagination .ember-radio-button.checked.graph-stats span.checkbox-toggle span.svg-icon, .graph .graph-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.checked.graph-stats span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .ember-radio-button.checked.sidebar-record-category span.checkbox-toggle span.svg-icon, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.checked.sidebar-record-category span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container .table-pagination .ember-radio-button.checked.pagination-text span.checkbox-toggle span.svg-icon, .table-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.checked.pagination-text span.checkbox-toggle span.svg-icon {
  display: inline;
}
.outer-page-wrapper .outside-box .register-plans-container label.ember-radio-button span.checkbox-toggle, .outer-page-wrapper .outside-box .register-plans-container #settlements > ul > li .settlement-area .ember-radio-button.settlement-date span.checkbox-toggle, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.settlement-date span.checkbox-toggle, .outer-page-wrapper .outside-box .register-plans-container .activity-feed > ul > li .feed-memo .ember-radio-button.feed-memo-date span.checkbox-toggle, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.feed-memo-date span.checkbox-toggle, .outer-page-wrapper .outside-box .register-plans-container .graph .graph-pagination .ember-radio-button.graph-stats span.checkbox-toggle, .graph .graph-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.graph-stats span.checkbox-toggle, .outer-page-wrapper .outside-box .register-plans-container .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .ember-radio-button.sidebar-record-category span.checkbox-toggle, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.sidebar-record-category span.checkbox-toggle, .outer-page-wrapper .outside-box .register-plans-container .table-pagination .ember-radio-button.pagination-text span.checkbox-toggle, .table-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.pagination-text span.checkbox-toggle {
  left: -14px;
  top: -7px;
}
.outer-page-wrapper .outside-box .register-plans-container label.ember-radio-button span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container #settlements > ul > li .settlement-area .ember-radio-button.settlement-date span.checkbox-toggle span.svg-icon, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.settlement-date span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container .activity-feed > ul > li .feed-memo .ember-radio-button.feed-memo-date span.checkbox-toggle span.svg-icon, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.feed-memo-date span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container .graph .graph-pagination .ember-radio-button.graph-stats span.checkbox-toggle span.svg-icon, .graph .graph-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.graph-stats span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .ember-radio-button.sidebar-record-category span.checkbox-toggle span.svg-icon, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.sidebar-record-category span.checkbox-toggle span.svg-icon, .outer-page-wrapper .outside-box .register-plans-container .table-pagination .ember-radio-button.pagination-text span.checkbox-toggle span.svg-icon, .table-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.pagination-text span.checkbox-toggle span.svg-icon {
  display: none;
}
.outer-page-wrapper .outside-box .register-plans-container label.ember-radio-button:not(:last-of-type), .outer-page-wrapper .outside-box .register-plans-container #settlements > ul > li .settlement-area .ember-radio-button.settlement-date:not(:last-of-type), #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.settlement-date:not(:last-of-type), .outer-page-wrapper .outside-box .register-plans-container .activity-feed > ul > li .feed-memo .ember-radio-button.feed-memo-date:not(:last-of-type), .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.feed-memo-date:not(:last-of-type), .outer-page-wrapper .outside-box .register-plans-container .graph .graph-pagination .ember-radio-button.graph-stats:not(:last-of-type), .graph .graph-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.graph-stats:not(:last-of-type), .outer-page-wrapper .outside-box .register-plans-container .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .ember-radio-button.sidebar-record-category:not(:last-of-type), .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.sidebar-record-category:not(:last-of-type), .outer-page-wrapper .outside-box .register-plans-container .table-pagination .ember-radio-button.pagination-text:not(:last-of-type), .table-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.pagination-text:not(:last-of-type) {
  border-bottom: 1px solid var(--cf-legacy-dust);
}
.outer-page-wrapper .outside-box .register-plans-container label.ember-radio-button .register-plan-choice, .outer-page-wrapper .outside-box .register-plans-container #settlements > ul > li .settlement-area .ember-radio-button.settlement-date .register-plan-choice, #settlements > ul > li .settlement-area .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.settlement-date .register-plan-choice, .outer-page-wrapper .outside-box .register-plans-container .activity-feed > ul > li .feed-memo .ember-radio-button.feed-memo-date .register-plan-choice, .activity-feed > ul > li .feed-memo .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.feed-memo-date .register-plan-choice, .outer-page-wrapper .outside-box .register-plans-container .graph .graph-pagination .ember-radio-button.graph-stats .register-plan-choice, .graph .graph-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.graph-stats .register-plan-choice, .outer-page-wrapper .outside-box .register-plans-container .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .ember-radio-button.sidebar-record-category .register-plan-choice, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.sidebar-record-category .register-plan-choice, .outer-page-wrapper .outside-box .register-plans-container .table-pagination .ember-radio-button.pagination-text .register-plan-choice, .table-pagination .outer-page-wrapper .outside-box .register-plans-container .ember-radio-button.pagination-text .register-plan-choice {
  margin-top: -34px;
  margin-left: 40px;
  margin-bottom: 0;
  font-weight: 400;
  color: color-mix(in srgb, var(--cf-legacy-ash), var(--cf-ink) 23.7%);
}

.register-logo {
  display: block;
}
.register-logo img {
  width: 150px;
}

/*
Each firm settings page should have a similar layout, with a banner group that
includes both a title and helptext. The banner group can also include button on
the right side.
*/
.firm-settings-page {
  display: block !important;
}
.firm-settings-page.clio-settings-page {
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 16px !important;
}
.firm-settings-page.clio-settings-page::after {
  content: none !important;
}
.firm-settings-page.clio-settings-page .content-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: 0 !important;
}
.firm-settings-page {
  /*
  The banner should be laid out as follows:

  ```html
  <div class="firm-settings-page__banner">
    <div class="firm-settings-page__banner__title">
      Default Source Tags
    </div>
    <div class="firm-settings-page__banner__create">
      <button class="create-btn" {{action (toggle 'showForm' this)}}>
        {{svg-jar "plus"}}
        Create Tag
      </button>
    </div>

    <div class="firm-settings-page__banner__helptext">
        Default source tags are automatically added to each new case when it is created, and can then be edited freely within each case.
    </div>
  </div>
  ```
  */
}
.firm-settings-page .firm-settings-page__tag-color {
  width: 12px;
  height: 12px;
  margin-left: 8px;
  border-radius: 50%;
  border-width: 0;
  display: inline-block;
}
.firm-settings-page .firm-settings-page__banner {
  padding-top: 0;
  display: block;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--cf-gray-300);
  position: relative;
}
.firm-settings-page .firm-settings-page__banner .firm-settings-page__banner__title {
  color: var(--cf-ink);
  font-size: 24px;
  font-size: 1.5em;
  margin: 12px 0 24px;
  font-weight: 300;
}
.firm-settings-page .firm-settings-page__banner .firm-settings-page__banner__create {
  position: absolute;
  right: 0;
  top: 0;
}
.firm-settings-page .firm-settings-page__banner .firm-settings-page__banner__helptext {
  color: var(--cf-legacy-ash);
  font-size: 16px;
  font-size: 1em;
  margin-bottom: 24px;
}
.firm-settings-page .heading-group {
  margin-bottom: 8px;
}
.firm-settings-page .content-group {
  margin-bottom: 48px;
}
.firm-settings-page .single-sign-on-card {
  width: 100%;
  border: 1px solid var(--cf-gray-300);
  margin: auto;
  padding: 16px;
}
.firm-settings-page .single-sign-on-card a {
  display: block;
  margin: auto;
  text-align: center;
}
.firm-settings-page .single-sign-on-card .single-sign-on-card__primary {
  display: flex;
  align-items: center;
  justify-content: center;
}
.firm-settings-page .single-sign-on-card .single-sign-on-card__primary .single-sign-on-card__icon {
  margin-right: 16px;
}
.firm-settings-page .single-sign-on-card .single-sign-on-card__primary .single-sign-on-card__icon.warning svg path {
  fill: var(--cf-alert-500, var(--cf-legacy-red));
}
.firm-settings-page .firm-settings-page__checkbox-with-help {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.firm-settings-page {
  /*
  Note: The Pages::ListCreatePage component introduces some left/right padding
  via the list-column / list-column__row classes.  We want to eliminate this
  padding since we are inside a page-wrapper / detail-page-content which provides
  left/right padding already.
  */
}
.firm-settings-page .list-column .list-column__row {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.firm-settings-page .referral-info {
  max-width: 600px;
}
.firm-settings-page .referral-info__headline {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 1rem;
  color: var(--cf-ink);
}
.firm-settings-page .referral-info__steps {
  margin: 0 0 1.5rem;
  padding-left: 1.25rem;
}
.firm-settings-page .referral-info__steps li {
  margin-bottom: 0.5rem;
  line-height: 1.5;
  color: var(--cf-gray-800);
}
.firm-settings-page .referral-info__subhead {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
  color: var(--cf-ink);
}
.firm-settings-page .referral-info__rewards {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.firm-settings-page .referral-info__reward-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem;
  border: 1px solid var(--cf-gray-300);
  border-radius: var(--radius-md);
}
.firm-settings-page .referral-info__reward-credit {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--cf-purple-600);
}
.firm-settings-page .referral-info__reward-description {
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--cf-gray-800);
}
.firm-settings-page .referral-info__reward-plan {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--cf-ink);
  margin-bottom: -0.15rem;
}
.firm-settings-page .referral-info__reward-note {
  font-size: 0.85rem;
  color: var(--cf-gray-600);
}
.firm-settings-page .referral-info__eligibility {
  font-size: 0.9rem;
  color: var(--cf-gray-600);
  margin: 0;
}
.firm-settings-page .referral-link-group {
  max-width: 600px;
}
.firm-settings-page .referral-link-group__label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.firm-settings-page .referral-link-group__row {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
.firm-settings-page .referral-link-group__input {
  flex: 1;
}
.firm-settings-page .referral-link-group__code-display {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.firm-settings-page .referral-link-group__code-display dt {
  font-size: 0.85rem;
  color: var(--cf-gray-600);
}
.firm-settings-page .referral-link-group__code-display dd {
  margin: 0;
  font-family: monospace;
  font-size: 0.95rem;
  color: var(--cf-ink);
  letter-spacing: 0.05em;
}
.firm-settings-page .flex-actions-group > .row-edit {
  padding-left: 8px;
}

.calendar {
  position: relative;
  margin: 1em 0;
  border: var(--border-width) solid var(--cf-gray-300);
  background: var(--cf-white);
  z-index: 0;
  border-right: 0;
}
.calendar .calendar-header-white {
  position: absolute;
  background: var(--cf-white);
  height: 30px;
  width: 100%;
}
.calendar .current-date-line {
  position: absolute;
  width: 100%;
  height: 1px;
  z-index: 1;
  background: var(--cf-legacy-teal);
}
.calendar .current-date-line span {
  display: inline-block;
  background: var(--cf-legacy-teal);
  color: var(--cf-white);
  padding: 4px 7px;
  border-radius: 7px;
  position: relative;
  top: -11px;
  right: -10px;
  font-size: 12px;
  width: 78px;
  text-align: center;
}
.calendar .interval-line {
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--cf-gray-300);
  z-index: 0;
}
.calendar .interval-line span {
  background: var(--cf-gray-300);
  color: var(--cf-white);
  padding: 4px 7px;
  border-radius: 7px;
  position: relative;
  top: -11px;
  right: -10px;
  font-size: 12px;
  display: none;
}
.calendar .interval-line.hide-line {
  background: transparent;
}
.calendar .interval-line.show-label {
  background: var(--cf-legacy-ash);
  z-index: 1;
}
.calendar .interval-line.show-label span {
  background: var(--cf-legacy-ash);
  display: inline-block;
}
.calendar .interval-line:not(.hide-line, .show-label) span {
  display: inline-block;
}
.calendar .scroll-container {
  position: relative;
  left: 100px;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto hidden;
  border-left: 1px solid var(--cf-gray-300);
  border-right: 1px solid var(--cf-gray-300);
  width: 100%;
}
.calendar .scroll-container > ul {
  padding: 0;
  margin: 0;
  position: relative;
  border-left: 1px solid var(--cf-gray-300);
  float: left;
  min-width: 250px;
}
.calendar .scroll-container > ul .case-heading {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  text-align: center;
  width: 100%;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  background: var(--cf-white);
  opacity: 0.9;
  padding-top: 5px;
  font-weight: 300;
  font-size: 1.1rem;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar .scroll-container > ul:first-child {
  border-left: 0;
}
.calendar .scroll-container > ul > li {
  list-style: none;
  position: absolute;
  padding: 1px 3px 0;
  min-height: 5px;
}
.calendar .scroll-container > ul > li > div {
  position: relative;
  background: var(--cf-gray-300);
  border-radius: 7px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.calendar .scroll-container > ul > li > div .tooltip {
  z-index: 4;
  position: absolute;
  display: none;
  padding: 0 10px;
}
.calendar .scroll-container > ul > li > div .tooltip div {
  margin: 0;
  width: 300px;
  padding: 0.5em 1em;
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: 8px;
  box-shadow: 0 0 2px 0 var(--cf-legacy-dust);
  background: var(--cf-white);
  position: relative;
}
.calendar .scroll-container > ul > li > div .tooltip div ul {
  margin: 0;
  padding: 0;
  overflow: hidden auto;
}
.calendar .scroll-container > ul > li > div .tooltip div ul li {
  list-style: none;
  padding: 3px 0;
  border-bottom: 1px solid var(--cf-gray-300);
  font-size: 14px;
}
.calendar .scroll-container > ul > li > div .tooltip div ul li label, .calendar .scroll-container > ul > li > div .tooltip div #settlements > ul > li li .settlement-area .settlement-date, .calendar .scroll-container > ul > li > div .tooltip div #settlements > ul > li .settlement-area li .settlement-date, .calendar .scroll-container > ul > li > div .tooltip div .activity-feed > ul > li li .feed-memo .feed-memo-date, .calendar .scroll-container > ul > li > div .tooltip div .activity-feed > ul > li .feed-memo li .feed-memo-date, .calendar .scroll-container > ul > li > div .tooltip div ul li .graph .graph-pagination .graph-stats, .graph .graph-pagination .calendar .scroll-container > ul > li > div .tooltip div ul li .graph-stats, .calendar .scroll-container > ul > li > div .tooltip div .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records .calendar .scroll-container > ul > li > div .tooltip div ul li .sidebar-record-details .sidebar-record-category, .calendar .scroll-container > ul > li > div .tooltip div ul li .table-pagination .pagination-text, .table-pagination .calendar .scroll-container > ul > li > div .tooltip div ul li .pagination-text {
  margin-bottom: 0;
}
.calendar .scroll-container > ul > li > div .tooltip div ul li:last-child {
  border-bottom: 0;
}
.calendar .scroll-container > ul > li > div .tooltip div ul li.event-heading {
  border-bottom: 0;
}
.calendar .scroll-container > ul > li > div .tooltip div ul li.event-heading h2, .calendar .scroll-container > ul > li > div .tooltip div ul li.event-heading .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .calendar .scroll-container > ul > li > div .tooltip div ul li.event-heading h4 {
  display: block;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar .scroll-container > ul > li > div .tooltip div ul li.event-heading h3, .calendar .scroll-container > ul > li > div .tooltip div .alerts ul li.event-heading li, .alerts .calendar .scroll-container > ul > li > div .tooltip div ul li.event-heading li {
  display: block;
}
.calendar .scroll-container > ul > li > div .tooltip div ul li .more-details {
  float: right;
  font-size: 12px;
  margin: 0.7em 0 0.3em;
}
.calendar .scroll-container > ul > li > div:hover {
  opacity: 1;
}
.calendar .scroll-container > ul > li > div:hover .tooltip {
  display: block;
}
.calendar .scroll-container > ul > li.show-tip > div {
  opacity: 1;
}
.calendar .scroll-container > ul > li.show-tip > div .tooltip {
  display: block;
  z-index: 5;
}
.calendar .scroll-container > ul > li.show-tip > div .tooltip > div {
  border: var(--border-width) solid var(--cf-legacy-teal);
}
.calendar .scroll-container > ul > li.tooltip-right > div .tooltip {
  right: -320px;
}
.calendar .scroll-container > ul > li.tooltip-left > div .tooltip {
  left: -320px;
}

.calendar-loading {
  height: 750px;
  margin: 2em 0;
  text-align: center;
  padding-top: 200px;
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
}
.calendar-loading svg {
  width: 100px;
  height: 100px;
}

.calendar-list-heading {
  margin: 1em auto 0.5em;
  max-width: 600px;
  border-top: 1px solid var(--cf-gray-300);
  text-align: center;
  position: relative;
  top: 12px;
}
.calendar-list-heading span {
  background: var(--cf-white);
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 12px;
}

.calendar-list-month {
  margin: 1em auto 0.5em;
  max-width: 600px;
  width: 100%;
  border-top: 1px solid var(--cf-gray-300);
  text-align: center;
  position: relative;
  top: 12px;
}
.calendar-list-month span {
  background: var(--cf-white);
  display: inline-block;
  position: relative;
  top: -10px;
  padding: 0 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--cf-legacy-ash);
}

.no-calendar-events {
  padding: 1em;
  text-align: center;
  margin: 0 auto;
  max-width: 600px;
  cursor: default;
  width: 100%;
}

@media (max-width: 767px) {
  .calendar-heading {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .calendar-heading {
    float: left;
  }
}

@media (max-width: 767px) {
  .calendar-actions {
    text-align: left;
    margin-bottom: 1em;
  }
}

.calendar-warning {
  color: var(--cf-alert-500);
  background-color: rgb(242.2413793103, 193.7586206897, 196.3103448276);
  padding: 10px;
  border: var(--border-width) solid var(--cf-alert-500);
  border-radius: var(--radius-md);
}

.settlement-summary {
  background: var(--cf-white);
  padding: 1em 2em;
  border: var(--border-width) solid var(--cf-gray-300);
  margin: 1em 0 2em;
}
.settlement-summary ul {
  margin: 0;
  padding: 0;
}
.settlement-summary ul li {
  list-style: none;
  width: 100%;
}
@media (max-width: 844px) {
  .settlement-summary ul li {
    padding-bottom: 10px;
  }
}
@media (min-width: 845px) {
  .settlement-summary ul li {
    width: 20%;
    float: left;
  }
}

#settlements {
  position: relative;
  margin: 1em 0;
}
#settlements .middle-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--cf-gray-300);
  left: 50%;
}
@media (max-width: 767px) {
  #settlements .middle-line {
    display: none;
  }
}
#settlements > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#settlements > ul > li {
  padding: 0;
  position: relative;
  cursor: pointer;
}
@media (min-width: 768px) {
  #settlements > ul > li {
    width: 50%;
    margin: 0 50% 1em 0;
    display: flex;
  }
}
#settlements > ul > li .settlement-area {
  border-radius: 6px;
  flex-grow: 1;
  align-items: center;
  border: var(--border-width) solid var(--cf-gray-300);
  padding: 16px 16px 8px;
  background: var(--cf-white);
  position: relative;
}
@media (max-width: 767px) {
  #settlements > ul > li .settlement-area {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  #settlements > ul > li .settlement-area {
    margin: 0 40px 0 0;
  }
}
#settlements > ul > li .settlement-area .settlement-content {
  flex-shrink: 2;
}
#settlements > ul > li .settlement-area .settlement-date {
  display: block;
  margin-bottom: 10px;
  width: auto;
}
#settlements > ul > li .settlement-area .settlement-memo .settlement-memo__date-and-time {
  margin-bottom: 12px;
}
#settlements > ul > li .settlement-area .settlement-memo .settlement-memo__type {
  margin-bottom: 3px;
  font-weight: 500;
}
#settlements > ul > li .settlement-area .settlement-memo .settlement-memo__amount {
  position: absolute;
  right: 2em;
  top: 1.1em;
  font-weight: 500;
}
#settlements > ul > li .settlement-area .settlement-memo .settlement-memo__contact {
  position: absolute;
  right: 2em;
  top: 2.7em;
}
#settlements > ul > li .settlement-area .settlement-memo .settlement-memo__memo {
  border-top: 1px solid var(--cf-gray-300);
  padding-top: 8px;
  margin-top: 16px;
  margin-bottom: 0;
}
#settlements > ul > li .settlement-area .settlement-icon {
  position: absolute;
  height: 100%;
}
@media (max-width: 767px) {
  #settlements > ul > li .settlement-area .settlement-icon {
    display: none;
  }
}
#settlements > ul > li .settlement-area .settlement-icon > div,
#settlements > ul > li .settlement-area .settlement-icon > span {
  border: var(--border-width) solid var(--cf-gray-300);
  background: var(--cf-white);
  border-radius: 18px;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 39%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 16px;
  padding-top: 6px;
  color: var(--cf-legacy-ash);
}
#settlements > ul > li.is-offer {
  margin-bottom: 1em;
}
#settlements > ul > li.is-offer .settlement-icon {
  right: -41px;
}
@media (min-width: 768px) {
  #settlements > ul > li.is-offer .settlement-area::after,
  #settlements > ul > li.is-offer .settlement-area::before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  #settlements > ul > li.is-offer .settlement-area::after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: var(--cf-white);
    border-width: 9px;
    margin-top: -9px;
  }
  #settlements > ul > li.is-offer .settlement-area::before {
    border-color: rgba(221, 221, 221, 0);
    border-left-color: var(--cf-gray-300);
    border-width: 10px;
    margin-top: -10px;
  }
}
#settlements > ul > li.is-demand {
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  #settlements > ul > li.is-demand {
    margin: 0 0 1em 50%;
  }
  #settlements > ul > li.is-demand .settlement-icon {
    left: -41px;
  }
  #settlements > ul > li.is-demand .settlement-area {
    margin: 0 0 0 40px;
  }
  #settlements > ul > li.is-demand .settlement-area::after,
  #settlements > ul > li.is-demand .settlement-area::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  #settlements > ul > li.is-demand .settlement-area::after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: var(--cf-white);
    border-width: 9px;
    margin-top: -9px;
  }
  #settlements > ul > li.is-demand .settlement-area::before {
    border-color: rgba(221, 221, 221, 0);
    border-right-color: var(--cf-gray-300);
    border-width: 10px;
    margin-top: -10px;
  }
}

.sign-up-container .sign-out {
  float: right;
  position: relative;
  top: -3px;
  margin-right: 100px;
}
.sign-up-container.sign-up-container--trial-ended {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  overflow-y: scroll;
}
.sign-up-container.sign-up-container--trial-ended .detail-page-content {
  padding-bottom: 1rem !important;
  width: 100%;
}
.sign-up-container .content-group {
  width: 100%;
}
.sign-up-container .content-group .sign-up-container__top {
  max-width: 640px !important;
  margin: 2rem auto;
  color: var(--cf-ink);
  padding-top: 5rem;
}
.sign-up-container .content-group .sign-up-container__top .sign-up-container__header {
  font-size: 26px;
  font-size: 1.625em;
  font-weight: 300;
  margin-bottom: 1rem;
}
.sign-up-container .content-group .sign-up-container__top .sign-up-container__subhead {
  font-size: 14px;
  font-size: 0.875em;
}

.StripeElement {
  background-color: var(--cf-white);
  height: 40px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: var(--border-width) solid transparent;
  box-shadow: 0 1px 3px 0 var(--cf-legacy-air);
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 var(--cf-legacy-dust);
}

.StripeElement--invalid {
  border-color: #f24545;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.sign-up-form {
  max-width: 640px !important;
}
.sign-up-form.sign-up-form--centered {
  margin: auto !important;
}
.sign-up-form .sign-up-form__section {
  margin-bottom: 1rem;
  padding: 1rem 0;
}
.sign-up-form .sign-up-form__section .sign-up-form__section-header {
  font-weight: 300;
  font-size: 20px;
  font-size: 1.25em;
  color: var(--cf-ink);
  margin-bottom: 1rem;
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content .sign-up-form__section-content__row {
  padding: 0.5rem 0;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content .sign-up-form__section-content__row > .select-card {
  height: auto;
}
@media screen and (max-width: 640px) {
  .sign-up-form .sign-up-form__section .sign-up-form__section-content .sign-up-form__section-content__row {
    flex-direction: column;
  }
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical {
  flex-flow: column wrap;
  padding: 0.5rem 0;
  display: flex;
  justify-content: center;
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div:not(:last-of-type) {
  border-bottom: 1px solid var(--cf-gray-300);
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div {
  margin-bottom: 1rem;
  padding: 1rem 0 1.5rem;
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-label {
  float: left;
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-label .sign-up-form--section-content-label-subtext {
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-legacy-ash-light);
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right {
  float: right;
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right label.extraUserQuantity input, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .activity-feed > ul > li .feed-memo .extraUserQuantity.feed-memo-date input, .activity-feed > ul > li .feed-memo .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.feed-memo-date input, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .graph .graph-pagination .extraUserQuantity.graph-stats input, .graph .graph-pagination .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.graph-stats input, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .extraUserQuantity.sidebar-record-category input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.sidebar-record-category input, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .table-pagination .extraUserQuantity.pagination-text input, .table-pagination .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.pagination-text input, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right #settlements > ul > li .settlement-area .extraUserQuantity.settlement-date input, #settlements > ul > li .settlement-area .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.settlement-date input, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right label.extraUserQuantity .timezone-click-to-edit, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .activity-feed > ul > li .feed-memo .extraUserQuantity.feed-memo-date .timezone-click-to-edit, .activity-feed > ul > li .feed-memo .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.feed-memo-date .timezone-click-to-edit, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .graph .graph-pagination .extraUserQuantity.graph-stats .timezone-click-to-edit, .graph .graph-pagination .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.graph-stats .timezone-click-to-edit, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .extraUserQuantity.sidebar-record-category .timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.sidebar-record-category .timezone-click-to-edit, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .table-pagination .extraUserQuantity.pagination-text .timezone-click-to-edit, .table-pagination .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.pagination-text .timezone-click-to-edit, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right #settlements > ul > li .settlement-area .extraUserQuantity.settlement-date .timezone-click-to-edit, #settlements > ul > li .settlement-area .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right .extraUserQuantity.settlement-date .timezone-click-to-edit {
  width: 80px;
  text-align: right;
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right.sign-up-form--section-content-right--coupon-input button {
  display: inline-block;
  float: right;
}
.sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right.sign-up-form--section-content-right--coupon-input input, .sign-up-form .sign-up-form__section .sign-up-form__section-content.sign-up-form__section-content--vertical > div .sign-up-form--section-content-right.sign-up-form--section-content-right--coupon-input .timezone-click-to-edit {
  display: inline-block;
  width: auto;
  float: left;
  margin-right: 10px;
}
.sign-up-form .sign-up-form__section .sign-up-form--cc-wrap {
  padding: 1.5rem 0.5rem;
  margin-top: 2.5rem;
  border-radius: var(--radius-md);
  background-color: color-mix(in srgb, var(--cf-legacy-dust), var(--cf-white) 9.3%);
}
.sign-up-form .sign-up-form__section .sign-up-form--cc-wrap .form-row {
  margin-bottom: 0.5rem;
}
.sign-up-form .sign-up-form__section .sign-up-form--cc-wrap .button-row {
  text-align: right;
}

.create-firm-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 6;
  overflow-y: scroll;
  background-color: var(--cf-white);
  padding-top: 5rem;
}
.create-firm-container .detail-page-content {
  padding-bottom: 1rem !important;
}
.create-firm-container .content-group {
  width: 100%;
}
.create-firm-container .content-group .create-firm-container__top {
  max-width: 640px !important;
  margin: 2rem auto;
  color: var(--cf-ink);
}
.create-firm-container .content-group .create-firm-container__top .create-firm-container__header {
  font-size: 26px;
  font-size: 1.625em;
  font-weight: 300;
  margin-bottom: 1rem;
}
.create-firm-container .create-firm {
  max-width: 640px !important;
  margin: auto;
  border: var(--border-width) solid var(--cf-gray-300);
  padding: 2rem;
}
.create-firm-container .create-firm label, .create-firm-container .create-firm .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .create-firm-container .create-firm .feed-memo-date, .create-firm-container .create-firm .graph .graph-pagination .graph-stats, .graph .graph-pagination .create-firm-container .create-firm .graph-stats, .create-firm-container .create-firm .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .create-firm-container .create-firm .sidebar-record-category, .create-firm-container .create-firm .table-pagination .pagination-text, .table-pagination .create-firm-container .create-firm .pagination-text, .create-firm-container .create-firm #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .create-firm-container .create-firm .settlement-date {
  width: 100%;
}
.create-firm-container .create-firm .row, .create-firm-container .create-firm .x-timeline {
  padding: 0.5rem 0;
}
.create-firm-container .create-firm .primary-btn,
.create-firm-container .create-firm .submit-btn {
  float: right;
}

/*
  The main purpose of a content group is to create a widget
  with a header, followed by a series of rows, where each row
  has a label and a value. This widget can then be converted to
  a form.

 */
@media screen and (max-width: 824px) {
  .detail-page-content-wrap {
    max-height: calc(100vh - 100px);
  }
}
.detail-page-content-wrap .heading-group {
  width: 100%;
  border-bottom: 1px solid var(--cf-legacy-air);
  height: 80px;
  margin-bottom: 30px;
}
@media screen and (max-width: 824px) {
  .detail-page-content-wrap .heading-group {
    height: auto;
  }
  .detail-page-content-wrap .heading-group h2, .detail-page-content-wrap .heading-group .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .detail-page-content-wrap .heading-group h4 {
    display: none;
  }
}
.detail-page-content-wrap .content-group {
  margin-bottom: 1em;
  flex: 0 0 auto;
}
.detail-page-content-wrap .content-group > h2, .detail-page-content-wrap .calendar-list-item li:first-child .content-group > h4, .calendar-list-item li:first-child .detail-page-content-wrap .content-group > h4 {
  margin-bottom: 0.75em;
}
.detail-page-content-wrap .content-group > ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  border: none;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li,
.detail-page-content-wrap .content-group > ul > li {
  width: 244px;
  list-style: none;
  display: block !important;
  position: relative;
  border: none;
  margin-bottom: 16px;
  margin-right: 20px;
  padding: 0;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li > .detail-label,
.detail-page-content-wrap .content-group > ul > li > .detail-label {
  display: block;
  font-weight: 400;
  color: var(--cf-legacy-ash-light);
  letter-spacing: 0;
  margin-bottom: 4px;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li > .detail-label h5,
.detail-page-content-wrap .content-group > ul > li > .detail-label h5 {
  margin-top: 3px;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li > .detail-label h5.edit,
.detail-page-content-wrap .content-group > ul > li > .detail-label h5.edit {
  color: var(--cf-purple-600);
  cursor: pointer;
  font-weight: 300;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input,
.detail-page-content-wrap .content-group > ul > li .detail-value-or-input {
  display: block;
  margin-bottom: 20px;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  font-weight: 400;
  line-height: 1.8 !important;
  white-space: normal;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.add,
.detail-page-content-wrap .content-group > ul > li .detail-value-or-input.add {
  cursor: pointer;
  color: var(--cf-legacy-ash);
  transition: color 0.2s ease;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.add:hover,
.detail-page-content-wrap .content-group > ul > li .detail-value-or-input.add:hover {
  color: color-mix(in srgb, var(--cf-legacy-ash), var(--cf-ink) 35.6%);
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div,
.detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div {
  max-width: 400px;
  float: right;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div .firstName,
.detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div .firstName {
  width: 100%;
  float: none;
  display: inline-block;
  min-width: auto;
}
@media (min-width: 485px) {
  .detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div .firstName,
  .detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div .firstName {
    width: 193px;
  }
}
@media (min-width: 845px) and (max-width: 1030px) {
  .detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div .firstName,
  .detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div .firstName {
    width: 100%;
  }
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div .lastName,
.detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div .lastName {
  width: 100%;
  float: none;
  display: inline-block;
  min-width: auto;
  margin-top: 7px;
}
@media (min-width: 485px) {
  .detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div .lastName,
  .detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div .lastName {
    width: 193px;
    margin: 0 0 0 8px;
  }
}
@media (min-width: 845px) and (max-width: 1030px) {
  .detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div .lastName,
  .detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div .lastName {
    width: 100%;
    margin: 7px 0 0;
  }
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div .email,
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div .phone,
.detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div .email,
.detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div .phone {
  margin-top: 7px;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .detail-value-or-input.contact-create > div .isEntity,
.detail-page-content-wrap .content-group > ul > li .detail-value-or-input.contact-create > div .isEntity {
  text-align: left;
  margin-top: 7px;
}
.detail-page-content-wrap .content-group > ul .liquid-container > .liquid-child > li .swatch,
.detail-page-content-wrap .content-group > ul > li .swatch {
  display: block;
  width: 20px;
  height: 20px;
  border: var(--border-width) solid var(--cf-gray-300);
}

.detail-memo {
  white-space: pre-wrap;
  padding-top: 0;
  position: relative;
}
.detail-memo textarea {
  margin-top: -40px;
  min-height: 0;
  height: auto;
}

.subscription.refreshing > div {
  border: none;
}

.detail-page-content.subscription .past-due {
  color: var(--cf-alert-500);
}
.detail-page-content.subscription .plan-information__group {
  margin-bottom: 1rem;
  padding: 1rem 0;
  color: var(--cf-ink);
}
.detail-page-content.subscription .plan-information__group .plan-information__group-header {
  font-weight: 300;
  font-size: 22px;
  font-size: 1.375em;
  color: var(--cf-ink);
  margin-bottom: 1rem;
}
.detail-page-content.subscription .plan-information__group .plan-information__group-content {
  font-size: 16px;
  font-size: 1em;
  color: var(--cf-ink);
}
.detail-page-content.subscription .plan-information__group .plan-information__group-content a {
  color: var(--cf-purple-600);
}
.detail-page-content.subscription .plan-information__group .plan-information__group-content .plan-information__upgrade-card {
  max-width: 600px;
  background-color: var(--cf-legacy-air);
  border: var(--border-width) solid var(--cf-gray-300);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem;
  border-radius: var(--radius-md);
}
@media screen and (max-width: 640px) {
  .detail-page-content.subscription .plan-information__group .plan-information__group-content .plan-information__upgrade-card {
    flex-direction: column;
    text-align: center;
  }
}
.detail-page-content.subscription .plan-information__group .plan-information__group-content .plan-information__upgrade-card > div:first-child {
  flex: 1 1 auto;
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125em;
}
.detail-page-content.subscription .plan-information__group .plan-information__group-content .plan-information__upgrade-card > div:last-child {
  flex: 0 0 auto;
}
.detail-page-content.subscription .plan-information__group .plan-information__group-content .plan-information__upgrade-card button {
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875em;
  white-space: nowrap;
}
.detail-page-content.subscription .upgrade-promo {
  max-width: 760px;
  margin-bottom: 1rem;
  border: var(--border-width) solid var(--cf-purple-200);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--cf-white);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: var(--cf-purple-50);
  border-bottom: var(--border-width) solid var(--cf-purple-100);
}
@media screen and (max-width: 640px) {
  .detail-page-content.subscription .upgrade-promo .upgrade-promo__header {
    flex-wrap: wrap;
  }
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__badge {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  background: var(--cf-purple-600);
  color: var(--cf-white);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__badge svg {
  width: 22px;
  height: 22px;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__heading {
  flex: 1 1 auto;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__eyebrow {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--cf-purple-600);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__tag {
  font-size: 11px;
  font-size: 0.6875em;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--cf-white);
  background: var(--cf-purple-600);
  border-radius: var(--radius-sm);
  padding: 0.1rem 0.45rem;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__title {
  font-size: 22px;
  font-size: 1.375em;
  font-weight: 600;
  color: var(--cf-ink);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__price {
  flex: 0 0 auto;
  text-align: right;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__price-amount {
  font-size: 24px;
  font-size: 1.5em;
  font-weight: 700;
  color: var(--cf-ink);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__price-interval {
  font-size: 15px;
  font-size: 0.9375em;
  font-weight: 500;
  color: var(--cf-gray-600);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__price-sub {
  font-size: 13px;
  font-size: 0.8125em;
  color: var(--cf-gray-600);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__body {
  padding: 1.5rem;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__tagline {
  margin: 0 0 1.25rem;
  font-size: 15px;
  font-size: 0.9375em;
  color: var(--cf-gray-700);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 640px) {
  .detail-page-content.subscription .upgrade-promo .upgrade-promo__features {
    grid-template-columns: 1fr;
  }
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__feature {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: var(--radius-md);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__feature-icon {
  display: inline-flex;
  flex: 0 0 auto;
  margin-top: 0.1rem;
  color: var(--cf-purple-600);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__feature-icon svg {
  width: 20px;
  height: 20px;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__feature--discount .upgrade-promo__feature-icon svg {
  fill: currentcolor;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__feature-value {
  font-size: 16px;
  font-size: 1em;
  font-weight: 700;
  color: var(--cf-ink);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__feature-value span {
  font-weight: 400;
  color: var(--cf-gray-600);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__feature-label {
  margin-top: 0.1rem;
  font-size: 13px;
  font-size: 0.8125em;
  color: var(--cf-gray-600);
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__cta .upgrade-promo__cta-icon {
  display: inline-flex;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__cta .upgrade-promo__cta-icon svg {
  width: 16px;
  height: 16px;
}
.detail-page-content.subscription .upgrade-promo .upgrade-promo__compare {
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
  color: var(--cf-ink);
  cursor: pointer;
}
.detail-page-content.subscription form#payment-form {
  margin: 0 !important;
  max-width: 640px;
}
.detail-page-content.subscription form#payment-form .button-row {
  padding-top: 1rem;
  text-align: right;
}
.detail-page-content.subscription ul li.additional-licenses > h3 > div, .detail-page-content.subscription .alerts ul li.additional-licenses > li > div, .alerts .detail-page-content.subscription ul li.additional-licenses > li > div {
  display: inline-block;
  width: 3rem;
}
.detail-page-content.subscription ul li.additional-licenses > h3 > div input, .detail-page-content.subscription .alerts ul li.additional-licenses > li > div input, .alerts .detail-page-content.subscription ul li.additional-licenses > li > div input, .detail-page-content.subscription ul li.additional-licenses > h3 > div .timezone-click-to-edit, .detail-page-content.subscription .alerts ul li.additional-licenses > li > div .timezone-click-to-edit, .alerts .detail-page-content.subscription ul li.additional-licenses > li > div .timezone-click-to-edit {
  text-align: right;
}

.cancel-flow__step {
  font-size: 13px;
  font-size: 0.8125em;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cf-gray-600);
  margin-bottom: var(--space-2);
}

.cancel-flow__progress {
  display: flex;
  gap: var(--space-1);
  margin-bottom: var(--space-4);
}

.cancel-flow__progress-segment {
  flex: 1;
  height: 4px;
  border-radius: var(--radius-sm);
  background: var(--cf-gray-200);
}
.cancel-flow__progress-segment.is-complete {
  background: var(--cf-purple-600);
}

.outline .outline__item {
  display: flex;
  flex-direction: row;
}
.outline .outline__item > div {
  display: inline-block;
}
.outline .outline__item {
  border: 2px transparent;
}
.outline .outline__item .outline__item__expand {
  padding: 2px;
  line-height: normal;
  height: auto !important;
  border: 2px dashed transparent;
  background-color: transparent;
  box-shadow: none;
  width: 24px;
  border-radius: 0;
  margin-right: 0;
  flex-shrink: 0;
}
.outline .outline__item .outline__item__expand svg {
  transform: rotate(90deg);
  width: 16px;
  height: 16px;
}
.outline .outline__item .outline__item__expand.outline__item__expand--collapsed svg {
  transform: rotate(0deg);
}
.outline .outline__item {
  border: 2px dashed transparent;
}
.outline .outline__item.outline__item--dragover {
  border: 2px dashed var(--cf-legacy-teal);
}
.outline .outline__item .outline__item__title {
  cursor: pointer;
  color: var(--cf-ink);
  display: inline;
  margin-right: 4px;
}
.outline .outline__item .outline__item__title:hover {
  text-decoration: underline;
}
.outline .outline__item:hover .outline__item__edit {
  visibility: visible;
}
.outline .outline__item .outline__item__edit {
  cursor: pointer;
  visibility: hidden;
}
.outline .outline__item .outline__item__edit svg {
  width: 12px;
  height: 12px;
}
.outline .outline__indent--level-1 {
  padding-left: 0;
}
.outline .outline__indent--level-2 {
  padding-left: 24px;
}
.outline .outline__indent--level-3 {
  padding-left: 48px;
}
.outline .outline__indent--level-4 {
  padding-left: 72px;
}
.outline .outline__indent--level-5 {
  padding-left: 96px;
}
.outline .outline__between {
  height: 16px;
  width: 100%;
  border: 2px transparent;
}
.outline .outline__between.outline__between--dragover {
  border: 2px dashed var(--cf-legacy-teal);
}

.iframe-container {
  position: relative;
}
.iframe-container .no-table-results {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 0;
}
.iframe-container iframe {
  position: relative;
  z-index: 1;
}

.minimap__wrap {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
  box-shadow: var(--shadow-light-shade);
  border-radius: var(--radius-md);
  background-color: rgb(from var(--cf-white) r g b/70%);
}

.timelines-view-page {
  display: block !important;
  max-height: 100% !important;
}
.timelines-view-page > .x-timeline {
  display: inline !important;
  max-height: 100% !important;
}
.timelines-view-page .fact-renderer {
  display: flex;
  flex-direction: column;
  margin-left: 6px;
  max-height: 100% !important;
  height: auto;
  padding-bottom: 40px;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top {
  position: relative;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar {
  display: flex;
  flex-direction: row;
  padding: 8px 30px;
  border-top: 1px solid var(--cf-gray-300);
  border-bottom: 1px solid var(--cf-gray-300);
  font-size: 14px;
  font-size: 0.875em;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.text-btn, .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.button-with-icon,
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.color-field__color-picker .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom,
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option,
.color-field__color-picker .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option {
  border: none;
  background-color: transparent;
  box-shadow: none;
  padding: 0 4px;
  font-weight: 400;
  color: var(--cf-gray-800);
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.text-btn:hover, .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.button-with-icon:hover,
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom:hover,
.color-field__color-picker .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.color-field__color-picker__swatch.color-field__color-picker__swatch--choose-custom:hover,
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .color-field__color-picker button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option:hover,
.color-field__color-picker .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.color-field__color-picker__swatch.color-field__color-picker__swatch--none-option:hover {
  text-decoration: underline;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .right {
  display: inline-block;
  text-align: right;
  flex-grow: 1;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .right > div,
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .right > span {
  display: inline-block;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__fact-count {
  font-weight: 400;
  color: #0081a2;
  padding-top: 2px;
  margin-right: 4px;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar i.error {
  color: #c70f0f;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap {
  padding: 0 8px;
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-gray-800);
  height: 26px;
  padding-top: 2px;
  margin-right: 8px;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap span.micro {
  font-size: 12px;
  font-size: 0.75em;
  color: var(--fg-neutral-light);
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap svg {
  transform: translateY(4px);
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap svg .track,
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap svg .track-inset,
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap svg .track-overlay {
  stroke-linecap: round;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap svg .track {
  stroke: var(--cf-black);
  stroke-opacity: 0.3;
  stroke-width: 2px;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap svg .track-inset {
  stroke: var(--cf-legacy-dust);
  stroke-width: 8px;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap svg .track-overlay {
  pointer-events: stroke;
  stroke-width: 8px;
  stroke: transparent;
  cursor: pointer;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap svg .handle {
  fill: #0ca1ca;
  stroke: #0ca1ca;
  stroke-opacity: 1;
  stroke-width: 4.25px;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar > span,
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar > div,
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar > button {
  margin-right: 16px;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.right {
  margin-left: auto;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.timeline-paging {
  padding: 0 8px;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar button.timeline-paging svg {
  transform: translateY(2px);
  width: 18px;
  height: 18px;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__scrollbar {
  line-height: 0;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline-x-scrollbar {
  background-color: #efefef;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline-x-scrollbar rect {
  fill: var(--cf-legacy-scrollbar-thumb) !important;
}
.timelines-view-page .fact-renderer .timeline__pin-to-top .timeline-x-scrollbar rect.timeline-x-scrollbar__thumb--dragging, .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline-x-scrollbar rect:hover {
  fill: color-mix(in srgb, var(--cf-legacy-scrollbar-thumb), var(--cf-ink) 6.9%) !important;
}
.timelines-view-page .fact-renderer .timeline-wrap {
  overflow: auto;
  max-width: 100%;
  padding-bottom: 64px;
  position: relative;
}
.timelines-view-page .fact-renderer .timeline-wrap .fact-timeline__spinner-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--cf-white);
  text-align: center;
}
.timelines-view-page .fact-renderer .timeline-wrap .fact-timeline__spinner-wrap .fact-timeline__spinner {
  padding-top: 40px;
  text-align: center;
}
.timelines-view-page .fact-renderer .timeline-wrap svg.fact-timeline {
  margin-bottom: 120px;
}
.timelines-view-page .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble rect.fact-bubble__bg {
  transition: all 0.2s;
}
.timelines-view-page .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble line.fact-bubble__line {
  transition: all 0.2s;
}
.timelines-view-page .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble:hover g.fact-bubble__edit {
  transition: opacity 0.2s;
  opacity: 1 !important;
  cursor: pointer;
}
.timelines-view-page .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble.is-editing rect.fact-bubble__bg, .timelines-view-page .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble:hover rect.fact-bubble__bg {
  stroke: var(--cf-purple-600);
  fill: var(--cf-lilac-tint);
}
.timelines-view-page .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble.is-editing line.fact-bubble__line, .timelines-view-page .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble:hover line.fact-bubble__line {
  stroke: var(--cf-purple-600);
}

.design-2024 .minimap__wrap > svg > rect {
  fill: rgba(94, 61, 187, 0.2);
}
.design-2024 .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__slider-wrap svg .handle {
  stroke: var(--cf-purple-600);
  fill: var(--cf-purple-600);
}
.design-2024 .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar .timeline__fact-count {
  color: var(--cf-purple-600);
}
.design-2024 .timelines-view-page .fact-renderer .timeline__pin-to-top .timeline__toolbar i.error {
  color: var(--cf-alert-500);
}
.design-2024 .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble:hover line.fact-bubble__line {
  stroke: var(--cf-gray-700);
}
.design-2024 .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble:hover rect.fact-bubble__bg {
  fill: var(--cf-gray-100);
  stroke: var(--cf-gray-700);
}
.design-2024 .fact-renderer .timeline-wrap svg.fact-timeline g.fact-bubble:hover g[role=button] text {
  fill: var(--cf-purple-600);
}
.design-2024 .wrapper-right-vertical.timelines .secondary-nav-top {
  background-color: var(--cf-white);
}

.wrapper-right-vertical.timelines .secondary-nav-top {
  background-color: var(--cf-legacy-air);
}
.wrapper-right-vertical.timelines .drop-overlay {
  background: var(--cf-legacy-green-glow);
  opacity: 0.5;
  color: var(--cf-white);
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  display: none;
  text-align: center;
  z-index: 10;
}
.wrapper-right-vertical.timelines .drop-overlay h2, .wrapper-right-vertical.timelines .drop-overlay .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .wrapper-right-vertical.timelines .drop-overlay h4 {
  color: var(--cf-white);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.wrapper-right-vertical.timelines .drop-overlay h2 > span, .wrapper-right-vertical.timelines .drop-overlay .calendar-list-item li:first-child h4 > span, .calendar-list-item li:first-child .wrapper-right-vertical.timelines .drop-overlay h4 > span {
  position: absolute;
  left: -32px;
  top: -8px;
}
.wrapper-right-vertical.timelines .drop-overlay h2 > span svg, .wrapper-right-vertical.timelines .drop-overlay .calendar-list-item li:first-child h4 > span svg, .calendar-list-item li:first-child .wrapper-right-vertical.timelines .drop-overlay h4 > span svg {
  width: 26px;
}
.wrapper-right-vertical.timelines .drop-overlay h2 > span svg path, .wrapper-right-vertical.timelines .drop-overlay .calendar-list-item li:first-child h4 > span svg path, .calendar-list-item li:first-child .wrapper-right-vertical.timelines .drop-overlay h4 > span svg path {
  fill: var(--cf-white);
}
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box) {
  width: 100%;
  height: 100px;
  border: var(--border-width) dashed var(--cf-gray-300);
  position: relative;
}
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-dragging div,
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-dragging span,
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-dragging h2,
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-dragging .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-dragging h4, .wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-processing div,
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-processing span,
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-processing h2,
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-processing .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-processing h4, .wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-uploading div,
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-uploading span,
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-uploading h2,
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-uploading .calendar-list-item li:first-child h4,
.calendar-list-item li:first-child .wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-uploading h4 {
  pointer-events: none;
}
.wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-dragging .drop-overlay, .wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-processing .drop-overlay, .wrapper-right-vertical.timelines .drop-zone:not(.upload-box).is-uploading .drop-overlay {
  display: block;
}
.wrapper-right-vertical.timelines .drop-text h2, .wrapper-right-vertical.timelines .drop-text .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .wrapper-right-vertical.timelines .drop-text h4 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.wrapper-right-vertical.timelines .document-option {
  padding: 0.5em 0;
  text-align: center;
}
.wrapper-right-vertical.timelines .ember-basic-dropdown-content {
  z-index: 1008 !important;
}
.wrapper-right-vertical.timelines .x-table__tbody .issue-select,
.wrapper-right-vertical.timelines .x-filters .issue-select {
  border: 0;
  background: var(--cf-white);
}

.design-2024 .timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facet {
  border-radius: 32px;
  height: 32px;
  line-height: 32px;
}
.design-2024 .timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facet.search__facet--selected {
  background: var(--cf-purple-600);
  color: var(--cf-white);
  border: none;
}
.design-2024 .timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facet.search__facet--selected svg path {
  fill: var(--cf-white);
}

.timelines__search-page .list-column__row--top {
  background: none !important;
  border-bottom: none !important;
}
.timelines__search-page .search__controls {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.timelines__search-page .search__controls .search__main-input {
  padding: 0;
  width: 75%;
  margin: auto;
  margin-bottom: 10px;
}
.timelines__search-page .search__controls .search__main-input label, .timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date, .activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date, .timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats, .graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats, .timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category, .timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text, .table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text, .timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date, #settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date {
  display: flex;
  flex-direction: row;
  position: relative;
}
.timelines__search-page .search__controls .search__main-input label span.search__info, .timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date span.search__info, .activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date span.search__info, .timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats span.search__info, .graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats span.search__info, .timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.search__info, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category span.search__info, .timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text span.search__info, .table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text span.search__info, .timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date span.search__info, #settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date span.search__info,
.timelines__search-page .search__controls .search__main-input label span.search__clear,
.timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date span.search__clear,
.activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date span.search__clear,
.timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats span.search__clear,
.graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats span.search__clear,
.timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.search__clear,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category span.search__clear,
.timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text span.search__clear,
.table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text span.search__clear,
.timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date span.search__clear,
#settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date span.search__clear {
  position: absolute;
  top: 14px;
  left: 10px;
}
.timelines__search-page .search__controls .search__main-input label span.search__info svg path.filled, .timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date span.search__info svg path.filled, .activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date span.search__info svg path.filled, .timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats span.search__info svg path.filled, .graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats span.search__info svg path.filled, .timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.search__info svg path.filled, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category span.search__info svg path.filled, .timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text span.search__info svg path.filled, .table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text span.search__info svg path.filled, .timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date span.search__info svg path.filled, #settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date span.search__info svg path.filled,
.timelines__search-page .search__controls .search__main-input label span.search__clear svg path.filled,
.timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date span.search__clear svg path.filled,
.activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date span.search__clear svg path.filled,
.timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats span.search__clear svg path.filled,
.graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats span.search__clear svg path.filled,
.timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.search__clear svg path.filled,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category span.search__clear svg path.filled,
.timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text span.search__clear svg path.filled,
.table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text span.search__clear svg path.filled,
.timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date span.search__clear svg path.filled,
#settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date span.search__clear svg path.filled {
  fill: var(--cf-legacy-nobel);
}
.timelines__search-page .search__controls .search__main-input label span.search__clear, .timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date span.search__clear, .activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date span.search__clear, .timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats span.search__clear, .graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats span.search__clear, .timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.search__clear, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category span.search__clear, .timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text span.search__clear, .table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text span.search__clear, .timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date span.search__clear, #settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date span.search__clear {
  right: 8rem;
  left: auto;
  cursor: pointer;
}
.timelines__search-page .search__controls .search__main-input label span.search__info, .timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date span.search__info, .activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date span.search__info, .timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats span.search__info, .graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats span.search__info, .timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category span.search__info, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category span.search__info, .timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text span.search__info, .table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text span.search__info, .timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date span.search__info, #settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date span.search__info {
  top: auto;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--cf-legacy-ash);
}
.timelines__search-page .search__controls .search__main-input label input, .timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date input, .activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date input, .timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats input, .graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats input, .timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category input, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category input, .timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text input, .table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text input, .timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date input, #settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date input, .timelines__search-page .search__controls .search__main-input label .timezone-click-to-edit, .timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date .timezone-click-to-edit, .activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date .timezone-click-to-edit, .timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats .timezone-click-to-edit, .graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats .timezone-click-to-edit, .timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .timezone-click-to-edit, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category .timezone-click-to-edit, .timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text .timezone-click-to-edit, .table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text .timezone-click-to-edit, .timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date .timezone-click-to-edit, #settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date .timezone-click-to-edit {
  display: block;
  background: var(--cf-white);
  margin-top: 0 !important;
  width: 100%;
  height: 52px;
  line-height: 52px;
  border-radius: var(--radius-md);
  padding-left: 24px;
  padding-right: 44px;
}
.timelines__search-page .search__controls .search__main-input label .primary-btn, .timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date .primary-btn, .activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date .primary-btn, .timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats .primary-btn, .graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats .primary-btn, .timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .primary-btn, .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category .primary-btn, .timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text .primary-btn, .table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text .primary-btn, .timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date .primary-btn, #settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date .primary-btn,
.timelines__search-page .search__controls .search__main-input label .submit-btn,
.timelines__search-page .search__controls .search__main-input .activity-feed > ul > li .feed-memo .feed-memo-date .submit-btn,
.activity-feed > ul > li .feed-memo .timelines__search-page .search__controls .search__main-input .feed-memo-date .submit-btn,
.timelines__search-page .search__controls .search__main-input .graph .graph-pagination .graph-stats .submit-btn,
.graph .graph-pagination .timelines__search-page .search__controls .search__main-input .graph-stats .submit-btn,
.timelines__search-page .search__controls .search__main-input .time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .sidebar-record-category .submit-btn,
.time-entry-sidebar .time-entry-sidebar-container .timing-sidebar-records ul li .sidebar-record-details .timelines__search-page .search__controls .search__main-input .sidebar-record-category .submit-btn,
.timelines__search-page .search__controls .search__main-input .table-pagination .pagination-text .submit-btn,
.table-pagination .timelines__search-page .search__controls .search__main-input .pagination-text .submit-btn,
.timelines__search-page .search__controls .search__main-input #settlements > ul > li .settlement-area .settlement-date .submit-btn,
#settlements > ul > li .settlement-area .timelines__search-page .search__controls .search__main-input .settlement-date .submit-btn {
  order: 1;
  float: right;
  margin-left: 1rem;
  padding: 0 24px;
  font-size: 14px;
  height: 52px;
}
.timelines__search-page .search__controls .helptext--bottom {
  font-size: 12px;
  font-size: 0.75em;
  position: absolute;
  right: 7rem;
  bottom: -20px;
}
.timelines__search-page .search__controls .helptext--bottom a {
  color: var(--cf-legacy-ash-light);
}
.timelines__search-page .search__controls .helptext--bottom a:hover {
  text-decoration: underline;
}
.timelines__search-page .search__controls .search__facets__wrap {
  padding-top: 1rem;
  margin: auto;
  width: auto;
  display: inline-block;
}
.timelines__search-page .search__controls .search__facets__wrap .search__facets {
  display: flex;
  width: auto;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .timelines__search-page .search__controls .search__facets__wrap .search__facets {
    flex-wrap: wrap;
  }
  .timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facet {
    font-size: 14px;
    font-size: 0.875em;
    margin-bottom: 8px;
  }
}
.timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facets-msg {
  position: absolute;
  left: -80px;
  top: 5px;
}
@media screen and (max-width: 767px) {
  .timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facets-msg {
    display: none;
  }
}
.timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facet {
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 2px;
  margin-left: 2px;
  cursor: pointer;
  outline: none;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  background-color: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
  padding-left: 8px;
}
.timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facet svg {
  margin-right: 4px;
  width: 18px;
  height: 18px;
}
.timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facet svg path {
  fill: var(--cf-ink);
}
.timelines__search-page .search__controls .search__facets__wrap .search__facets .search__facet.search__facet--selected {
  border-color: var(--cf-purple-600);
}
.timelines__search-page table.list-table th {
  cursor: default;
}
.timelines__search-page tr.search-result {
  cursor: pointer;
}
.timelines__search-page tr.search-result em {
  background-color: var(--cf-purple-600);
}
.timelines__search-page tr.search-result .result--unlinked {
  cursor: auto;
}
.timelines__search-page tr.search-result .result--open-viewer {
  text-align: center;
}

table.document-metadata tr.document-metadata__show-all td {
  width: 100%;
  text-align: center;
  opacity: 0.8;
}
table.document-metadata tr.document-metadata__show-all td button {
  color: var(--cf-purple-600) !important;
}
table.document-metadata tr.document-metadata__show-all td {
  cursor: pointer;
}
table.document-metadata {
  border-collapse: collapse;
}
table.document-metadata td,
table.document-metadata th {
  border: var(--border-width) solid var(--cf-gray-300);
  text-align: left;
  padding: 0.1rem 0.5rem;
  width: 320px;
  word-break: break-all;
}

.facts-table__no-facts-message {
  margin: auto;
  text-align: center;
  padding: 3rem 0;
}

.x-timeline {
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  overflow-x: visible;
  background-color: var(--cf-white);
}
.x-timeline::-webkit-scrollbar {
  background: transparent !important;
  width: 8px !important;
  height: 8px;
}
.x-timeline::-webkit-scrollbar-thumb {
  background: var(--cf-legacy-scrollbar-thumb) !important;
  border-radius: 4px !important;
}
.x-timeline::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--cf-legacy-scrollbar-thumb), var(--cf-ink) 6.9%) !important;
  border-radius: 4px !important;
}
.x-timeline .x-timeline__top-buttons {
  padding-right: 30px;
  top: -43px;
  z-index: 2;
  padding-top: 3px;
  width: auto;
  right: 0;
  position: absolute;
}
.x-timeline.x-timeline--show-graph .fact-renderer svg.fact-timeline {
  margin-bottom: 400px;
}
.x-timeline.x-timeline--show-full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1003;
  padding: 16px 8px 0;
}
.x-timeline.x-timeline--show-full-screen .x-timeline__top-buttons {
  top: 0;
  right: 0;
  padding-right: 0;
}
@media (min-width: 845px) {
  .x-timeline {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
}
.x-timeline > .x-timelines__top-row {
  padding: 0 20px;
  margin-bottom: 24px;
}

.fancy-time {
  position: relative;
  white-space: nowrap;
}
.fancy-time .time-input {
  float: left;
  width: 50px;
  margin-right: 3px;
}
.fancy-time .time-input input, .fancy-time .time-input .timezone-click-to-edit {
  height: 37px;
}
.fancy-time .time-separator {
  float: left;
  position: relative;
  top: 8px;
  margin-right: 3px;
}
.fancy-time .feed-meridiem-input {
  float: left;
  width: 62px;
  min-width: 69px;
  position: relative;
  margin-left: 2px;
}

.record-memo {
  position: relative;
  z-index: 1;
}

.timeline-case-overview .detail-page-content .content-group h2, .timeline-case-overview .detail-page-content .content-group .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .timeline-case-overview .detail-page-content .content-group h4 {
  color: var(--cf-ink);
}
.timeline-case-overview .detail-page-content .content-group {
  margin-bottom: 32px;
}
.timeline-case-overview .detail-page-content .graph-container {
  margin-top: 25px;
}

.timelines-reports-page h1 {
  font-size: 22px;
  font-size: 1.375em;
  color: var(--cf-ink);
}
.timelines-reports-page .report-step {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 40px;
}
.timelines-reports-page .report-step.report-step--downloads > h2, .timelines-reports-page .calendar-list-item li:first-child .report-step.report-step--downloads > h4, .calendar-list-item li:first-child .timelines-reports-page .report-step.report-step--downloads > h4 {
  margin-bottom: 24px;
}
.timelines-reports-page .report-step.report-step--downloads td.download-links {
  display: flex;
  justify-content: space-around;
}
.timelines-reports-page .report-step.report-step--downloads td.group-actions-cell {
  position: relative;
}
.timelines-reports-page .report-step.report-step--downloads td.group-actions-cell > span {
  position: absolute;
  top: 50%;
  right: 16px;
}
.timelines-reports-page .report-step.report-step--downloads td.group-actions-cell span.group-actions-cell__clear {
  cursor: pointer;
  margin-top: -8px;
}
.timelines-reports-page .report-step.report-step--downloads td.group-actions-cell span.group-actions-cell__clear svg {
  width: 16px;
  height: 16px;
}
.timelines-reports-page .report-step.report-step--downloads td.group-actions-cell span.new-spinner {
  margin-top: -14px;
}
.timelines-reports-page .report-step.report-step--downloads td.group-actions-cell span.new-spinner svg {
  width: 28px;
  height: 28px;
}
.timelines-reports-page .report-step h2, .timelines-reports-page .report-step .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .timelines-reports-page .report-step h4 {
  margin-bottom: 16px;
  font-size: 20px;
  font-size: 1.25em;
}
.timelines-reports-page .filter-fact-counts {
  font-style: italic;
  color: var(--cf-legacy-ash);
}
.timelines-reports-page a.generate-report-button {
  padding: 8px 32px;
  font-size: 18px;
  font-weight: 500;
}

.generate-report-form .checkbox,
.generate-report-form .report-option {
  display: inline-block;
  vertical-align: top;
}
.generate-report-form .generate-report-form__report-sub-option {
  margin-left: 32px;
}
.generate-report-form .checkbox-toggle {
  position: relative;
  top: 4px;
}

.send-invoice-modal {
  text-align: center;
}
.send-invoice-modal h3, .send-invoice-modal .alerts ul li, .alerts ul .send-invoice-modal li {
  font-weight: 500;
  margin-bottom: 16px;
  font-size: 15pt;
}
.send-invoice-modal p {
  font-weight: 400;
  font-size: 12pt;
  color: var(--cf-legacy-ash);
  padding-bottom: 16px;
}
.send-invoice-modal .send-invoice-modal__date-input-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.send-invoice-modal .send-invoice-modal__date-input-group > div {
  text-align: left;
  flex-flow: 2;
  margin: 4px 16px;
}

.invoice-page .heading-group {
  display: block;
}
@media screen and (min-width: 1250px) {
  .invoice-page .heading-group {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 52px;
  }
}
@media screen and (max-width: 1249px) {
  .invoice-page .heading-group h2, .invoice-page .heading-group .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .invoice-page .heading-group h4 {
    margin: 16px auto;
    display: block;
    text-align: center;
  }
}

h3.task-detail__status--is-complete, .alerts ul li.task-detail__status--is-complete {
  color: var(--cf-legacy-green-glow);
}

.pending-invitations-table .expired {
  color: #f24545;
}
.pending-invitations-table .pending-invitations-table__actions {
  display: flex;
  align-items: center;
}
.pending-invitations-table .prevent-wrap {
  display: flex;
  justify-content: flex-end;
}
.pending-invitations-table .row-create,
.pending-invitations-table .row-delete,
.pending-invitations-table .row-edit,
.pending-invitations-table .copy-button {
  margin-right: 5px;
}
.pending-invitations-table .edit-row-delete {
  width: 21px;
  height: 21px;
}
.pending-invitations-table .row-create {
  top: 1px;
  box-shadow: none;
}
.pending-invitations-table .row-create .resend svg {
  width: 28px;
  height: 28px;
}
.pending-invitations-table .row-create .resend svg g {
  fill: var(--cf-legacy-dirt);
}
.pending-invitations-table .copy-button {
  padding: 0 5px;
  border: 0;
  background: none;
  box-shadow: none;
}
.pending-invitations-table .copy-button svg {
  fill: var(--cf-legacy-dirt);
}

.onboard-submit-btn {
  margin-top: 1rem;
  width: 100%;
}

.onboard-terms-row {
  margin-top: 1rem;
}

.onboard-error {
  margin-top: 0.5rem;
  color: #e53e3e;
}

.onboard-resend {
  text-align: center;
  margin-top: 1rem;
}

.search-input > input, .search-input > .timezone-click-to-edit {
  background-color: var(--cf-legacy-air) !important;
}

.design-2024 .search-input > input, .design-2024 .search-input > .timezone-click-to-edit {
  background-color: var(--cf-white) !important;
}
.design-2024 .top-left-app-logo {
  left: 5px;
}
.design-2024 .top-left-app-logo .top-left-app-logo__logo-wrap {
  background: none;
}
.design-2024 .top-left-app-logo .top-left-app-logo__logo-wrap svg {
  opacity: 1;
  position: relative;
  top: 9px;
  left: -1px;
}
.design-2024 .top-left-app-logo .logo-spinner svg {
  opacity: 0;
  cursor: pointer;
  position: fixed;
  top: 8px;
  left: 8px;
  transition: opacity 0.3s 0.2s;
}
.design-2024 .horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .user-circle.user-circle--clickable {
  border: none;
}

.top-left-app-logo {
  position: absolute;
  height: 34px;
  width: 32px;
  padding: 5px 0 0 3px;
  z-index: 1002;
}
@media screen and (max-width: 824px) {
  .top-left-app-logo {
    position: fixed;
  }
}
.top-left-app-logo .top-left-app-logo__logo-wrap {
  display: block;
  background: var(--cf-white);
  border-radius: 6px;
  padding: 3px 6px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.top-left-app-logo .top-left-app-logo__logo-wrap img {
  width: 24px;
  opacity: 1;
  transition: opacity 0.3s 0.2s;
  transform: translateY(-2px);
}
.top-left-app-logo svg {
  opacity: 0;
  cursor: pointer;
  position: fixed;
  transition: opacity 0.3s 0.2s;
  top: -1px;
  width: 36px;
  left: 12px;
}
.top-left-app-logo.loading svg {
  opacity: 1;
  transition: opacity 0s;
}
.top-left-app-logo.loading .top-left-app-logo__logo-wrap img {
  opacity: 0;
  transition: opacity 0s;
}
.top-left-app-logo {
  left: 12px;
  top: -1px;
}

.wrapper-right-vertical.timelines .horizontal-top-header {
  padding-top: 14px;
  background-color: var(--cf-white);
}
.wrapper-right-vertical.timelines .horizontal-top-header .horizontal-top-header__top-row {
  padding: 0 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.wrapper-right-vertical.timelines .horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__top-row__left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrapper-right-vertical.timelines .horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__top-row__left .chat-with-ai-button {
  padding: 2px;
  background: linear-gradient(38deg, var(--cf-warning-500) 35.88%, var(--cf-purple-600) 64.12%);
  border-radius: 10px;
}
.wrapper-right-vertical.timelines .horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__top-row__left .chat-with-ai-button button {
  border: none;
}
.wrapper-right-vertical.timelines .horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__top-row__status {
  display: flex;
  flex-direction: row;
}
.wrapper-right-vertical.timelines .horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__top-row__status > span {
  transform: translateY(5px);
  display: inline-block;
  position: relative;
  padding-left: 24px;
  opacity: 1;
  transition: opacity 0.1s;
  max-width: 280px;
  visibility: visible;
  max-height: 40px;
}
.wrapper-right-vertical.timelines .horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__top-row__status > span svg {
  top: 5px;
  left: 4px;
  position: absolute;
  fill: currentcolor;
}
.wrapper-right-vertical.timelines .horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__top-row__status > span.hidden-fade {
  opacity: 0;
  padding-left: 0;
  transition: opacity 1s, max-width 0s 1s, max-height 0s 1s, padding-left 0s 1s;
  max-width: 0;
  max-height: 0;
}
.wrapper-right-vertical.timelines .horizontal-top-header .horizontal-top-header__top-row .flex-actions-group {
  padding-top: 6px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.horizontal-top-header {
  background-color: var(--cf-white);
}
.horizontal-top-header .horizontal-top-header__top-row {
  background-color: var(--cf-white);
  padding: 12px 40px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__case-name-group {
  float: left;
  margin-bottom: 0;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__case-name-group h1 {
  color: var(--cf-ink);
  font-weight: 400;
  white-space: nowrap;
  display: inline-block;
  margin-right: 12px;
  font-size: 20px;
  font-size: 1.25em;
}
.horizontal-top-header .horizontal-top-header__top-row span.horizontal-top-header__case-name-group-data-item {
  color: var(--cf-legacy-ash);
  margin-right: 16px;
  font-size: 12px;
  font-size: 0.75em;
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group {
  display: inline-block;
  margin-right: 16px;
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__upload-icon,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__edit-icon,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__timezone-warning {
  cursor: pointer;
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__upload-icon svg,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__edit-icon svg,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__timezone-warning svg {
  width: 20px;
  height: 20px;
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__upload-icon svg rect,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__edit-icon svg rect,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__timezone-warning svg rect {
  fill: var(--cf-legacy-nobel);
  transition: fill 0.2s ease;
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__upload-icon svg use,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__edit-icon svg use,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__timezone-warning svg use {
  stroke: var(--cf-legacy-nobel);
  transition: stroke 0.2s ease;
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__upload-icon:hover svg rect,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__edit-icon:hover svg rect,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__timezone-warning:hover svg rect {
  fill: var(--cf-legacy-ash-light);
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__upload-icon:hover svg use,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__edit-icon:hover svg use,
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__timezone-warning:hover svg use {
  stroke: var(--cf-legacy-ash-light);
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__upload-icon svg {
  transform: translateY(3px);
  width: 22px;
  height: 22px;
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__upload-icon svg path {
  fill: var(--cf-legacy-nobel);
  transition: fill 0.2s ease;
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__upload-icon:hover svg path {
  fill: var(--cf-legacy-ash-light);
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__timezone-warning {
  color: var(--cf-alert-500);
  margin-right: 16px;
  transform: translateY(-3px);
}
.horizontal-top-header .horizontal-top-header__top-row .actions.flex-actions-group .horizontal-top-header__timezone-warning svg {
  transform: translate(-2px, 3px);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group {
  float: right;
  line-height: 36px;
  display: flex;
  flex-direction: row;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group button.join-leave-btn {
  border: 2px solid var(--cf-legacy-loblolly);
  width: 30px;
  height: 30px;
  border-radius: 50px;
  padding: 0;
  position: relative;
  margin-right: 2px;
  box-shadow: none;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group button.join-leave-btn.join-leave-btn--join {
  background-color: var(--cf-purple-600);
  border: none;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group button.join-leave-btn.join-leave-btn--join svg path {
  fill: var(--cf-white);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group button.join-leave-btn.join-leave-btn--leave {
  border: none;
  background-color: var(--cf-legacy-dirt);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group button.join-leave-btn.join-leave-btn--leave svg path {
  fill: var(--cf-white);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group button.join-leave-btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group > div {
  margin-right: 2px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .users-label {
  margin-right: 8px;
  color: var(--cf-legacy-ash);
  line-height: 30px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .no-users-assigned {
  margin-right: 8px;
  color: var(--cf-legacy-ash);
  line-height: 30px;
  font-size: 16px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .avatar-hover,
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .user-circle {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-size: 12px;
  font-size: 0.75em;
  text-align: center;
  line-height: 27px;
  height: 30px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .avatar-hover {
  box-shadow: none;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .avatar-hover img {
  width: 26px;
  height: 26px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .avatar-hover.avatar-hover--no-img {
  background-color: var(--cf-white);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .user-circle {
  background-color: var(--cf-white);
  position: relative;
  border: var(--border-width) solid var(--cf-gray-300);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .user-circle.user-circle--clickable {
  cursor: pointer;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .user-circle.user-circle--clickable svg {
  width: 20px;
  height: 20px;
  top: 0;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .user-circle.user-circle--clickable svg path.filled {
  fill: var(--cf-purple-600);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .user-circle svg {
  position: relative;
  top: 2px;
  width: 1em;
  height: 1em;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups {
  display: inline-block;
  margin-left: 8px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__trigger {
  cursor: pointer;
  outline: none;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__trigger svg {
  transform: translateY(4px);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__trigger svg path.filled {
  fill: var(--cf-legacy-nobel);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__trigger svg.filled path {
  fill: var(--cf-legacy-nobel);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown {
  width: 320px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__no-results {
  text-align: center;
  color: var(--cf-legacy-ash);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__assigned-label,
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__unassigned-label {
  padding: 8px 16px;
  margin: 0;
  background-color: var(--cf-legacy-air);
  border-bottom: 1px solid var(--cf-gray-300);
  font-size: 14px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__unassigned-label {
  border-top: 1px solid var(--cf-gray-300);
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__assigned li,
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__unassigned li {
  border-bottom: 1px solid var(--cf-gray-300);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__assigned li:last-child,
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__unassigned li:last-child {
  border: none;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__assigned li > *,
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__unassigned li > * {
  display: inline-block;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__assigned li a,
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__unassigned li a {
  position: relative;
  top: 8px;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__assigned li span,
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__unassigned li span {
  flex-grow: 1;
}
.horizontal-top-header .horizontal-top-header__top-row .horizontal-top-header__users-group .header__case-groups .header__case-groups__dropdown .header__case-groups__dropdown__toggle {
  background-color: var(--cf-legacy-air);
  text-align: center;
}
.horizontal-top-header .horizontal-top-header__form-actions {
  display: block;
  padding: 12px 1.5rem;
  background-color: var(--cf-legacy-air);
}

.design-2024 .top-right-app-actions span.svg-icon > svg .background-stroke {
  stroke: var(--cf-gray-800);
}
.design-2024 .top-right-app-actions > div svg path {
  fill: var(--cf-gray-800);
}
.design-2024 .top-right-app-actions > div > a,
.design-2024 .top-right-app-actions > div > span {
  color: var(--cf-gray-800);
}
.design-2024 .top-right-app-actions .timer span.timer__display-time {
  color: var(--cf-ink);
}
.design-2024 .top-right-app-actions > .notifications a span.notification-counter {
  background-color: var(--cf-purple-600);
  border: none;
  color: var(--cf-white);
  font-weight: 500;
  font-size: 10px;
  padding-top: 1px;
  text-align: center;
  height: 16px;
}
.design-2024 .top-right-app-actions > .notifications a span.notification-counter.ninety-nine-plus {
  padding: 2px;
  width: 35px;
  max-width: 26px;
}

.top-right-app-actions {
  float: right;
  margin-right: 10px;
  list-style: none;
  z-index: 1002;
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  gap: 14px;
  top: 9px;
}
.top-right-app-actions span.svg-icon > svg .background-stroke {
  stroke: var(--cf-legacy-teal);
}
.top-right-app-actions > div {
  position: relative;
  width: 22px;
}
.top-right-app-actions > div svg path {
  fill: var(--cf-white);
}
.top-right-app-actions > div:last-of-type {
  margin-right: 16px;
}
.top-right-app-actions > div > a,
.top-right-app-actions > div > span {
  color: var(--cf-white);
}
.top-right-app-actions > div > a > span,
.top-right-app-actions > div > span > span {
  display: block;
}
.top-right-app-actions .timer {
  cursor: pointer;
  position: relative;
  height: 22px;
}
.top-right-app-actions .timer.timer--running {
  width: 120px;
}
.top-right-app-actions > .search {
  height: 29px;
}
.top-right-app-actions > .search svg {
  width: 31px;
  height: 31px;
}
.top-right-app-actions > .notifications {
  height: 28px;
}
.top-right-app-actions > .notifications svg {
  width: 28px;
  height: 28px;
}
.top-right-app-actions > .notifications a span.notification-counter {
  left: 15px;
  bottom: 1px;
  background-color: #ed8100;
  border: 2px solid var(--cf-legacy-teal);
  border-radius: 50%;
  color: var(--cf-white);
  cursor: pointer;
  display: block;
  font-size: 10px;
  font-weight: 500;
  height: 17px;
  letter-spacing: 0;
  line-height: 14px;
  margin: 0;
  max-width: 24px;
  min-width: 17px;
  padding: 0 4px;
  position: absolute;
  width: auto;
}
.top-right-app-actions > .toggle-mobile-menu {
  width: 40px;
  height: 28px;
  cursor: pointer;
  margin-left: 0;
  margin-right: 0 !important;
  margin-top: -1px;
}
.top-right-app-actions > .toggle-mobile-menu svg {
  overflow: visible !important;
}

.design-2024 .secondary-nav-top a,
.design-2024 .secondary-nav-top .secondary-nav-top__group {
  color: var(--cf-gray-600);
}
.design-2024 .secondary-nav-top a.active::after,
.design-2024 .secondary-nav-top .secondary-nav-top__group.active::after {
  background-color: var(--cf-purple-600);
}

.secondary-nav-top {
  padding: 0 40px;
  border-bottom: 1px solid var(--cf-gray-300);
  display: flex;
  height: 48px;
  flex-direction: row;
}
.secondary-nav-top.timelines {
  padding: 0 30px;
  height: 39px;
}
.secondary-nav-top.timelines a,
.secondary-nav-top.timelines .secondary-nav-top__group {
  line-height: 39px;
  height: 39px;
}
.secondary-nav-top a,
.secondary-nav-top .secondary-nav-top__group {
  position: relative;
  text-decoration: none;
  display: inline-block;
  line-height: 48px;
  height: 48px;
  font-size: 14px;
  font-size: 0.875em;
  margin-right: 16px;
  padding-right: 8px;
  padding-left: 8px;
  transform: translateX(-8px);
  color: var(--cf-legacy-ash);
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 500;
}
.secondary-nav-top a.active,
.secondary-nav-top .secondary-nav-top__group.active {
  color: var(--cf-legacy-cloud);
}
.secondary-nav-top a.active::after,
.secondary-nav-top .secondary-nav-top__group.active::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 16px);
  height: 2px;
  transform: translateY(-2px);
  background-color: var(--cf-purple-600);
}
.secondary-nav-top .secondary-nav-top__group {
  cursor: pointer;
}
.secondary-nav-top .secondary-nav-top__group .secondary-nav-top__group-label svg {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  vertical-align: middle;
}
.secondary-nav-top .secondary-nav-top__group .secondary-nav-top__group-label[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.secondary-nav-top .secondary-nav-top__search-icon {
  display: inline-flex;
  align-items: center;
  color: var(--cf-legacy-ash);
}
.secondary-nav-top .secondary-nav-top__search-icon svg {
  width: 18px;
  height: 18px;
}
.secondary-nav-top .secondary-nav-top__search-icon svg g,
.secondary-nav-top .secondary-nav-top__search-icon svg path {
  fill: currentcolor;
}
.secondary-nav-top .secondary-nav-top__search-icon.active {
  color: var(--cf-purple-600);
}
.secondary-nav-top .secondary-nav-top__search-icon.active::after {
  content: none;
}

.secondary-nav-top__group-menu {
  min-width: 200px;
}
.secondary-nav-top__group-menu.dropdown-content, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .secondary-nav-top__group-menu.primary-nav__nav-item--cases__sub-menu, .design-2024 .secondary-nav-top__group-menu.settings-pop-out-menu {
  border-radius: var(--radius-md);
  padding: 6px;
}
.secondary-nav-top__group-menu.dropdown-content > ul > li, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .secondary-nav-top__group-menu.primary-nav__nav-item--cases__sub-menu > ul > li, .design-2024 .secondary-nav-top__group-menu.settings-pop-out-menu > ul > li {
  border-radius: 6px;
}
.secondary-nav-top__group-menu.dropdown-content > ul > li a, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .secondary-nav-top__group-menu.primary-nav__nav-item--cases__sub-menu > ul > li a, .design-2024 .secondary-nav-top__group-menu.settings-pop-out-menu > ul > li a {
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
}
.secondary-nav-top__group-menu .secondary-nav-top__menu-icon,
.secondary-nav-top__group-menu .secondary-nav-top__menu-check {
  display: inline-flex;
  align-items: center;
}
.secondary-nav-top__group-menu .secondary-nav-top__menu-icon svg,
.secondary-nav-top__group-menu .secondary-nav-top__menu-check svg {
  width: 16px;
  height: 16px;
}
.secondary-nav-top__group-menu .secondary-nav-top__menu-check {
  visibility: hidden;
  margin-left: auto;
}
.secondary-nav-top__group-menu ul li a.active {
  color: var(--cf-purple-600);
  background-color: var(--cf-purple-100);
}
.secondary-nav-top__group-menu ul li a.active .secondary-nav-top__menu-check {
  visibility: visible;
}

/*
  divs with class="wrapper-right-vertical" wrap

 */
.wrapper-right-vertical {
  width: 100%;
  position: relative;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: var(--cf-white);
}
.wrapper-right-vertical .record-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--cf-gray-300);
}
.wrapper-right-vertical .record-menu ul li {
  display: inline-block;
  position: relative;
  top: 2px;
}
.wrapper-right-vertical .record-menu ul li span,
.wrapper-right-vertical .record-menu ul li a {
  display: block;
  padding: 12px 0;
  margin: 0 8px;
  cursor: pointer;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  font-weight: 400;
}
.wrapper-right-vertical .record-menu ul li span:hover,
.wrapper-right-vertical .record-menu ul li a:hover {
  color: var(--cf-purple-600);
}
.wrapper-right-vertical .record-menu ul li span.active,
.wrapper-right-vertical .record-menu ul li a.active {
  border-bottom: 3px solid var(--cf-purple-600);
}
.wrapper-right-vertical .record-menu ul li span:first-child,
.wrapper-right-vertical .record-menu ul li a:first-child {
  margin-left: 3px;
}
@media (max-width: 767px) {
  .wrapper-right-vertical .record-menu ul li {
    float: left;
  }
  .wrapper-right-vertical .record-menu ul li span,
  .wrapper-right-vertical .record-menu ul li a {
    display: none;
    margin-left: 3px;
  }
  .wrapper-right-vertical .record-menu ul li span.active,
  .wrapper-right-vertical .record-menu ul li a.active {
    display: block;
    border-bottom: 0;
  }
}
.wrapper-right-vertical .record-menu ul li.active span,
.wrapper-right-vertical .record-menu ul li.active a {
  color: var(--cf-purple-600);
}
.wrapper-right-vertical .record-menu ul.mobile-dropdown {
  display: none;
}
@media (min-width: 768px) {
  .wrapper-right-vertical .record-menu ul.mobile-dropdown {
    display: none;
  }
}
.wrapper-right-vertical .record-menu.show-menu ul.mobile-dropdown {
  display: block;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .wrapper-right-vertical .record-menu.show-menu ul.mobile-dropdown {
    display: none;
  }
}
.wrapper-right-vertical .record-menu.show-menu ul.mobile-dropdown li {
  display: block;
  float: none;
}
.wrapper-right-vertical .record-menu.show-menu ul.mobile-dropdown li span,
.wrapper-right-vertical .record-menu.show-menu ul.mobile-dropdown li a {
  display: block;
  border-bottom: 1px solid var(--cf-gray-300);
  margin: 0;
  padding-left: 3px;
}
.wrapper-right-vertical .record-menu.show-menu ul.mobile-dropdown li span.active,
.wrapper-right-vertical .record-menu.show-menu ul.mobile-dropdown li a.active {
  display: none;
}
.wrapper-right-vertical .record-menu .chevron-down {
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: 11px;
  top: 12px;
  padding: 5px 10px 5px 9px;
}
@media (min-width: 768px) {
  .wrapper-right-vertical .record-menu .chevron-down {
    display: none;
  }
}
.wrapper-right-vertical .record-menu .chevron-down svg {
  fill: var(--cf-gray-800, var(--cf-legacy-cloud));
  /* stylelint-disable-next-line property-no-unknown */
  path: var(--cf-gray-800, var(--cf-legacy-cloud));
  stroke: var(--cf-gray-800, var(--cf-legacy-cloud));
  width: 15px;
  height: 20px;
}
.wrapper-right-vertical .record-item {
  padding: 10px 0;
  border-bottom: 1px dotted var(--cf-legacy-dust);
}

.wrapper-right-vertical.timelines.case .timelines-case__outlet {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
}

/*

  <div class="wrapper-all-horizontal"></div> covers the entire page.

  It is a sibling of .top-left-app-logo and top-right-app-actions, and it is
  responsible for the horizontal orientation between the primary-nav (strip along left-side)
  and the -wrapper, which covers the rest of the screen to the right of the primary-nav.

 */
.wrapper-all-horizontal {
  overflow: hidden;
  flex: 1 0 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 100%;
}
@media (max-width: 824px) {
  .wrapper-all-horizontal {
    padding-top: var(--top-bar-height, 40px);
    overflow: auto;
  }
}

.design-2024 .mobile-menu {
  background-color: var(--cf-white);
}
.design-2024 .mobile-menu.mobile-menu--timelines {
  border-top-color: rgba(255, 255, 255, 0.8);
}
.design-2024 .mobile-menu.mobile-menu--timelines > .mobile-menu__section button.link-btn,
.design-2024 .mobile-menu.mobile-menu--timelines > .mobile-menu__section a {
  color: var(--cf-purple-600);
  text-decoration: none;
}
.design-2024 .mobile-menu > .mobile-menu__section h2, .design-2024 .mobile-menu > .mobile-menu__section .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .design-2024 .mobile-menu > .mobile-menu__section h4 {
  color: var(--cf-ink);
}
.design-2024 .mobile-menu > .mobile-menu__section button.link-btn,
.design-2024 .mobile-menu > .mobile-menu__section a {
  color: var(--cf-purple-600);
  text-decoration: none;
}

.mobile-menu {
  position: fixed !important;
  height: 100vh;
  width: 100% !important;
  top: 39px;
  background-color: var(--cf-legacy-teal);
  border-top: 1px solid #58c7e5;
  z-index: 9;
  padding: 40px 0 80px;
  overflow-y: scroll !important;
}
.mobile-menu.mobile-menu--show-menu {
  top: 39px;
  opacity: 1;
}
.mobile-menu.mobile-menu--timelines {
  border-top-color: rgba(255, 255, 255, 0.8);
}
.mobile-menu.mobile-menu--timelines > .mobile-menu__section button.link-btn,
.mobile-menu.mobile-menu--timelines > .mobile-menu__section a {
  color: rgba(255, 255, 255, 0.8);
}
.mobile-menu > .mobile-menu__section {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.mobile-menu > .mobile-menu__section h2, .mobile-menu > .mobile-menu__section .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .mobile-menu > .mobile-menu__section h4 {
  color: var(--cf-white);
  margin-bottom: 16px;
}
.mobile-menu > .mobile-menu__section button.link-btn,
.mobile-menu > .mobile-menu__section a {
  display: block;
  font-weight: 400;
  margin: 0 auto 16px;
  color: var(--cf-legacy-dust);
}
.mobile-menu > .mobile-menu__section button.link-btn.active, .mobile-menu > .mobile-menu__section button.link-btn:hover,
.mobile-menu > .mobile-menu__section a.active,
.mobile-menu > .mobile-menu__section a:hover {
  text-decoration: underline;
}

/*
  The main purpose of a content group is to create a widget
  with a header, followed by a series of rows, where each row
  has a label and a value. This widget can then be converted to
  a form.

 */
.content-group {
  margin-bottom: 2em;
  flex: 0 0 auto;
}
.content-group > h2, .calendar-list-item li:first-child .content-group > h4 {
  margin-bottom: 16px;
}
.content-group > ul {
  padding: 0;
  margin: 0;
}
.content-group > ul .liquid-container > .liquid-child > li,
.content-group > ul > li {
  list-style: none;
  border-bottom: 1px solid var(--cf-gray-300);
  padding: 12px;
  display: flex;
  align-items: center;
  position: relative;
}
.content-group > ul .liquid-container > .liquid-child > li h3, .alerts .content-group > ul .liquid-container > .liquid-child > li li,
.content-group > ul > li h3,
.alerts .content-group > ul > li li {
  flex-grow: 1;
  text-align: right;
  margin-left: 10px;
}
.content-group > ul .liquid-container > .liquid-child > li h3.is-late, .alerts .content-group > ul .liquid-container > .liquid-child > li li.is-late,
.content-group > ul > li h3.is-late,
.alerts .content-group > ul > li li.is-late {
  color: var(--cf-alert-500);
}
.content-group > ul .liquid-container > .liquid-child > li h3 > .issue-tagger, .alerts .content-group > ul .liquid-container > .liquid-child > li li > .issue-tagger,
.content-group > ul .liquid-container > .liquid-child > li h3 > .activity-tagger,
.alerts .content-group > ul .liquid-container > .liquid-child > li li > .activity-tagger,
.content-group > ul > li h3 > .issue-tagger,
.alerts .content-group > ul > li li > .issue-tagger,
.content-group > ul > li h3 > .activity-tagger,
.alerts .content-group > ul > li li > .activity-tagger {
  max-width: 400px;
  min-width: 200px;
  float: right;
  text-align: left;
}
.content-group > ul .liquid-container > .liquid-child > li h3 > .issue-tagger .tagged-items li, .alerts .content-group > ul .liquid-container > .liquid-child > li li > .issue-tagger .tagged-items li,
.content-group > ul .liquid-container > .liquid-child > li h3 > .activity-tagger .tagged-items li,
.alerts .content-group > ul .liquid-container > .liquid-child > li li > .activity-tagger .tagged-items li,
.content-group > ul > li h3 > .issue-tagger .tagged-items li,
.alerts .content-group > ul > li li > .issue-tagger .tagged-items li,
.content-group > ul > li h3 > .activity-tagger .tagged-items li,
.alerts .content-group > ul > li li > .activity-tagger .tagged-items li {
  font-weight: 400;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .field, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field,
.content-group > ul > li h3 .field,
.alerts .content-group > ul > li li .field {
  max-width: 400px;
  float: right;
  margin: 0;
  width: 100%;
  min-width: 200px;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .field.has-margin-bottom, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.has-margin-bottom,
.content-group > ul > li h3 .field.has-margin-bottom,
.alerts .content-group > ul > li li .field.has-margin-bottom {
  margin-bottom: 0.5em;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .field.city, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.city, .content-group > ul .liquid-container > .liquid-child > li h3 .field.month, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.month,
.content-group > ul > li h3 .field.city,
.alerts .content-group > ul > li li .field.city,
.content-group > ul > li h3 .field.month,
.alerts .content-group > ul > li li .field.month {
  width: 39%;
  float: left !important;
  min-width: auto;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .field.address-state, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.address-state, .content-group > ul .liquid-container > .liquid-child > li h3 .field.year, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.year,
.content-group > ul > li h3 .field.address-state,
.alerts .content-group > ul > li li .field.address-state,
.content-group > ul > li h3 .field.year,
.alerts .content-group > ul > li li .field.year {
  width: 39%;
  margin-left: 2%;
  float: left !important;
  min-width: auto;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .field.zipcode, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.zipcode, .content-group > ul .liquid-container > .liquid-child > li h3 .field.cvc, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.cvc,
.content-group > ul > li h3 .field.zipcode,
.alerts .content-group > ul > li li .field.zipcode,
.content-group > ul > li h3 .field.cvc,
.alerts .content-group > ul > li li .field.cvc {
  width: 18%;
  margin-left: 2%;
  float: left !important;
  min-width: auto;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .field.month input, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.month input, .content-group > ul .liquid-container > .liquid-child > li h3 .field.month .timezone-click-to-edit, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.month .timezone-click-to-edit, .content-group > ul .liquid-container > .liquid-child > li h3 .field.year input, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.year input, .content-group > ul .liquid-container > .liquid-child > li h3 .field.year .timezone-click-to-edit, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.year .timezone-click-to-edit, .content-group > ul .liquid-container > .liquid-child > li h3 .field.cvc input, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.cvc input, .content-group > ul .liquid-container > .liquid-child > li h3 .field.cvc .timezone-click-to-edit, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field.cvc .timezone-click-to-edit,
.content-group > ul > li h3 .field.month input,
.alerts .content-group > ul > li li .field.month input,
.content-group > ul > li h3 .field.month .timezone-click-to-edit,
.alerts .content-group > ul > li li .field.month .timezone-click-to-edit,
.content-group > ul > li h3 .field.year input,
.alerts .content-group > ul > li li .field.year input,
.content-group > ul > li h3 .field.year .timezone-click-to-edit,
.alerts .content-group > ul > li li .field.year .timezone-click-to-edit,
.content-group > ul > li h3 .field.cvc input,
.alerts .content-group > ul > li li .field.cvc input,
.content-group > ul > li h3 .field.cvc .timezone-click-to-edit,
.alerts .content-group > ul > li li .field.cvc .timezone-click-to-edit {
  text-align: center;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .field .validation-messages, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field .validation-messages,
.content-group > ul > li h3 .field .validation-messages,
.alerts .content-group > ul > li li .field .validation-messages {
  text-align: left;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .field .field, .alerts .content-group > ul .liquid-container > .liquid-child > li li .field .field,
.content-group > ul > li h3 .field .field,
.alerts .content-group > ul > li li .field .field {
  margin: 0.5em 0 0;
  text-align: left;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .meta-data, .alerts .content-group > ul .liquid-container > .liquid-child > li li .meta-data,
.content-group > ul > li h3 .meta-data,
.alerts .content-group > ul > li li .meta-data {
  margin: 0;
  padding: 0;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .meta-data li, .alerts .content-group > ul .liquid-container > .liquid-child > li li .meta-data li,
.content-group > ul > li h3 .meta-data li,
.alerts .content-group > ul > li li .meta-data li {
  list-style: none;
  font-size: 13px;
  color: var(--cf-legacy-ash);
  margin-top: 3px;
}
.content-group > ul .liquid-container > .liquid-child > li h3.add, .alerts .content-group > ul .liquid-container > .liquid-child > li li.add,
.content-group > ul > li h3.add,
.alerts .content-group > ul > li li.add {
  cursor: pointer;
}
.content-group > ul .liquid-container > .liquid-child > li h3 .enableTrustAccounting, .alerts .content-group > ul .liquid-container > .liquid-child > li li .enableTrustAccounting,
.content-group > ul > li h3 .enableTrustAccounting,
.alerts .content-group > ul > li li .enableTrustAccounting {
  text-align: left;
  margin-top: 7px;
}
.content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div, .alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div,
.content-group > ul > li h3.contact-create > div,
.alerts .content-group > ul > li li.contact-create > div {
  max-width: 400px;
  float: right;
}
.content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div .firstName, .alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div .firstName,
.content-group > ul > li h3.contact-create > div .firstName,
.alerts .content-group > ul > li li.contact-create > div .firstName {
  width: 100%;
  float: none;
  display: inline-block;
  min-width: auto;
}
@media (min-width: 485px) {
  .content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div .firstName, .alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div .firstName,
  .content-group > ul > li h3.contact-create > div .firstName,
  .alerts .content-group > ul > li li.contact-create > div .firstName {
    width: 193px;
  }
}
@media (min-width: 845px) and (max-width: 1030px) {
  .content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div .firstName, .alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div .firstName,
  .content-group > ul > li h3.contact-create > div .firstName,
  .alerts .content-group > ul > li li.contact-create > div .firstName {
    width: 100%;
  }
}
.content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div .lastName, .alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div .lastName,
.content-group > ul > li h3.contact-create > div .lastName,
.alerts .content-group > ul > li li.contact-create > div .lastName {
  width: 100%;
  float: none;
  display: inline-block;
  min-width: auto;
  margin-top: 7px;
}
@media (min-width: 485px) {
  .content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div .lastName, .alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div .lastName,
  .content-group > ul > li h3.contact-create > div .lastName,
  .alerts .content-group > ul > li li.contact-create > div .lastName {
    width: 193px;
    margin: 0 0 0 8px;
  }
}
@media (min-width: 845px) and (max-width: 1030px) {
  .content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div .lastName, .alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div .lastName,
  .content-group > ul > li h3.contact-create > div .lastName,
  .alerts .content-group > ul > li li.contact-create > div .lastName {
    width: 100%;
    margin: 7px 0 0;
  }
}
.content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div .email, .alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div .email,
.content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div .phone,
.alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div .phone,
.content-group > ul > li h3.contact-create > div .email,
.alerts .content-group > ul > li li.contact-create > div .email,
.content-group > ul > li h3.contact-create > div .phone,
.alerts .content-group > ul > li li.contact-create > div .phone {
  margin-top: 7px;
}
.content-group > ul .liquid-container > .liquid-child > li h3.contact-create > div .isEntity, .alerts .content-group > ul .liquid-container > .liquid-child > li li.contact-create > div .isEntity,
.content-group > ul > li h3.contact-create > div .isEntity,
.alerts .content-group > ul > li li.contact-create > div .isEntity {
  text-align: left;
  margin-top: 7px;
}
.content-group > ul .liquid-container > .liquid-child > li h4,
.content-group > ul > li h4 {
  color: var(--cf-legacy-ash);
}
.content-group > ul .liquid-container > .liquid-child > li h4 h5,
.content-group > ul > li h4 h5 {
  margin-top: 3px;
}
.content-group > ul .liquid-container > .liquid-child > li h4 h5.edit,
.content-group > ul > li h4 h5.edit {
  color: var(--cf-legacy-teal);
  cursor: pointer;
  font-weight: 300;
}
.content-group > ul .liquid-container > .liquid-child > li .swatch,
.content-group > ul > li .swatch {
  display: block;
  width: 20px;
  height: 20px;
  border: var(--border-width) solid var(--cf-gray-300);
}
.content-group > ul .liquid-container > .liquid-child > li.left-justified,
.content-group > ul > li.left-justified {
  display: block;
}
.content-group > ul .liquid-container > .liquid-child > li.left-justified h4,
.content-group > ul > li.left-justified h4 {
  margin-bottom: 7px;
}
.content-group > ul .liquid-container > .liquid-child > li.left-justified h4,
.content-group > ul .liquid-container > .liquid-child > li.left-justified h3,
.alerts .content-group > ul .liquid-container > .liquid-child > li.left-justified li,
.content-group > ul > li.left-justified h4,
.content-group > ul > li.left-justified h3,
.alerts .content-group > ul > li.left-justified li {
  display: block;
  text-align: left;
}
.content-group > ul .liquid-container > .liquid-child > li.left-justified h3, .alerts .content-group > ul .liquid-container > .liquid-child > li.left-justified li,
.content-group > ul > li.left-justified h3,
.alerts .content-group > ul > li.left-justified li {
  margin: 0;
}
.content-group > ul .liquid-container > .liquid-child > li.left-justified h3 .field, .alerts .content-group > ul .liquid-container > .liquid-child > li.left-justified li .field,
.content-group > ul > li.left-justified h3 .field,
.alerts .content-group > ul > li.left-justified li .field {
  max-width: 100%;
  float: none;
}
.content-group > ul .liquid-container > .liquid-child > li.no-content,
.content-group > ul > li.no-content {
  display: flex;
}
.content-group > ul .liquid-container > .liquid-child > li.no-content h4,
.content-group > ul > li.no-content h4 {
  margin-bottom: 0;
}
.content-group > ul .liquid-container > .liquid-child > li.no-content h3, .alerts .content-group > ul .liquid-container > .liquid-child > li.no-content li,
.content-group > ul > li.no-content h3,
.alerts .content-group > ul > li.no-content li {
  color: var(--cf-legacy-ash);
  text-align: right;
}
.content-group > ul .liquid-container > .liquid-child > li:last-child,
.content-group > ul > li:last-child {
  border-bottom: 0;
}
.content-group > ul.show-form {
  margin-bottom: 1em;
  max-width: 800px;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .content-group > ul.show-form > li {
    display: block;
  }
  .content-group > ul.show-form > li h4 {
    text-align: left;
    margin-bottom: 7px;
  }
  .content-group > ul.show-form > li h3, .alerts .content-group > ul.show-form > li li {
    text-align: left;
    margin: 0;
  }
  .content-group > ul.show-form > li h3 .field, .alerts .content-group > ul.show-form > li li .field {
    max-width: 100%;
  }
}
.content-group > ul.show-form > li.no-content.left-justified {
  display: block;
}
.content-group > ul.show-form > li.no-content.left-justified h4 {
  margin-bottom: 7px;
}
.content-group > ul.show-form > li.tabbed-menu {
  padding-bottom: 0;
}
.content-group > ul.show-form > li.tabbed-menu span {
  display: block;
  padding: 12px;
  border: var(--border-width) solid var(--cf-gray-300);
  background: var(--cf-legacy-dust);
  position: relative;
  top: 1px;
  margin-right: 0.75em;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}
.content-group > ul.show-form > li.tabbed-menu span.is-active {
  border-bottom: 1px solid var(--cf-white);
  background: var(--cf-white);
}

.design-2024 nav.primary-nav {
  border-right: 1px solid var(--cf-gray-100);
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.design-2024 nav.primary-nav .primary-nav__nav-item::after {
  border-bottom: none;
}
.design-2024 nav.primary-nav .primary-nav__nav-item > a span.contacts-24-active svg g circle {
  fill: var(--cf-white);
}
.design-2024 nav.primary-nav .primary-nav__nav-item > a span.simple-reports svg g path,
.design-2024 nav.primary-nav .primary-nav__nav-item > a span.simple-calendar svg g path,
.design-2024 nav.primary-nav .primary-nav__nav-item > a span.simple-time svg g path,
.design-2024 nav.primary-nav .primary-nav__nav-item > a span.simple-billing svg g path {
  fill: var(--cf-gray-800) !important;
}
.design-2024 nav.primary-nav .primary-nav__nav-item > a:hover .primary-nav__content > .primary-nav__nav-item-label, .design-2024 nav.primary-nav .primary-nav__nav-item > a.active .primary-nav__content > .primary-nav__nav-item-label {
  color: var(--cf-ink);
}
.design-2024 nav.primary-nav .primary-nav__nav-item > a:hover svg path:not(.nofill),
.design-2024 nav.primary-nav .primary-nav__nav-item > a:hover svg g,
.design-2024 nav.primary-nav .primary-nav__nav-item > a:hover svg circle, .design-2024 nav.primary-nav .primary-nav__nav-item > a.active svg path:not(.nofill),
.design-2024 nav.primary-nav .primary-nav__nav-item > a.active svg g,
.design-2024 nav.primary-nav .primary-nav__nav-item > a.active svg circle {
  fill: var(--cf-purple-600);
}
.design-2024 nav.primary-nav .primary-nav__nav-item > a:hover svg path.nofill, .design-2024 nav.primary-nav .primary-nav__nav-item > a.active svg path.nofill {
  fill: var(--cf-white);
}
.design-2024 nav.primary-nav .primary-nav__nav-item > a:hover span.simple-reports svg g path,
.design-2024 nav.primary-nav .primary-nav__nav-item > a:hover span.simple-calendar svg g path,
.design-2024 nav.primary-nav .primary-nav__nav-item > a:hover span.simple-billing svg g path,
.design-2024 nav.primary-nav .primary-nav__nav-item > a:hover span.simple-time svg g path, .design-2024 nav.primary-nav .primary-nav__nav-item > a.active span.simple-reports svg g path,
.design-2024 nav.primary-nav .primary-nav__nav-item > a.active span.simple-calendar svg g path,
.design-2024 nav.primary-nav .primary-nav__nav-item > a.active span.simple-billing svg g path,
.design-2024 nav.primary-nav .primary-nav__nav-item > a.active span.simple-time svg g path {
  fill: var(--cf-purple-600) !important;
}
.design-2024 nav.primary-nav .primary-nav__nav-item > a .primary-nav__content {
  margin: 0 auto;
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases {
  position: relative;
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases:focus-visible {
  outline: 0;
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu {
  padding: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  transform: translateX(-12px);
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu::before {
  display: none;
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu a h3.primary-nav__nav-item--cases__sub-menu-header, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu a .alerts ul li.primary-nav__nav-item--cases__sub-menu-header, .alerts ul .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu a li.primary-nav__nav-item--cases__sub-menu-header {
  display: none;
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases {
  background-color: var(--cf-white);
  color: var(--cf-gray-800);
  box-shadow: none !important;
  padding: 0;
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases h3, .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases .alerts ul li, .alerts ul .design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases li {
  display: none;
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases a {
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  color: var(--cf-gray-800);
  text-decoration: none;
  margin: 0;
  height: 40px;
  margin-bottom: 2px;
  line-height: 40px;
  display: block;
  border-radius: 4px;
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases a.selected {
  background-color: var(--cf-legacy-air);
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases a:hover {
  background-color: var(--cf-off-white, var(--cf-off-white));
  text-decoration: none;
}
.design-2024 nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases .no-recent-cases {
  font-size: 13px;
  color: var(--cf-white);
  margin: 5px 0 5px 5px;
}
.design-2024 nav.primary-nav .primary-nav__nav-item--help:hover svg path.filled {
  fill: var(--cf-purple-600);
}
.design-2024 nav.primary-nav .primary-nav__nav-item--help svg path.filled {
  fill: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.design-2024 nav.primary-nav .primary-nav__secondary-group .primary-nav__nav-item__settings .user-avatar--no-img {
  background-color: var(--cf-purple-100);
  border: 1px solid var(--cf-purple-200);
}

nav.primary-nav {
  position: relative;
  text-align: center;
  margin: 0 !important;
  width: var(--primary-nav-width, 60px);
  min-width: 0;
  min-height: 0;
  z-index: 12;
  background-color: var(--cf-lilac-tint);
  color: var(--cf-ink);
}
nav.primary-nav .primary-nav__nav-item--help:hover svg path.nofill {
  fill: none;
}
nav.primary-nav .primary-nav__nav-item--help:hover svg path.filled {
  fill: var(--cf-legacy-dust);
}
nav.primary-nav .primary-nav__nav-item--help svg path.filled {
  fill: #97a0a5;
}
nav.primary-nav .primary-nav__nav-item .primary-nav__content span.svg-icon.simple-time svg g path,
nav.primary-nav .primary-nav__nav-item .primary-nav__content span.svg-icon.simple-calendar svg g path {
  fill: #97a0a5;
}
nav.primary-nav .primary-nav__nav-item:hover .primary-nav__content span.svg-icon.simple-time svg g path,
nav.primary-nav .primary-nav__nav-item:hover .primary-nav__content span.svg-icon.simple-calendar svg g path {
  fill: var(--cf-legacy-dust);
}
nav.primary-nav {
  /*
    The following rules make the nav icon groups smaller and smaller as the height
    of the screen gets smaller. The user will have a usable nav even at absurdly
    short screen heights.

    N.B.: there if you change the number of icons, or change the styling of the icons
    you will have to change these breakpoints.
   */
}
@media screen and (max-height: 215px) {
  nav.primary-nav.timelines .primary-nav__nav-item > a .primary-nav__content > span.svg-icon {
    display: none !important;
  }
}
@media screen and (max-height: 310px) and (min-height: 216px) {
  nav.primary-nav.timelines .primary-nav__nav-item > a .primary-nav__content > .primary-nav__nav-item-label {
    display: none !important;
  }
}
@media screen and (max-height: 340px) {
  nav.primary-nav.timelines .primary-nav__nav-item::after {
    border-bottom: none !important;
  }
  nav.primary-nav.timelines .primary-nav__nav-item .primary-nav__nav-item--spacer {
    min-height: 100px;
  }
}
@media screen and (max-height: 455px) {
  nav.primary-nav:not(.timelines) .primary-nav__nav-item > a .primary-nav__content > span.svg-icon {
    display: none !important;
  }
}
@media screen and (max-height: 562px) and (min-height: 456px) {
  nav.primary-nav:not(.timelines) .primary-nav__nav-item > a .primary-nav__content > .primary-nav__nav-item-label {
    display: none !important;
  }
  nav.primary-nav:not(.timelines) .primary-nav__nav-item .primary-nav__nav-item--spacer {
    min-height: 100px;
  }
}
@media screen and (max-height: 605px) and (min-height: 563px) {
  nav.primary-nav:not(.timelines) .primary-nav__nav-item > a .primary-nav__content > span.svg-icon {
    margin-bottom: 2px;
  }
}
@media screen and (max-height: 660px) {
  nav.primary-nav:not(.timelines) .primary-nav__nav-item::after {
    border-bottom: none !important;
  }
  nav.primary-nav:not(.timelines) .primary-nav__nav-item {
    padding: 3px 0;
  }
}
nav.primary-nav .primary-nav__primary_group {
  padding-top: 10px;
  padding-bottom: 8px;
  max-height: 100%;
}
nav.primary-nav {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
nav.primary-nav .primary-nav__nav-item {
  max-height: 74px;
  position: relative;
  display: block;
  width: 100%;
  line-height: 0.1;
  padding: 5px 0 6px;
}
nav.primary-nav .primary-nav__nav-item::after {
  content: "";
  display: inline-block;
  width: 40px;
  margin: 0 auto;
  border-bottom: 1px solid var(--cf-legacy-ash-dark);
}
nav.primary-nav .primary-nav__nav-item > a {
  display: block;
  height: 100%;
  padding-bottom: 0;
  text-decoration: none;
  width: 100%;
}
nav.primary-nav .primary-nav__nav-item > a .primary-nav__content > span.svg-icon {
  display: block;
  margin-bottom: 8px;
}
nav.primary-nav .primary-nav__nav-item > a .primary-nav__content > .primary-nav__nav-item-label {
  font-size: 11px;
  color: var(--cf-ink, var(--cf-legacy-loblolly));
  letter-spacing: 0.21px;
  display: block;
}
nav.primary-nav .primary-nav__nav-item > a.active .primary-nav__nav-item-label {
  font-weight: 500;
  color: var(--cf-legacy-dust);
}
nav.primary-nav .primary-nav__nav-item > a.active svg path,
nav.primary-nav .primary-nav__nav-item > a.active svg g,
nav.primary-nav .primary-nav__nav-item > a.active svg circle {
  fill: var(--cf-legacy-dust);
}
nav.primary-nav .primary-nav__nav-item > a svg g,
nav.primary-nav .primary-nav__nav-item > a svg circle {
  transition: fill 0.05s;
}
nav.primary-nav .primary-nav__nav-item > a .primary-nav__nav-item-label {
  transition: color 0.05s;
}
nav.primary-nav .primary-nav__nav-item > a:hover .primary-nav__nav-item-label {
  font-weight: 500;
  color: var(--cf-legacy-dust);
  transition: color 0.05s;
}
nav.primary-nav .primary-nav__nav-item > a:hover svg path,
nav.primary-nav .primary-nav__nav-item > a:hover svg circle {
  transition: fill 0.05s;
  fill: var(--cf-legacy-dust);
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases {
  position: relative;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases:focus {
  outline: 0;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases .primary-nav__nav-item--cases__sub-menu {
  display: none;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu {
  display: block;
  text-align: left;
  position: absolute;
  z-index: 1;
  left: 70px;
  top: 4px;
  line-height: 1;
  background: var(--cf-legacy-cloud);
  border-radius: 6px;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu::after, nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu::before {
  right: 100%;
  top: 17px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu::before {
  border-right-color: var(--cf-legacy-cloud);
  border-width: 9px;
  margin-top: -9px;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu a {
  text-decoration: none;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu a h3.primary-nav__nav-item--cases__sub-menu-header, nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu a .alerts ul li.primary-nav__nav-item--cases__sub-menu-header, .alerts ul nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu a li.primary-nav__nav-item--cases__sub-menu-header {
  color: var(--cf-white);
  font-weight: 700;
  font-size: 14px;
  padding: 8px 12px;
  margin-bottom: 0;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases {
  background-color: var(--cf-legacy-ash-light);
  padding: 12px 12px 8px;
  border-radius: 0 0 6px 6px;
  max-width: 400px;
}
@media (max-width: 320px) {
  nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases {
    max-width: 250px;
  }
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases {
  box-shadow: var(--shadow-deep) !important;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases h3, nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases .alerts ul li, .alerts ul nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases li {
  color: var(--cf-white);
  margin-top: 4px;
  margin-bottom: 11px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  white-space: nowrap;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases a {
  font-size: 13px;
  color: var(--cf-white);
  display: block;
  margin: 0 0 12px 10px;
  padding: 0;
  white-space: nowrap;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases a:hover {
  text-decoration: underline;
}
nav.primary-nav .primary-nav__nav-item.primary-nav__nav-item--cases.show-menu .primary-nav__nav-item--cases__sub-menu .recent-cases .no-recent-cases {
  font-size: 13px;
  color: var(--cf-white);
  margin: 5px 0 5px 5px;
}
nav.primary-nav .primary-nav__secondary-group {
  position: fixed;
  bottom: 0;
  width: 60px;
}
nav.primary-nav .primary-nav__secondary-group .primary-nav__nav-item__settings {
  position: relative;
  margin: 0 auto 12px;
}
nav.primary-nav .primary-nav__secondary-group .primary-nav__nav-item__settings .user-avatar--no-img {
  width: 38px;
  height: 38px;
  border-radius: 38px;
  background-color: var(--cf-white);
  color: var(--cf-legacy-cloud);
  text-align: center;
  cursor: pointer;
  font-size: 19px;
  margin: 8px auto;
  line-height: 38px;
}
@media (max-width: 844px) {
  nav.primary-nav {
    display: none;
  }
}

/* stylelint-disable number-max-precision -- allow more than 4 decimal places */
/*
  This is the Foundation Grid: docs here: http://foundation.zurb.com/sites/docs/v/5.5.3/components/grid.html
 */
.row, .x-timeline {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.row::before, .x-timeline::before,
.row::after,
.x-timeline::after {
  content: " ";
  display: table;
}

.row::after, .x-timeline::after {
  clear: both;
}

.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}
.column.column--no-padding,
.columns.column--no-padding {
  padding-left: 0;
  padding-right: 0;
}

@media only screen {
  .small-1 {
    width: 8.33333%;
  }
  .small-2 {
    width: 16.66667%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33333%;
  }
  .small-5 {
    width: 41.66667%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33333%;
  }
  .small-8 {
    width: 66.66667%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33333%;
  }
  .small-11 {
    width: 91.66667%;
  }
  .small-12 {
    width: 100%;
  }
  .small-offset-0 {
    margin-left: 0 !important;
  }
  .small-offset-1 {
    margin-left: 8.33333% !important;
  }
  .small-offset-2 {
    margin-left: 16.66667% !important;
  }
  .small-offset-3 {
    margin-left: 25% !important;
  }
  .small-offset-4 {
    margin-left: 33.33333% !important;
  }
  .small-offset-5 {
    margin-left: 41.66667% !important;
  }
  .small-offset-6 {
    margin-left: 50% !important;
  }
  .small-offset-7 {
    margin-left: 58.33333% !important;
  }
  .small-offset-8 {
    margin-left: 66.66667% !important;
  }
  .small-offset-9 {
    margin-left: 75% !important;
  }
  .small-offset-10 {
    margin-left: 83.33333% !important;
  }
  .small-offset-11 {
    margin-left: 91.66667% !important;
  }
}
@media only screen and (min-width: 769px) {
  .medium-1 {
    width: 8.33333%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-0 {
    margin-left: 0 !important;
  }
  .medium-offset-1 {
    margin-left: 8.33333% !important;
  }
  .medium-offset-2 {
    margin-left: 16.66667% !important;
  }
  .medium-offset-3 {
    margin-left: 25% !important;
  }
  .medium-offset-4 {
    margin-left: 33.33333% !important;
  }
  .medium-offset-5 {
    margin-left: 41.66667% !important;
  }
  .medium-offset-6 {
    margin-left: 50% !important;
  }
  .medium-offset-7 {
    margin-left: 58.33333% !important;
  }
  .medium-offset-8 {
    margin-left: 66.66667% !important;
  }
  .medium-offset-9 {
    margin-left: 75% !important;
  }
  .medium-offset-10 {
    margin-left: 83.33333% !important;
  }
  .medium-offset-11 {
    margin-left: 91.66667% !important;
  }
}
@media only screen and (min-width: 845px) {
  .large-1 {
    width: 8.33333%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-0 {
    margin-left: 0 !important;
  }
  .large-offset-1 {
    margin-left: 8.33333% !important;
  }
  .large-offset-2 {
    margin-left: 16.66667% !important;
  }
  .large-offset-3 {
    margin-left: 25% !important;
  }
  .large-offset-4 {
    margin-left: 33.33333% !important;
  }
  .large-offset-5 {
    margin-left: 41.66667% !important;
  }
  .large-offset-6 {
    margin-left: 50% !important;
  }
  .large-offset-7 {
    margin-left: 58.33333% !important;
  }
  .large-offset-8 {
    margin-left: 66.66667% !important;
  }
  .large-offset-9 {
    margin-left: 75% !important;
  }
  .large-offset-10 {
    margin-left: 83.33333% !important;
  }
  .large-offset-11 {
    margin-left: 91.66667% !important;
  }
}
.page-wrapper {
  margin: 0 auto;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 845px) {
  .page-wrapper {
    display: flex;
    flex-direction: row;
    flex: 1;
  }
}
.page-wrapper {
  /*
    A wrapper that lays out internal content as a column with a certain amount of padding.
  */
}
.page-wrapper .detail-page-content {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden auto;
  padding: 1em 40px 100px;
}
.page-wrapper .detail-page-content.timelines-page {
  padding: 1em 30px 100px;
}
@media screen and (max-width: 824px) {
  .page-wrapper .detail-page-content {
    padding: 1em 16px 100px !important;
    max-height: 100vh;
  }
}
.page-wrapper .detail-page-content::after {
  content: " ";
  flex: 1;
  display: flex;
  width: 100%;
  min-height: 60px;
}
.page-wrapper .detail-page-content.invoice-page::after {
  min-height: 120px;
}

.heading-group {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 52px;
}
.heading-group h2, .heading-group .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .heading-group h4 {
  flex-grow: 1;
  margin: 0.66em 0;
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.3;
  min-width: 0;
  overflow: hidden;
  line-clamp: 2;
}
.heading-group .actions {
  flex-shrink: 0;
}
.heading-group.list-heading {
  display: block;
  text-align: right;
}

.headerless-top-actions {
  float: right;
  position: relative;
  z-index: 2;
  text-align: right;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.headerless-top-actions > button:not(:last-of-type) {
  margin-right: 4px;
}

.list-column .list-column__row a.download-btn.right {
  transform: translateY(-12px);
}

.timelines-page .list-column .list-column__row {
  padding: 1rem 30px 100px;
}
@media screen and (max-width: 824px) {
  .timelines-page .list-column .list-column__row {
    padding: 1em 16px 100px !important;
  }
}

/* stylelint-disable-next-line no-duplicate-selectors */
@media screen and (max-width: 824px) {
  .page-wrapper .list-column .list-column__row--top {
    background-color: var(--cf-white);
    border-bottom: none;
  }
  .page-wrapper .list-column .list-column__row--top .list-column__row--top-actions {
    width: 100%;
  }
  .page-wrapper .list-column .list-column__row--top .list-column__row--top-heading-group h1 {
    display: none;
    font-size: 36px;
    font-size: 2.25em;
  }
}

.design-2024 .list-column .list-column__row--top {
  background-color: var(--cf-white);
}

/* stylelint-disable-next-line no-duplicate-selectors */
.list-column {
  min-width: 0;
  min-height: 70vh;
  overflow: auto;
}
@media screen and (max-width: 824px) {
  .list-column {
    max-height: 100vh;
  }
}
@media (min-width: 845px) {
  .list-column {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
}
.list-column {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.list-column .list-column__row {
  padding: 1rem 40px 100px;
}
.list-column .list-column__row .list-count-header {
  margin-bottom: 32px;
}
@media screen and (max-width: 824px) {
  .list-column .list-column__row {
    padding: 1em 16px 100px !important;
  }
}
.list-column .list-column__row--top {
  background-color: var(--cf-legacy-air);
  border-bottom: 1px solid var(--cf-gray-300);
  padding: 28px 40px;
}
@media screen and (max-width: 824px) {
  .list-column .list-column__row--top {
    padding: 28px 16px !important;
  }
}
.list-column .list-column__row--top .list-column__row--top-heading-group h1 {
  display: block;
  float: left;
  margin: 0;
  line-height: 40px;
  font-size: 28px;
  font-size: 1.75em;
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
}
.list-column .list-column__row--top .list-column__row--top-heading-group .list-column__row--top-actions {
  display: flex;
  float: right;
  flex-direction: row;
  margin-bottom: 0;
}
.list-column .list-column__row--top .list-column__row--top-heading-group .list-column__row--top-actions > button:not(:last-child),
.list-column .list-column__row--top .list-column__row--top-heading-group .list-column__row--top-actions > span:not(:last-child),
.list-column .list-column__row--top .list-column__row--top-heading-group .list-column__row--top-actions > div:not(:last-child) {
  margin-right: 4px;
}
.list-column .list-column__row--top .list-column__row--top-subheader {
  width: 100%;
  display: block;
}

/*
  This is the alternate to detail-mobile-menu for larger screens.
  It only displays at $large or greater width.
*/
.design-2024 .secondary-nav {
  background-color: var(--cf-legacy-air);
  color: var(--cf-gray-800);
  border-right: 1px solid var(--cf-gray-100);
}
.design-2024 .secondary-nav .secondary-nav__breadcrumb .breadcrumbs-v2 a {
  color: var(--cf-gray-800);
}
.design-2024 .secondary-nav h2.secondary-nav__record-title, .design-2024 .secondary-nav .calendar-list-item li:first-child h4.secondary-nav__record-title, .calendar-list-item li:first-child .design-2024 .secondary-nav h4.secondary-nav__record-title {
  color: var(--cf-gray-800);
}
.design-2024 .secondary-nav .menu-group h2, .design-2024 .secondary-nav .menu-group .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .design-2024 .secondary-nav .menu-group h4 {
  color: var(--cf-gray-800);
}
.design-2024 .secondary-nav .menu-group > ul > li > a {
  color: var(--cf-gray-800);
}
.design-2024 .secondary-nav .menu-group > ul > li > a > h3, .design-2024 .secondary-nav .alerts .menu-group > ul > li > a > li, .alerts .design-2024 .secondary-nav .menu-group > ul > li > a > li {
  color: var(--cf-gray-800);
}
.design-2024 .secondary-nav .menu-group > ul > li > a > h5 {
  color: var(--cf-legacy-ash-light);
}
.design-2024 .secondary-nav .menu-group > ul > li > a:hover h3, .design-2024 .secondary-nav .alerts .menu-group > ul > li > a:hover li, .alerts .design-2024 .secondary-nav .menu-group > ul > li > a:hover li, .design-2024 .secondary-nav .menu-group > ul > li > a.active h3, .design-2024 .secondary-nav .alerts .menu-group > ul > li > a.active li, .alerts .design-2024 .secondary-nav .menu-group > ul > li > a.active li {
  border-bottom: 1px solid var(--cf-purple-600);
}

.secondary-nav {
  width: 100%;
  display: none;
  padding: 12px 0;
  max-width: 250px;
  background-color: var(--cf-legacy-ash);
  color: var(--cf-white);
}
.secondary-nav .secondary-nav__breadcrumb {
  padding: 24px 10px 7px 16px;
}
.secondary-nav .secondary-nav__breadcrumb .breadcrumb-back {
  vertical-align: middle;
}
.secondary-nav .secondary-nav__breadcrumb .breadcrumb-back svg {
  width: 13px;
  height: 13px;
}
.secondary-nav .secondary-nav__breadcrumb .breadcrumbs-v2 {
  display: inline;
}
.secondary-nav .secondary-nav__breadcrumb .breadcrumbs-v2 a {
  display: inline;
  color: var(--cf-legacy-dirt);
}
.secondary-nav h2.secondary-nav__record-title, .secondary-nav .calendar-list-item li:first-child h4.secondary-nav__record-title, .calendar-list-item li:first-child .secondary-nav h4.secondary-nav__record-title {
  color: var(--cf-white);
  font-size: 18pt;
  line-height: 36px;
  font-weight: 300;
  padding: 15px 10px 7px 16px;
  overflow-wrap: break-word;
}
@media (min-width: 845px) {
  .secondary-nav {
    display: flex;
    flex: 1;
    min-width: 280px;
    min-height: 0;
    padding-left: 16px;
    flex-direction: column;
    overflow: hidden auto;
    /*
      This rule adds some extra space below the menu elements. It is needed
      because without it the last elements would sometimes be hidden from
      view. The extra 80px makes it possible scroll all of the items into
      view
     */
  }
  .secondary-nav::after {
    content: " ";
    display: flex;
    min-height: 80px;
    width: 100%;
    flex: 1;
  }
}
.secondary-nav .menu-group h2, .secondary-nav .menu-group .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .secondary-nav .menu-group h4 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  padding: 15px 10px 7px 16px;
  margin-bottom: 0;
  color: var(--cf-legacy-dirt);
  letter-spacing: 2px;
}
.secondary-nav .menu-group > ul {
  padding: 0;
  margin: 0;
}
.secondary-nav .menu-group > ul > li {
  list-style: none;
}
.secondary-nav .menu-group > ul > li > a {
  color: var(--cf-white);
  padding: 6px 10px 6px 27px;
  display: block;
  width: 100%;
}
.secondary-nav .menu-group > ul > li > a > h3, .secondary-nav .alerts .menu-group > ul > li > a > li, .alerts .secondary-nav .menu-group > ul > li > a > li {
  margin-bottom: 0;
  font-weight: 400 !important;
  color: var(--cf-white);
  display: inline-block;
  font-size: 15px;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
  transition: border 0.1s;
}
.secondary-nav .menu-group > ul > li > a > h5 {
  margin-top: 2px;
  font-size: 13px;
  color: var(--cf-legacy-ash-light);
}
.secondary-nav .menu-group > ul > li > a:hover h3, .secondary-nav .alerts .menu-group > ul > li > a:hover li, .alerts .secondary-nav .menu-group > ul > li > a:hover li, .secondary-nav .menu-group > ul > li > a.active h3, .secondary-nav .alerts .menu-group > ul > li > a.active li, .alerts .secondary-nav .menu-group > ul > li > a.active li {
  border-bottom: 1px solid var(--cf-purple-600);
  transition: border 0.1s;
}

.detail-mobile-menu__spacer {
  height: 61px;
  width: 100%;
  background-color: var(--cf-legacy-air);
}

.detail-mobile-menu {
  background-color: var(--cf-legacy-air);
  position: fixed;
  top: var(--top-bar-height);
  z-index: 8;
  width: 100%;
  border-bottom: 1px solid var(--cf-gray-300);
}
.detail-mobile-menu.detail-mobile-menu--show-menu {
  border-bottom: none;
}
.detail-mobile-menu.detail-mobile-menu--show-menu .detail-mobile-menu__title::after {
  width: 80%;
  display: block;
  position: absolute;
  content: " ";
  border-bottom: 1px solid var(--cf-gray-300);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.detail-mobile-menu.detail-mobile-menu--show-menu .detail-mobile-menu__title > span.svg-icon {
  transform: scale(1.5) translateX(-2px) rotate(180deg);
  transition: transform 0.2s ease-in;
}
.detail-mobile-menu.detail-mobile-menu--show-menu .detail-mobile-menu__links {
  display: block;
  opacity: 1;
  top: 61px;
  overflow-y: scroll;
  transform: scaleY(1);
  transition: top 0.2s, transform 0.01s, opacity 0.01s;
}
.detail-mobile-menu .detail-mobile-menu__title {
  cursor: pointer;
  background-color: var(--cf-legacy-air);
  height: 61px;
  line-height: 67px;
  text-transform: uppercase;
  text-align: center;
  color: var(--cf-legacy-outer-space);
  position: relative;
  z-index: 8;
  outline: none;
}
.detail-mobile-menu .detail-mobile-menu__title h2, .detail-mobile-menu .detail-mobile-menu__title .calendar-list-item li:first-child h4, .calendar-list-item li:first-child .detail-mobile-menu .detail-mobile-menu__title h4 {
  color: var(--cf-legacy-cloud);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.detail-mobile-menu .detail-mobile-menu__title span.svg-icon {
  position: absolute;
  left: 50%;
  transform: scale(1.5) translateX(-2px);
  bottom: 8px;
  line-height: 0;
  transition: transform 0.2s ease-in;
}
.detail-mobile-menu .detail-mobile-menu__title span.svg-icon svg path {
  fill: var(--cf-legacy-nobel);
}
.detail-mobile-menu .detail-mobile-menu__links {
  border-bottom: 1px solid var(--cf-gray-300);
  position: absolute;
  width: 100%;
  text-align: center;
  background-color: var(--cf-legacy-air);
  z-index: 7;
  max-height: calc(100vh - 121px);
}
.detail-mobile-menu .detail-mobile-menu__links .secondary-nav__breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: color-mix(in srgb, var(--cf-legacy-dust), var(--cf-white) 46.4%);
  width: 80%;
  margin: auto;
  border-radius: var(--radius-md);
  padding: 5px 0;
}
.detail-mobile-menu .detail-mobile-menu__links .secondary-nav__breadcrumb .breadcrumb-back {
  display: flex;
}
.detail-mobile-menu .detail-mobile-menu__links .secondary-nav__breadcrumb .breadcrumbs-v2 {
  display: inline-block;
}
.detail-mobile-menu .detail-mobile-menu__links .secondary-nav__breadcrumb .breadcrumbs-v2 a {
  color: var(--cf-legacy-ash-light);
}
.detail-mobile-menu .detail-mobile-menu__links {
  top: -600px;
  transform: scaleY(0);
  opacity: 0.2;
  transition: top 0.2s, transform 0.01s 0.2s, opacity 0.01s 0.2s;
}
.detail-mobile-menu .detail-mobile-menu__links ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin-top: 0;
}
.detail-mobile-menu .detail-mobile-menu__links ul li a {
  text-transform: uppercase;
  text-decoration: none;
  color: var(--cf-legacy-ash);
  display: block;
  width: 100%;
  padding: 8px 0;
}
.detail-mobile-menu .detail-mobile-menu__links ul li a.active {
  color: var(--cf-purple-600);
}

.design-2024 .top-bar__cta > button.primary-btn,
.design-2024 .top-bar__cta > button.submit-btn,
.design-2024 .top-bar__cta > a.primary-btn,
.design-2024 .top-bar__cta > a.submit-btn,
.design-2024 .top-bar__trial-cta > button.primary-btn,
.design-2024 .top-bar__trial-cta > button.submit-btn,
.design-2024 .top-bar__trial-cta > a.primary-btn,
.design-2024 .top-bar__trial-cta > a.submit-btn {
  height: 32px;
  font-weight: 600;
  line-height: 32px !important;
}

.app-top-bar__ai-chat {
  color: white;
  background: linear-gradient(90deg, var(--cf-warning-500) 0%, #9b3db2 49.04%, var(--cf-purple-600) 100%);
  border: none;
}
.app-top-bar__ai-chat:focus, .app-top-bar__ai-chat:active, .app-top-bar__ai-chat:hover {
  color: white;
  background: linear-gradient(90deg, #e07a1a 0%, #a44ab3 49.04%, #6b4dbb 100%);
}
.app-top-bar__ai-chat:focus {
  outline: 2px solid var(--cf-purple-600) !important;
}
@media (max-width: 825px) {
  .app-top-bar__ai-chat {
    display: none !important;
  }
}

.app-top-bar-v2, .app-top-bar-v2--staff {
  height: var(--top-bar-height);
  max-height: var(--top-bar-height);
  width: 100%;
  z-index: 5;
  background-color: var(--cf-white);
  color: var(--cf-ink);
  border-bottom: 1px solid var(--cf-gray-100);
  display: flex;
  flex-direction: row;
}
.app-top-bar-v2 svg.simple-time g.simple-time__dial circle, .app-top-bar-v2--staff svg.simple-time g.simple-time__dial circle {
  fill: var(--cf-white);
  stroke: var(--cf-ink);
}
.app-top-bar-v2 svg.simple-time g.simple-time__dial path, .app-top-bar-v2--staff svg.simple-time g.simple-time__dial path,
.app-top-bar-v2 svg.simple-time g.simple-time__dial rect,
.app-top-bar-v2--staff svg.simple-time g.simple-time__dial rect {
  fill: var(--cf-ink);
}
.app-top-bar-v2 svg.simple-time g.simple-time__status circle, .app-top-bar-v2--staff svg.simple-time g.simple-time__status circle {
  fill: var(--cf-purple-600);
  stroke: var(--cf-white) !important;
}
.app-top-bar-v2 svg.simple-time g.simple-time__status path, .app-top-bar-v2--staff svg.simple-time g.simple-time__status path,
.app-top-bar-v2 svg.simple-time g.simple-time__status rect,
.app-top-bar-v2--staff svg.simple-time g.simple-time__status rect {
  fill: var(--cf-white) !important;
}
.app-top-bar-v2 .top-bar__float-right, .app-top-bar-v2--staff .top-bar__float-right {
  margin-left: auto;
  display: flex;
  flex-direction: row;
}
@media (max-width: 825px) {
  .app-top-bar-v2 .top-bar__cta, .app-top-bar-v2--staff .top-bar__cta {
    display: none !important;
  }
}
.app-top-bar-v2 .top-bar__cta, .app-top-bar-v2--staff .top-bar__cta,
.app-top-bar-v2 .top-bar__trial-cta,
.app-top-bar-v2--staff .top-bar__trial-cta {
  display: flex;
  flex-direction: row;
  height: var(--top-bar-height);
  align-items: center;
}
.app-top-bar-v2 .top-bar__cta > .top-bar__trial-cta__days-remaining, .app-top-bar-v2--staff .top-bar__cta > .top-bar__trial-cta__days-remaining,
.app-top-bar-v2 .top-bar__trial-cta > .top-bar__trial-cta__days-remaining,
.app-top-bar-v2--staff .top-bar__trial-cta > .top-bar__trial-cta__days-remaining {
  font-size: 14px;
  font-size: 0.875em;
  color: var(--cf-ink);
  margin-right: 16px;
}
@media (max-width: 825px) {
  .app-top-bar-v2 .top-bar__cta > .top-bar__trial-cta__days-remaining, .app-top-bar-v2--staff .top-bar__cta > .top-bar__trial-cta__days-remaining,
  .app-top-bar-v2 .top-bar__trial-cta > .top-bar__trial-cta__days-remaining,
  .app-top-bar-v2--staff .top-bar__trial-cta > .top-bar__trial-cta__days-remaining {
    display: none;
  }
}
.app-top-bar-v2 .top-bar__cta > button.new-design-btn, .app-top-bar-v2--staff .top-bar__cta > button.new-design-btn,
.app-top-bar-v2 .top-bar__trial-cta > button.new-design-btn,
.app-top-bar-v2--staff .top-bar__trial-cta > button.new-design-btn {
  margin-right: 16px;
  color: var(--cf-white);
  border: none;
  background-image: linear-gradient(to right, #6441a5 0%, #2a0845 51%, #6441a5 100%);
}
.app-top-bar-v2 .top-bar__cta > button.new-design-btn, .app-top-bar-v2--staff .top-bar__cta > button.new-design-btn,
.app-top-bar-v2 .top-bar__cta > a.primary-btn,
.app-top-bar-v2--staff .top-bar__cta > a.primary-btn,
.app-top-bar-v2 .top-bar__cta > a.submit-btn,
.app-top-bar-v2--staff .top-bar__cta > a.submit-btn,
.app-top-bar-v2 .top-bar__trial-cta > button.new-design-btn,
.app-top-bar-v2--staff .top-bar__trial-cta > button.new-design-btn,
.app-top-bar-v2 .top-bar__trial-cta > a.primary-btn,
.app-top-bar-v2--staff .top-bar__trial-cta > a.primary-btn,
.app-top-bar-v2 .top-bar__trial-cta > a.submit-btn,
.app-top-bar-v2--staff .top-bar__trial-cta > a.submit-btn {
  line-height: 26px;
}
.app-top-bar-v2 .top-bar__referral-cta, .app-top-bar-v2--staff .top-bar__referral-cta {
  display: flex;
  flex-direction: row;
  height: var(--top-bar-height);
  align-items: center;
  gap: 12px;
  padding-right: 8px;
}
@media (max-width: 825px) {
  .app-top-bar-v2 .top-bar__referral-cta, .app-top-bar-v2--staff .top-bar__referral-cta {
    display: none !important;
  }
}
.app-top-bar-v2 .top-bar__referral-cta__text, .app-top-bar-v2--staff .top-bar__referral-cta__text {
  font-size: 13px;
  font-size: 0.8125em;
  color: var(--cf-gray-700);
  white-space: nowrap;
}
.app-top-bar-v2 .top-bar__referral-cta__close, .app-top-bar-v2--staff .top-bar__referral-cta__close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--cf-gray-500);
  width: 20px;
  height: 20px;
}
.app-top-bar-v2 .top-bar__referral-cta__close svg, .app-top-bar-v2--staff .top-bar__referral-cta__close svg {
  width: 14px;
  height: 14px;
}
.app-top-bar-v2 .top-bar__referral-cta__close:hover, .app-top-bar-v2--staff .top-bar__referral-cta__close:hover {
  color: var(--cf-ink);
}
.app-top-bar-v2 .top-bar__past-due-cta, .app-top-bar-v2--staff .top-bar__past-due-cta {
  display: flex;
  flex-direction: row;
  height: var(--top-bar-height);
  align-items: center;
  padding-right: 16px;
}
.app-top-bar-v2 .top-bar__past-due-cta > .top-bar__past-due-cta__failed, .app-top-bar-v2--staff .top-bar__past-due-cta > .top-bar__past-due-cta__failed {
  font-size: 14px;
  font-size: 0.875em;
  margin-right: 16px;
  font-weight: 600;
}
.app-top-bar-v2 .top-bar__past-due-cta > a.warn-btn, .app-top-bar-v2--staff .top-bar__past-due-cta > a.warn-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  padding-top: 0;
  padding-bottom: 0;
}
.app-top-bar-v2 .top-bar__staff-only__wrap, .app-top-bar-v2--staff .top-bar__staff-only__wrap {
  height: var(--top-bar-height);
  display: inline-block;
  margin-left: 80px;
}
.app-top-bar-v2 .top-bar__staff-only__wrap .top-bar__staff-only__flex, .app-top-bar-v2--staff .top-bar__staff-only__wrap .top-bar__staff-only__flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: var(--top-bar-height);
}
.app-top-bar-v2 .top-bar__staff-only__wrap .top-bar__staff-only__flex svg path:not([fill=none]), .app-top-bar-v2--staff .top-bar__staff-only__wrap .top-bar__staff-only__flex svg path:not([fill=none]) {
  fill: var(--cf-ink);
}
.app-top-bar-v2 .top-bar__staff-only__wrap .top-bar__staff-only__flex a.top-bar__staff-only, .app-top-bar-v2--staff .top-bar__staff-only__wrap .top-bar__staff-only__flex a.top-bar__staff-only {
  color: var(--cf-ink);
  font-size: 12px;
  font-size: 0.75em;
  text-decoration: none;
  display: inline-block;
  border: none;
  padding: 0.1rem 0.3rem;
  margin-right: 4px;
}
.app-top-bar-v2 .top-bar__staff-only__wrap .top-bar__staff-only__flex button.app-top-bar-v2__toggle-new-design, .app-top-bar-v2--staff .top-bar__staff-only__wrap .top-bar__staff-only__flex button.app-top-bar-v2__toggle-new-design {
  border: none;
  background-color: transparent;
  box-shadow: none;
  height: 24px;
  width: 24px;
  padding: 0;
}
.app-top-bar-v2 .top-bar__staff-only__wrap .top-bar__staff-only__flex button.app-top-bar-v2__toggle-new-design svg path.filled, .app-top-bar-v2--staff .top-bar__staff-only__wrap .top-bar__staff-only__flex button.app-top-bar-v2__toggle-new-design svg path.filled {
  fill: var(--cf-gray-300);
}
.app-top-bar-v2.app-top-bar-v2--show-mobile-menu, .app-top-bar-v2--show-mobile-menu.app-top-bar-v2--staff {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  z-index: 10;
}
.app-top-bar-v2.app-top-bar-v2--has-practice-manager .top-bar__staff-only__wrap, .app-top-bar-v2--has-practice-manager.app-top-bar-v2--staff .top-bar__staff-only__wrap {
  margin-left: 10px;
}
.app-top-bar-v2.app-top-bar-v2--has-practice-manager > .app-toggle.app-toggle--has-multiple-firms, .app-top-bar-v2--has-practice-manager.app-top-bar-v2--staff > .app-toggle.app-toggle--has-multiple-firms {
  margin-right: 40px;
}
@media (max-width: 825px) {
  .app-top-bar-v2, .app-top-bar-v2--staff {
    position: fixed;
    z-index: 10;
  }
  .app-top-bar-v2 .top-bar__trial-cta > a.primary-btn, .app-top-bar-v2--staff .top-bar__trial-cta > a.primary-btn, .app-top-bar-v2 .top-bar__trial-cta > a.submit-btn, .app-top-bar-v2--staff .top-bar__trial-cta > a.submit-btn {
    padding: 0 10px;
  }
}

.app-top-bar-v2--staff a.top-bar__staff-only {
  color: var(--cf-ink);
}

.design-2024 li.ember-power-select-multiple-option {
  color: var(--cf-ink, var(--cf-ink));
  background-color: var(--cf-gray-100) !important;
  border: 1px solid var(--cf-gray-100) !important;
}
.design-2024 li.ember-power-select-multiple-option span.ember-power-select-multiple-remove-btn {
  color: var(--cf-ink) !important;
}
.design-2024 .ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option[aria-selected=true] {
  background: var(--cf-gray-100) !important;
  color: var(--cf-ink);
}
.design-2024 .ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option[aria-current=true], .design-2024 .ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option:hover {
  background: var(--cf-off-white);
  color: var(--cf-ink);
}

.ember-power-select-option[aria-selected=true] .checkbox-toggle {
  cursor: pointer;
  position: relative;
}
.ember-power-select-option[aria-selected=true] .checkbox-toggle.is-incomplete g.complete {
  opacity: 0;
}
.ember-power-select-option[aria-selected=true] .checkbox-toggle.is-incomplete g.overdue {
  opacity: 0;
}
.ember-power-select-option[aria-selected=true] .checkbox-toggle.is-incomplete g.incomplete {
  opacity: 1;
}
.ember-power-select-option[aria-selected=true] .checkbox-toggle .svg-icon {
  height: 20px;
}
.ember-power-select-option[aria-selected=true] .checkbox-toggle .svg-icon svg {
  width: 20px;
  height: 20px;
}

.ember-power-select-wrapper {
  display: inline-block;
  position: relative;
  top: 2px;
}
.ember-power-select-wrapper input[type=search], .ember-power-select-wrapper [type=search].timezone-click-to-edit {
  padding: 0 3px 4px;
  border: 0;
}
.ember-power-select-wrapper .ember-power-select-multiple-options {
  padding: 3px;
}
.ember-power-select-wrapper .ember-power-select-multiple-option .checkbox-toggle {
  display: none;
}

.ember-power-select-option {
  white-space: nowrap !important;
}
.ember-power-select-option .checkbox-toggle {
  top: 3px;
  left: -2px;
}
.ember-power-select-option[aria-selected=false] .checkbox-toggle g.complete {
  opacity: 0;
}
.ember-power-select-option[aria-selected=false] .checkbox-toggle g.overdue {
  opacity: 0;
}
.ember-power-select-option[aria-selected=false] .checkbox-toggle g.incomplete {
  opacity: 1;
}
.ember-power-select-option[aria-disabled=true] {
  color: var(--cf-legacy-dirt) !important;
}

.ember-power-select-multiple-trigger,
.ember-power-select-trigger {
  outline: none;
  border: var(--input-border-width) solid var(--cf-legacy-loblolly);
  transition: border-color 0.3s ease;
  box-shadow: var(--shadow-light-shade);
  border-radius: var(--radius-md) !important;
  font-weight: 400;
}
.ember-power-select-multiple-trigger.ember-power-select-trigger--active, .ember-power-select-multiple-trigger.ember-power-select-multiple-trigger--active,
.ember-power-select-trigger.ember-power-select-trigger--active,
.ember-power-select-trigger.ember-power-select-multiple-trigger--active {
  outline: 1px solid var(--cf-ink);
}
.ember-power-select-multiple-trigger.ember-power-select-trigger--active span, .ember-power-select-multiple-trigger.ember-power-select-multiple-trigger--active span,
.ember-power-select-trigger.ember-power-select-trigger--active span,
.ember-power-select-trigger.ember-power-select-multiple-trigger--active span {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  border-color: var(--cf-gray-800, var(--cf-legacy-cloud)) transparent transparent transparent;
}

li.ember-power-select-multiple-option {
  color: var(--cf-gray-800, var(--cf-legacy-cloud)) !important;
  margin-top: 4px;
  border-width: var(--input-border-width);
  border-radius: var(--radius-md);
  background-color: var(--cf-lilac-tint);
}
li.ember-power-select-multiple-option span.ember-power-select-multiple-remove-btn {
  color: #034e66 !important;
}

.ember-power-select-multiple-trigger:has(.ember-power-select-trigger-multiple-input:focus) {
  outline: 1px solid var(--cf-ink);
}

.ember-power-select-trigger-multiple-input {
  border: none !important;
  line-height: 20px !important;
  box-shadow: none !important;
  outline: none !important;
}

.ember-basic-dropdown-trigger ul.ember-power-select-multiple-options li.ember-power-select-multiple-option {
  white-space: normal;
}

.ember-basic-dropdown-content.ember-power-select-dropdown {
  background: var(--cf-white);
  border: var(--input-border-width) solid var(--cf-legacy-ash-light) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-light-shade);
  z-index: 2000;
}
.ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options {
  max-width: 600px;
}
.ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option {
  color: var(--cf-gray-800, var(--cf-legacy-cloud));
  max-width: 600px;
  max-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option span.truncate {
  max-width: 500px;
  padding-right: 24px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option[aria-current=true] {
  background-color: var(--cf-lilac-tint);
  color: var(--cf-legacy-teal);
}
.ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option:hover {
  background-color: var(--cf-lilac-tint);
  color: var(--cf-legacy-teal);
}
.ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option[aria-selected=true] {
  background-color: var(--cf-legacy-air);
}
.ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option[aria-selected=true]:hover {
  background-color: var(--cf-legacy-air-dark);
}
.ember-basic-dropdown-content.ember-power-select-dropdown ul.ember-power-select-options li.ember-power-select-option[aria-selected=true]::after {
  content: url('data:image/svg+xml; utf-8, <svg width="10px" height="8px" viewBox="0 0 10 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Path 2</title><desc>Created with Sketch.</desc><defs></defs><g id="COMPONENTS" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1904.000000, -740.000000)" id="4---DROP-DOWNS" stroke-width="2" stroke="rgb(178,186,188)"><g transform="translate(1500.000000, 98.000000)"><g id="DROPDOWN-B" transform="translate(270.000000, 559.000000)"><g id="DROPDOWN-Copy"><polyline id="Path-2" points="135 86 138 89 143 84"></polyline></g></g></g></g></g></svg>');
  position: relative;
  float: right;
  height: 100%;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: var(--cf-white);
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: var(--input-border-width) solid var(--cf-gray-500);
  border-bottom: var(--input-border-width) solid var(--cf-gray-500);
  border-right: var(--input-border-width) solid var(--cf-gray-500);
  border-left: var(--input-border-width) solid var(--cf-gray-500);
  border-radius: 4px;
  background-color: var(--cf-white);
  line-height: 40px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 40px;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger:not(.ember-power-select-multiple-trigger) .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: var(--input-border-width) solid var(--cf-ink);
  border-bottom: var(--input-border-width) solid var(--cf-ink);
  border-right: var(--input-border-width) solid var(--cf-ink);
  border-left: var(--input-border-width) solid var(--cf-ink);
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: var(--cf-ink);
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: var(--cf-gray-500) transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input, .ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container .timezone-click-to-edit {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: var(--cf-legacy-dust);
}
.ember-power-select-trigger-multiple-input {
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: var(--cf-ink);
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: var(--cf-ink);
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: var(--cf-ink);
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: var(--cf-ink);
}

.ember-power-select-multiple-option {
  border: var(--input-border-width) solid var(--cf-ink);
  border-radius: 4px;
  color: var(--cf-legacy-outer-space);
  background-color: var(--cf-legacy-dust);
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: var(--input-border-width) solid var(--cf-gray-500);
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: var(--input-border-width) solid var(--cf-ink);
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: var(--input-border-width) solid #95a6ab;
  border-right: var(--input-border-width) solid #95a6ab;
  line-height: 40px;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: var(--input-border-width) solid #95a6ab;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: var(--input-border-width) solid #95a6ab;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 280px;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: var(--cf-legacy-n99);
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: var(--cf-legacy-n99);
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: var(--cf-legacy-dust);
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: var(--cf-white);
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: var(--cf-legacy-dust);
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.sp-container,
.sp-container button,
.sp-container input,
.sp-container .timezone-click-to-edit,
.sp-color,
.sp-hue,
.sp-clear {
  font: Inter, "IBM Plex Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sp-container {
  background: var(--cf-white);
  border: var(--border-width) solid var(--cf-gray-300);
  border-radius: 6px;
}

.sp-replacer {
  background: transparent;
  border: 0;
  margin-left: 8px;
}

.sp-cancel {
  color: var(--cf-gray-800, var(--cf-legacy-cloud)) !important;
  font-size: 14px;
  top: 11px;
  left: 3px;
  position: relative;
}
.sp-cancel:hover {
  color: var(--cf-gray-800, var(--cf-legacy-cloud)) !important;
}

.sp-container button {
  background: var(--cf-purple-600) !important;
  color: var(--cf-white);
  border: none;
  font-weight: 400 !important;
  text-shadow: none !important;
  float: right;
  padding: 8px 10px;
  border-radius: var(--radius-md);
}
.sp-container button:hover {
  border: none;
  font-weight: 400 !important;
  text-shadow: none !important;
}

.sp-button-container {
  float: none;
  width: 100%;
}

.has-time-sidebar #intercom-container {
  z-index: 998;
}

.intercom-click-to-hide {
  position: fixed;
  right: 220px;
  bottom: 64px;
  transform: translateX(50%);
  width: auto;
  height: auto;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  background-color: var(--cf-white);
  color: var(--cf-ink);
  border: 1px solid var(--cf-gray-400);
  border-top: none;
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  cursor: pointer;
  /*
    Unclear what was covering this element at the time the following
    z-index value added, but seems to be little risk in bumping the value
    as follows. We _want_ it on top of other things.
  */
  z-index: 1011;
}
.intercom-click-to-hide:hover {
  color: var(--cf-ink);
}
.intercom-click-to-hide::after {
  content: "Refreshing will bring it back";
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  white-space: nowrap;
  background-color: var(--cf-ink);
  color: var(--cf-white);
  border-radius: var(--radius-sm);
  font-size: 11px;
  line-height: 1.3;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease;
}
.intercom-click-to-hide:hover::after {
  opacity: 1;
}
@media (max-width: 480px) {
  .intercom-click-to-hide {
    display: none;
  }
}

/* stylelint-disable */
.atwho-view {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin-top: 18px;
  background: var(--cf-white);
  color: black;
  border: 1px solid var(--cf-legacy-ndd);
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  min-width: 120px;
  z-index: 11110 !important;
}

.atwho-view .atwho-header {
  padding: 5px;
  margin: 5px;
  cursor: pointer;
  border-bottom: solid 1px #eaeff1;
  color: #6f8092;
  font-size: 11px;
  font-weight: bold;
}

.atwho-view .atwho-header .small {
  color: #6f8092;
  float: right;
  padding-top: 2px;
  margin-right: -5px;
  font-size: 12px;
  font-weight: normal;
}

.atwho-view .atwho-header:hover {
  cursor: default;
}

.atwho-view .cur {
  background: #3366ff;
  color: white;
}

.atwho-view .cur small {
  color: white;
}

.atwho-view strong {
  color: #3366ff;
}

.atwho-view .cur strong {
  color: white;
  font: bold;
}

.atwho-view ul {
  /* width: 100px; */
  list-style: none;
  padding: 0;
  margin: auto;
  max-height: 200px;
  overflow-y: auto;
}

.atwho-view ul li {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid var(--cf-legacy-ndd);
  cursor: pointer;
  /* border-top: 1px solid #C8C8C8; */
}

.atwho-view small {
  font-size: smaller;
  color: #777;
  font-weight: normal;
}

/* stylelint-enable */
/* stylelint-disable-next-line no-duplicate-selectors */
.atwho-view {
  box-shadow: none;
  border-radius: 4px;
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.atwho-view ul {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.atwho-view ul li {
  background: var(--cf-legacy-dust);
}
.atwho-view ul li:hover, .atwho-view ul li.cur {
  background: var(--cf-legacy-ash);
  color: var(--cf-white);
}
.atwho-view ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.atwho-view ul li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pika-button {
  background-color: var(--cf-off-white) !important;
  border: none !important;
  color: var(--cf-ink) !important;
  border-radius: 8px !important;
}
.pika-button:not(:last-of-type) {
  margin-right: 4px;
}

table.pika-table thead tr abbr {
  color: var(--cf-ink);
  font-size: 14px;
  font-size: 0.875em;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  border-bottom: none !important;
  text-decoration: none;
}

tr.pika-row td {
  padding: 2px;
}

.pika-button:hover {
  color: var(--cf-white) !important;
  background-color: var(--cf-ink) !important;
  border-radius: 8px !important;
}

.pika-single {
  background: var(--cf-white) !important;
  border-radius: 8px;
  border: 1px solid var(--cf-gray-100);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}

.is-today .pika-button {
  color: var(--cf-purple-600) !important;
}
.is-today .pika-button:hover {
  color: var(--cf-white) !important;
}

.is-selected .pika-button {
  color: var(--cf-white) !important;
  background-color: var(--cf-ink) !important;
  border-radius: 8px !important;
}

/*
Simplified HTML for reference:

<div class="pika-single is-bound left-aligned top-aligned" style="position: absolute; left: 884.091px; top: 299.798px;">
  <div class="pika-lendar">
    <div id="pika-title-kv" class="pika-title" role="heading" aria-live="assertive">
      <div class="pika-label">
        June
        <select class="pika-select pika-select-month" tabindex="-1">
          <option value="0">January</option>
          ...
        </select>
      </div>
      <div class="pika-label">
        2024
        <select class="pika-select pika-select-year" tabindex="-1">
          <option value="2014">2014</option>
          <option value="2024" selected="selected">2024</option>
          ...
        </select>
      </div>
      <button class="pika-prev" type="button">Previous Month</button>
      <button class="pika-next" type="button">Next Month</button>
    </div>
    <table cellpadding="0" cellspacing="0" class="pika-table" role="grid" aria-labelledby="pika-title-kv">
      <thead>
        <tr>
          <th scope="col"><abbr title="Monday">Mon</abbr></th>
          <th scope="col"><abbr title="Tuesday">Tue</abbr></th>
          <th scope="col"><abbr title="Wednesday">Wed</abbr></th>
          <th scope="col"><abbr title="Thursday">Thu</abbr></th>
          <th scope="col"><abbr title="Friday">Fri</abbr></th>
          <th scope="col"><abbr title="Saturday">Sat</abbr></th>
          <th scope="col"><abbr title="Sunday">Sun</abbr></th>
        </tr>
      </thead>
      <tbody>
        <tr class="pika-row">
          <td class="is-empty"></td>
          <td class="is-empty"></td>
          <td class="is-empty"></td>
          <td class="is-empty"></td>
          <td class="is-empty"></td>
          <td data-day="1" class="" aria-selected="false">
            <button class="pika-button pika-day" type="button">
              1
            </button>
          </td>
          <td data-day="2" class="" aria-selected="false">
            <button class="pika-button pika-day" type="button">
              2
            </button>
          </td>
        </tr>
        <tr class="pika-row">
          <td data-day="3" class="" aria-selected="false">
            <button class="pika-button pika-day" type="button">
              3
            </button>
          </td>
          <td data-day="4" class="" aria-selected="false">
            <button class="pika-button pika-day" type="button">
              4
            </button>
          </td>
          <td data-day="5" class="is-today" aria-selected="false">
            <button class="pika-button pika-day" type="button">
              5
            </button>
          </td>
          <td data-day="6" class="" aria-selected="false">
            <button class="pika-button pika-day" type="button">
              6
            </button>
          </td>
          <td data-day="7" class="is-selected" aria-selected="true">
            <button class="pika-button pika-day" type="button">
              7
            </button>
          </td>
          <td data-day="8" class="" aria-selected="false">
            <button class="pika-button pika-day" type="button">
              8
            </button>
          </td>
          <td data-day="9" class="" aria-selected="false">
            <button class="pika-button pika-day" type="button">
              9
            </button>
          </td>
        </tr>
        ...
      </tbody>
    </table>
  </div>
</div>
*/
.ember-modal-dialog {
  z-index: 51;
  position: fixed;
}

.ember-modal-dialog.emd-in-place {
  position: static;
}

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative;
}

.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px;
}

.ember-modal-overlay.translucent {
  background-color: rgba(128, 128, 128, 0.77);
}
/*@ sourceMappingURL=app.css.map*/