/* cspell:ignore Nunito desaturated */
/*
 * V2 design tokens, from the proInsight Horizon V2 mock (:root block).
 * Scoped under .pi-v2 so V1 pages are untouched. Only this file may contain
 * color literals; components use the variables.
 */
.pi-v2 {
  /* neutrals, warm-biased toward the brand orange */
  --v2-canvas: #f6f5f2;
  --v2-surface: #ffffff;
  --v2-surface-2: #f1efea;
  --v2-surface-3: #e7e3da;
  --v2-line: #e2ded4;
  --v2-line-strong: #cfc9bc;
  --v2-ink: #12263a;
  --v2-ink-2: #4a5768;
  --v2-ink-3: #7c8798;
  /* brand */
  --v2-navy: #003d67;
  --v2-navy-deep: #002b49;
  --v2-navy-line: #1b537c;
  --v2-accent: #ec792b;
  --v2-accent-soft: #fdf1e7;
  --v2-accent-deep: #ce6318;
  /* semantic state, desaturated so it never competes with the accent */
  --v2-crit: #b23a2b;
  --v2-crit-soft: #fbedea;
  --v2-warn: #9a6b12;
  --v2-warn-soft: #fbf3e2;
  --v2-good: #2c6b51;
  --v2-good-soft: #e9f2ed;
  /* type, radius, elevation */
  --v2-font: 'Nunito Sans', system-ui, -apple-system, sans-serif;
  --v2-display: 'Montserrat', system-ui, sans-serif;
  --v2-radius: 10px;
  --v2-radius-lg: 14px;
  --v2-shadow: 0 1px 2px rgba(18, 38, 58, 0.05),
    0 6px 18px rgba(18, 38, 58, 0.05);
}
/* app.less forces Roboto on every element with `* { !important }`; this
   selector is more specific, so V2 subtrees get the V2 face. */
.pi-v2,
.pi-v2 * {
  font-family: var(--v2-font) !important;
}
/* Scroll bars inside V2: thin, rounded, quiet. (Firefox via scrollbar-*,
   WebKit via the pseudo-elements.) */
.pi-v2 * {
  scrollbar-width: thin;
  scrollbar-color: #cfc9bc transparent;
}
.pi-v2 ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.pi-v2 ::-webkit-scrollbar-track {
  background: transparent;
}
.pi-v2 ::-webkit-scrollbar-thumb {
  background: #cfc9bc;
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}
.pi-v2 ::-webkit-scrollbar-thumb:hover {
  background-color: #b7b0a1;
}
/* antd popovers opened from V2 controls render in a portal outside .pi-v2,
   so this class (passed as overlayClassName) carries the V2 look with literal
   colors. */
.pi-v2-pop .ant-popover-inner {
  border: 1px solid #e2ded4;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(18, 38, 58, 0.05), 0 6px 18px rgba(18, 38, 58, 0.08);
  background: #ffffff;
}
.pi-v2-pop .ant-popover-arrow {
  display: none;
}
.pi-v2-pop .ant-slider-rail {
  background: #e2ded4;
}
.pi-v2-pop .ant-slider-track {
  background: #ec792b;
}
.pi-v2-pop .ant-slider-handle {
  border-color: #ec792b;
}
.pi-v2-pop .ant-slider:hover .ant-slider-track {
  background: #ce6318;
}
.pi-v2-pop .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #ce6318;
}
/* stylelint-disable no-descending-specificity */
/* ---- One button system for V2. Native buttons use these classes; antd
   buttons rendered by shared leaves are themed below so every control has
   the same radius (8px), height (32px), face and hover. ---- */
.pi-v2 .v2-btn,
.pi-v2 .v2-btn--primary,
.pi-v2 .v2-ctl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  height: 32px;
  padding: 0 0.7rem;
  border-radius: 8px;
  border: 1px solid var(--v2-line-strong);
  background: var(--v2-surface);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--v2-ink);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  transition: border-color 0.12s, background-color 0.12s, color 0.12s;
}
.pi-v2 .v2-ctl {
  font-weight: 600;
  padding: 0 0.6rem;
}
.pi-v2 .v2-btn:hover,
.pi-v2 .v2-ctl:hover {
  border-color: var(--v2-accent);
  color: var(--v2-accent-deep);
}
.pi-v2 .v2-btn--primary {
  background: var(--v2-accent);
  border-color: var(--v2-accent);
  color: #fff;
}
.pi-v2 .v2-btn--primary:hover:not(:disabled) {
  background: var(--v2-accent-deep);
  border-color: var(--v2-accent-deep);
}
.pi-v2 .v2-btn:disabled,
.pi-v2 .v2-btn--primary:disabled,
.pi-v2 .v2-ctl:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
/* antd controls inside V2 (shared leaves: buttons, inputs, checkboxes,
   switches, pagination, selects) take the V2 shape and colors. This is an
   override sheet, so selector order follows antd, not specificity. */
.pi-v2 .ant-btn {
  height: 32px;
  padding: 0 0.7rem;
  border-radius: 8px;
  border: 1px solid var(--v2-line-strong);
  background: var(--v2-surface);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 30px;
  color: var(--v2-ink);
  box-shadow: none;
  text-shadow: none;
}
.pi-v2 .ant-btn:hover,
.pi-v2 .ant-btn:focus {
  border-color: var(--v2-accent);
  background: var(--v2-surface);
  color: var(--v2-accent-deep);
}
.pi-v2 .ant-btn-primary,
.pi-v2 .ant-btn-primary:focus {
  background: var(--v2-accent);
  border-color: var(--v2-accent);
  color: #fff;
}
.pi-v2 .ant-btn-primary:hover {
  background: var(--v2-accent-deep);
  border-color: var(--v2-accent-deep);
  color: #fff;
}
.pi-v2 .ant-btn-link,
.pi-v2 .ant-btn-link:hover,
.pi-v2 .ant-btn-link:focus {
  background: transparent;
  border-color: transparent;
  color: var(--v2-accent-deep);
}
.pi-v2 .ant-btn[disabled],
.pi-v2 .ant-btn[disabled]:hover {
  opacity: 0.6;
  background: var(--v2-surface);
  border-color: var(--v2-line-strong);
  color: var(--v2-ink-3);
}
.pi-v2 .ant-btn-primary[disabled],
.pi-v2 .ant-btn-primary[disabled]:hover {
  background: var(--v2-accent);
  border-color: var(--v2-accent);
  color: #fff;
}
.pi-v2 .ant-input,
.pi-v2 .ant-input-affix-wrapper,
.pi-v2 .ant-select:not(.ant-select-customize-input) .ant-select-selector,
.pi-v2 .ant-input-number {
  border-radius: 8px;
  border-color: var(--v2-line-strong);
  font-size: 0.83rem;
}
.pi-v2 .ant-input:hover,
.pi-v2 .ant-input:focus,
.pi-v2 .ant-input-focused,
.pi-v2 .ant-input-affix-wrapper:hover,
.pi-v2 .ant-input-affix-wrapper-focused,
.pi-v2 .ant-select:not(.ant-select-disabled):hover .ant-select-selector,
.pi-v2 .ant-select-focused:not(.ant-select-disabled) .ant-select-selector {
  border-color: var(--v2-accent) !important;
  box-shadow: 0 0 0 3px rgba(236, 121, 43, 0.14) !important;
}
.pi-v2 .ant-checkbox-inner {
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border-color: var(--v2-line-strong);
}
.pi-v2 .ant-checkbox-checked .ant-checkbox-inner,
.pi-v2 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background-color: var(--v2-accent);
  border-color: var(--v2-accent);
}
.pi-v2 .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.pi-v2 .ant-checkbox:hover .ant-checkbox-inner,
.pi-v2 .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: var(--v2-accent);
}
.pi-v2 .ant-switch {
  background-color: var(--v2-line-strong);
}
.pi-v2 .ant-switch-checked {
  background-color: var(--v2-good);
}
.pi-v2 .ant-pagination-item {
  border-radius: 8px;
  border-color: var(--v2-line-strong);
}
.pi-v2 .ant-pagination-item a {
  color: var(--v2-ink-2);
}
.pi-v2 .ant-pagination-item-active {
  border-color: var(--v2-accent);
  background: var(--v2-accent-soft);
}
.pi-v2 .ant-pagination-item-active a,
.pi-v2 .ant-pagination-item:hover a {
  color: var(--v2-accent-deep);
}
.pi-v2 .ant-pagination-item:hover,
.pi-v2 .ant-pagination-prev:hover .ant-pagination-item-link,
.pi-v2 .ant-pagination-next:hover .ant-pagination-item-link {
  border-color: var(--v2-accent);
}
.pi-v2 .ant-pagination-prev .ant-pagination-item-link,
.pi-v2 .ant-pagination-next .ant-pagination-item-link {
  border-radius: 8px;
  border-color: var(--v2-line-strong);
}
.pi-v2 .ant-slider-rail {
  background: #e2ded4;
}
.pi-v2 .ant-slider-track {
  background: var(--v2-accent);
}
.pi-v2 .ant-slider-handle {
  border-color: var(--v2-accent);
}
.pi-v2 .ant-slider:hover .ant-slider-track {
  background: var(--v2-accent-deep);
}
.pi-v2 .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: var(--v2-accent-deep);
}
/* stylelint-enable no-descending-specificity */
/* the volume popover is a short vertical slider, not a square */
.pi-v2-pop .ant-popover-inner-content {
  padding: 0.5rem 0.6rem;
  font-family: "Nunito Sans", system-ui, -apple-system, sans-serif;
  color: #12263a;
}
/* antd popups now mount inside the frame (PageFrame sets getPopupContainer),
   so they take the V2 card look: radius 10, line border, soft shadow. */
/* stylelint-disable no-descending-specificity */
.pi-v2 .ant-popover-inner,
.pi-v2 .ant-select-dropdown,
.pi-v2 .ant-dropdown-menu,
.pi-v2 .ant-picker-dropdown .ant-picker-panel-container {
  border: 1px solid var(--v2-line);
  border-radius: 10px;
  box-shadow: var(--v2-shadow), 0 10px 26px rgba(18, 38, 58, 0.1);
  background: var(--v2-surface);
  color: var(--v2-ink);
}
.pi-v2 .ant-popover-arrow {
  display: none;
}
.pi-v2 .ant-popover-title {
  padding: 0.5rem 0.8rem;
  border-bottom: 1px solid var(--v2-line);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--v2-ink);
}
.pi-v2 .ant-popover-inner-content {
  padding: 0.6rem 0.8rem;
  font-size: 0.83rem;
  color: var(--v2-ink);
}
.pi-v2 .ant-select-item {
  font-size: 0.83rem;
  color: var(--v2-ink);
}
.pi-v2 .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.pi-v2 .ant-dropdown-menu-item:hover,
.pi-v2 .ant-dropdown-menu-item-active {
  background: var(--v2-surface-2);
}
.pi-v2 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--v2-accent-soft);
  color: var(--v2-accent-deep);
  font-weight: 700;
}
.pi-v2 .ant-dropdown-menu-item,
.pi-v2 .ant-dropdown-menu-submenu-title {
  font-size: 0.83rem;
  color: var(--v2-ink);
}
.pi-v2 .ant-tooltip-inner {
  border-radius: 8px;
  background: var(--v2-ink);
  font-size: 0.76rem;
  font-weight: 600;
}
.pi-v2 .ant-tooltip-arrow-content {
  background: var(--v2-ink);
}
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  background: var(--v2-accent);
}
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-in-range::before,
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: var(--v2-accent-soft);
}
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: var(--v2-accent);
}
.pi-v2 .ant-picker-range .ant-picker-active-bar {
  background: var(--v2-accent);
}
.pi-v2 .ant-picker {
  border-radius: 8px;
  border-color: var(--v2-line-strong);
}
.pi-v2 .ant-picker-focused,
.pi-v2 .ant-picker:hover {
  border-color: var(--v2-accent);
  box-shadow: 0 0 0 3px rgba(236, 121, 43, 0.14);
}
/* stylelint-enable no-descending-specificity */
/* grouped inputs (search boxes with a trailing button): one outer shape,
   no second outline on the inner input */
/* stylelint-disable no-descending-specificity */
.pi-v2 .ant-input-affix-wrapper > .ant-input,
.pi-v2 .ant-input-affix-wrapper > .ant-input:focus,
.pi-v2 .ant-input-affix-wrapper > .ant-input:hover {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.pi-v2 .ant-input-group > .ant-input-affix-wrapper:not(:last-child),
.pi-v2 .ant-input-group > .ant-input:not(:last-child) {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pi-v2 .ant-input-search .ant-input-group-addon .ant-btn,
.pi-v2 .ant-input-group-addon:last-child .ant-btn {
  height: 32px;
  border-radius: 0 8px 8px 0;
  border-left: 0;
}
.pi-v2 .ant-input-group-addon {
  border-radius: 0 8px 8px 0;
  border-color: var(--v2-line-strong);
  background: var(--v2-surface);
}
/* picker footers (Clear / Cancel / Apply) share the button system; the V1
   pickers are FilterLayout dropdowns (.filter-layout-filter-position), the
   rest are antd popovers */
.pi-v2 .ant-popover .ant-btn:not(.ant-btn-primary):not(.ant-btn-link),
.pi-v2 .ant-popover .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover,
.pi-v2 .ant-popover .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):focus,
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):not(.ant-btn-link),
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover,
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):focus {
  height: 32px;
  padding: 0 0.7rem;
  border: 1px solid var(--v2-line-strong);
  border-radius: 8px;
  background: var(--v2-surface);
  color: var(--v2-ink);
  box-shadow: none;
}
.pi-v2 .ant-popover .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover,
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover {
  border-color: var(--v2-accent);
  color: var(--v2-accent-deep);
}
/* the picker footer's Cancel (the button just before the Apply section) is
   outlined, and Apply is the solid orange of Search. The V1 picker's own
   stylesheet strips Cancel's border with !important, so this needs it too;
   the V1 file stays as it is, so classic pages keep their look. Clear stays
   borderless. */
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):has(+ section) {
  border: 1px solid var(--v2-line-strong) !important;
  background: var(--v2-surface) !important;
  color: var(--v2-ink) !important;
}
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):has(+ section):hover,
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):has(+ section):focus {
  border-color: var(--v2-accent) !important;
  color: var(--v2-accent-deep) !important;
}
.pi-v2 .filter-layout-filter-position .ant-btn-primary {
  border-radius: 8px;
}
/* one frame per picker: the positioned wrapper (which has 10px of top
   padding) stays bare, and the card inside it carries the border and shadow;
   framing both drew two top edges 10px apart */
.pi-v2 .filter-layout-filter-position {
  border: 0;
  box-shadow: none;
  background: transparent;
}
.pi-v2 .filter-layout-filter-position > div {
  border: 1px solid var(--v2-line);
  border-radius: 10px;
  box-shadow: var(--v2-shadow), 0 10px 26px rgba(18, 38, 58, 0.1);
}
/* stylelint-enable no-descending-specificity */
/* the slider value bubble (antd tooltip on a handle): small dark pill;
   cspell: ignore nums */
.pi-v2 .ant-slider-tooltip .ant-tooltip-inner {
  min-height: 0;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  background: var(--v2-ink);
  font-size: 0.74rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.pi-v2 .ant-slider-tooltip .ant-tooltip-arrow-content {
  background: var(--v2-ink);
}
/* ---- Modals opened from V2 pages (they mount inside the frame): V2 card,
   compact left-aligned title, V2 labels and inputs, no illustration ---- */
/* stylelint-disable no-descending-specificity */
.pi-v2 .ant-modal-content {
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(18, 38, 58, 0.18);
  overflow: hidden;
}
.pi-v2 .ant-modal-body {
  padding: 1.2rem 1.4rem 1rem;
  font-family: var(--v2-font);
  color: var(--v2-ink);
}
.pi-v2 .ant-modal-body svg[class*='modalIllustration'],
.pi-v2 .ant-modal-body [class*='modalIllustration'] {
  display: none;
}
.pi-v2 .ant-modal-body [class*='modal-title'] {
  display: block;
  margin: 0 0 0.9rem;
  font-family: var(--v2-display);
  font-size: 1.05rem;
  font-weight: 800;
  text-align: left;
  color: var(--v2-ink);
}
/* the "Export initiated!" popup (AsyncExportModal) is laid out centered:
   illustration, title and message */
.pi-v2 .ant-modal-body [class*='autoExportModalTitle'] {
  text-align: center;
}
.pi-v2 .ant-modal-body .ant-form-item {
  margin-bottom: 0.8rem;
}
.pi-v2 .ant-modal-body .ant-form-item-label {
  padding-bottom: 0.25rem;
}
.pi-v2 .ant-modal-body .ant-form-item-label > label {
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--v2-ink-2);
}
.pi-v2 .ant-modal-body .ant-form-item-label > label.ant-form-item-required::before {
  color: var(--v2-accent);
}
.pi-v2 .ant-modal-body .ant-input {
  height: 36px !important;
  padding: 0 0.7rem;
  border: 1px solid var(--v2-line-strong);
  border-radius: 8px;
  background: var(--v2-surface) !important;
  font-size: 0.85rem;
  color: var(--v2-ink);
}
.pi-v2 .ant-modal-close {
  top: 0.4rem;
  right: 0.4rem;
}
.pi-v2 .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
/* stylelint-enable no-descending-specificity */

/* cspell:ignore anticon */
/*
 * The V2 look of the top-center messages (antd message: "Copied",
 * "Saved", errors). antd renders them under document.body, so utils/message
 * gives each V2 message `pi-v2 pi-v2-message`: pi-v2 brings the tokens and
 * fonts, this file the pill. Position, timing and the one-at-a-time limit are
 * antd's and utils/message's.
 */
.pi-v2-message .ant-message-custom-content {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.pi-v2-message .ant-message-notice-content {
  padding: 8px 16px 8px 12px;
  color: var(--v2-ink);
  font-weight: 600;
  background: var(--v2-surface);
  border: 1px solid var(--v2-line);
  border-radius: 999px;
  box-shadow: var(--v2-shadow), 0 10px 28px rgba(18, 38, 58, 0.12);
}
/* the type icon in a tinted circle */
.pi-v2-message .anticon {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-right: 0;
  font-size: 13px;
  border-radius: 999px;
  top: 0;
}
.pi-v2-message .ant-message-success .anticon {
  color: var(--v2-good);
  background: var(--v2-good-soft);
}
.pi-v2-message .ant-message-error .anticon {
  color: var(--v2-crit);
  background: var(--v2-crit-soft);
}
.pi-v2-message .ant-message-warning .anticon {
  color: var(--v2-warn);
  background: var(--v2-warn-soft);
}
.pi-v2-message .ant-message-info .anticon,
.pi-v2-message .ant-message-loading .anticon {
  color: var(--v2-navy);
  background: var(--v2-surface-2);
}

/* cspell: ignore sider */
/* @value color-elevation-small 0 0 0 1px #f4f4f4, 0 1px 4px 0 rgba(109, 110, 111, 0.08); */


/* cspell: ignore sider */
/*
*
* Text actions
*
*/
span.header_38NdL {
  font-size: 18px;
  font-weight: 900;
  color: rgba(51, 51, 51, 1);
  margin: 0px;
}

span.graph_title_4wZ1N {
  font-size: 10px;
  margin: 0px;
}

/* Defaults */

/* Title */

.titleBlue_1WTjM {
  font-size: 18px;
  font-weight: bold;
  color: #008af5;
}

.titleWhite_18dSr {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

.titleLarge_3wgQz {
  font-size: 20px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.title_2hoKn {
  font-size: 16px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.title-ptp_3pMg- {
  font-size: 30px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.titleSmall_AQjSo {
  font-size: 12px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

/* Subtitle */

.subtitle_CNRGV {
  font-size: 12px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.subtitleSmall_2InzF {
  font-size: 10px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.54);
}

.subtitleLarge_3ylei {
  font-size: 14px;
  font-weight: 700;
  color: rgba(51, 51, 51, 1);
}

.Tint-Text_3Vjij {
  font-size: 12px;
  font-weight: normal;
  color: #33333361;
}

.paragraphLight_2AcF3 {
  font-size: 12px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.54);
}

.paragraph_Oal18 {
  font-size: 12px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
}

.paragraphLarge_2vjPJ {
  font-size: 14px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
}

.FilterActive_2WKpE {
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
}

.Error_2jHe6 {
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  color: #cc0000;
}

.Success_AHbFk {
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  color: #11c278;
}
.Queued_2Eyw8 {
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  color: #f7ba1e;
}

.Processing_Ag2rc {
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  color: #ef8432;
}

.FilterInactive_1AvLi {
  font-size: 11px;
  font-weight: normal;
  color: rgba(51, 51, 51, 0.54);
}

.HeadersOrange_2YrZO {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.42px;
  color: #ef8432;
}

.separator_2mk9f {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.42px;
  color: #707070;
}

.tag_1Joqw {
  font-size: 11px;
  font-weight: normal;
}

.TagGrey_2-UTC {
  font-size: 10px;
  font-weight: normal;
  color: rgba(51, 51, 51, 0.54);
}

.TagOrange_2oB1F {
  font-size: 11px;
  font-weight: 500;
  color: #e56300;
}

.TagBlue_974qs {
  font-size: 11px;
  font-weight: 500;
  color: var(--azure);
}

.CTASecondary-CTAWhite_mseLk {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
}

.CTASecondary-CTABlue_3Txj- {
  font-size: 12px;
  font-weight: 600;
  color: var(--azure);
}

.CTAPrimaryWhite_30foF {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #ffffff;
}

.CTASecondary-CTAGrey_1Fas5 {
  font-size: 12px;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.54);
}

.Sider_1T-mj {
  font-size: 12px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.66);
}

.updateTextSider_1QLGx {
  color: rgba(255, 255, 255, 0.66);
}

.Sider_1T-mj:hover {
  color: #fff;
}

.Required_YRNze {
  color: #d93025;
  margin-left: 2px;
}

/* Custom Attributes */

.thin_2sa1W {
  font-weight: 400;
}

.medium_1nC7s {
  font-weight: 400;
}

.bold_1W2YJ {
  font-weight: 700;
}

.extraBold_2lwdS {
  font-weight: 900;
}

.orange_27IKh {
  color: #ef8432;
}

.hover-orange_1wIfj:hover {
  color: #ef8432;
}

.grey_exmMb {
  color: rgba(51, 51, 51, 0.54);
}

.ptp-green_3Dw8A {
  color: #72be3e;
}

.ptp-red_2qdcK {
  color: #f2331d;
}

.ptp-orange_25j-N {
  color: #ffa240;
}

.filter-gray_AyuvS {
  color: #707070;
}

.cursor-pointer_17MjK {
  cursor: pointer;
}

.positive_3zWnf {
  /* background-color: positive-background-color; */
  color: #1e8e3e;
}

.negative_TzMJO {
  /* background-color: negative-background-color; */
  color: #d93025;
}

.neutral_RhCNT {
  /* background-color: neutral-background-color; */
  color: #d93025;
}

.no-wrap_37Mv5 {
  white-space: nowrap;
}

.capitalize_KDLU4 {
  text-transform: capitalize;
}

.blue_18yMO {
  color: rgba(43, 144, 247);
  font-size: 11px;
  line-height: 11px;
}

.dusky-orange_3EcPp {
  color: #f29645;
  font-size: 11px;
  line-height: 11px;
}

.transcript-orange_1Yw7j {
  color: rgba(239, 132, 50, 1);
}

.transcript-blue_tvabW {
  color: rgba(43, 144, 247, 1);
}

.modal-title_j0k2A {
  font-size: 24px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  display: block;
  text-align: center;
  margin: 1rem 0;
}

.disputeButtonTitle_3hZ2m {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.02em;

  color: #008af5;
}

.acknowledgementButtonTitle_TTntW {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.02em;
  color: #008af5;
}

.noSelect_304Zq {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.audioDuration_1D6u- {
  width: 120px;
  min-width: 96px;
  font-size: 11px;
  color: #969799;
  padding-right: 8px;
  display: grid;
  place-items: center;
}

.modal-title-left_321Cd {
  font-size: 18px;
  font-weight: 700;
  color: rgba(51, 51, 51, 1);
  display: block;
  text-align: left;
  margin-bottom: 2px;
  margin-top: -0.2rem;
}

.weekDay_-OpZS {
  color: #969799;
}

.weekDaySelected_3--TC {
  color: #ffffff;
}

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

.emailTitle_20iho,
.tableTitle_AhGlF {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.5px;

  margin-bottom: 7px;
  color: #333333;
}

.emailTitle_20iho::after {
  content: '*';
  color: red;
}

.emailSubtitle_1XnaM {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #969799;
}

.autoExportTitle_1diI0 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #333333;
}

.autoExportModalTitle_sJEuu {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 20px;
}

.frequencyHandlerTitle_2hHf5,
.frequencyHandlerMessage_1cFgT {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #333333;
}

.frequencyHandlerTitle_2hHf5::after {
  content: '*';
  color: red;
}

.chipText_3B3iv {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #000000;
  color: #6e6f70;
}

.modalBodyText_SVC6r {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6e6f70;
}
.modalBody_2hkE7 {
  max-width: 285px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6e6f70;
}

.modalTitle_2x9RN {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lighterText_37BGR {
  color: #bebfc2;
}

.bolderText__ZZFq {
  color: #333333;
  font-weight: 500;
}

span.information_2ZkVn {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #969799;
  text-transform: none;
}

span.extraInfoLabel_37pos {
  margin-left: 6px;
}

span.error_3Zm1U {
  color: red;
}

.utterance_2uLEP {
  cursor: pointer;
  display: inline;
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
  line-height: normal;
}

.acknowledgeByField_1VpDc {
  display: block;
  word-wrap: break-word;
  width: 234px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: auto;
}

.feedbackQuestion_1QvNP {
  text-align: center;
  padding: 0.3rem;
}

.graphTitle_1Dz-Z {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #3d4f57;
}

.legendText_2Xees {
  color: #374151;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.totalAccountsTitle_3CH-A {
  font-family: 'Roboto', sans-serif;
  color: var(--grey-1, #6e6f70);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.totalAccountsSubTitle_1miAh {
  color: var(--grey-1, #6e6f70);
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.formError_2g29D {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: start;
  letter-spacing: 0.5px;
  color: #f21e11;
}

.accountCount_3GdAT {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.tabItem_UxQMd {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  padding: 10px 12px;
  color: #969799;
  border: none;
  display: inline-block;
}

.tabItemSelected_3IE11 {
  color: #333;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #DDD;
  border-bottom: 1px solid #fff;
}

.tabItemAlreadySelected_zQSbW {
  color: #008AF5
}

.notificationHeading_3DeAw {
  color: rgba(0, 0, 0, 0.85);
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.orangeNotice_1rvR5 {
  font-size: 12px;
  color: #ef8432;
  line-height: 10px;
}

.passwordResetNotificationAlertDescription_3WR9R {
  width: 324px;
  white-space: wrap;
  display: block;
  line-height: 16px;
  margin-bottom: 16px;
  color: #FA2F2F;
}

.greetingSubtitle_1YsrH {
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
}

.greetingTitle_3IV-y {
  font-size: 32px;
  line-height: normal;
  font-weight: 400;
}

span.anchor-link_3Z2CI {
  color: #1890ff;
}

span.bold_1W2YJ {
  font-weight: bold;
}

span.dropdown-options_2L1j3 {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
}

span.languageIdentifier_2nrhi {
}

/* Demo-only: used by the ProductLogo drag-drop upload zone. */
.fileUploadText_13j2y {
  font-size: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
/*
*
* Tags actions
*
*/
.system-tag {
  border-color: #8f8f8f !important;
}
span.noMargin {
  margin: 0;
}
span.table-tag {
  width: max-content;
  margin: 0px auto;
}
span.custom-green {
  color: #11C278;
  background: #96fbd11a;
  border-color: #11C278;
}
span.inputTag {
  margin-bottom: 0px;
  border-radius: 4px;
  padding: 0 8px;
  height: 24px;
}
span.ssoTag {
  border-radius: 16px;
  margin: 0px;
  transform: scale(0.8);
  margin-left: -4px;
}
div.ant-select-selector {
  gap: 3px 0px;
}

.animateSubmitIcon path {
  animation: scrollY 1.5s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
  perspective: 9000px;
  transform: translateZ(0);
  transform-origin: bottom;
}
.animateSubmitIcon {
  z-index: 9;
  position: relative;
}
@keyframes scrollY {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  31% {
    transform: translate3d(0, -150%, 0) rotateX(-90deg) scale(0.5) skewX(0deg);
  }
  31.5% {
    transform: translate3d(100%, -150%, 0) rotateX(0deg) scale(0.5) skewX(0deg);
  }
  32% {
    transform: translate3d(100%, 150%, 0) rotateX(0deg) scale(0.5) skewX(0deg);
  }
  32.5% {
    transform: translate3d(0%, 150%, 0) rotateX(0deg) scale(0.5) skewX(0deg);
  }
  60% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
}
.crossIcon {
  margin-left: 2px;
  margin-right: -4px;
  width: 100%;
  height: 100%;
}
.modalCloseIcon {
  width: 14px;
  color: #969799;
  margin: 14px 18px 0px 0px;
  padding: 0px;
}
.modalCloseIcon path {
  stroke: #969799;
  fill: #969799;
}
.chipClose {
  width: 8px;
  height: 8px;
  margin-left: 6px;
}
.chipClose path {
  stroke: #333333;
  fill: #333333;
}
.acknowledgmentModalIcon {
  width: 124px;
  height: 124px;
  object-fit: contain;
  transform: scale(1.2);
}

.noSelect_2oe49 {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* cspell: ignore notif */
/*
 * The V2 look of the notification popups (antd notification). antd renders
 * them under document.body, so utils/notification gives each V2 notice the
 * pi-v2 class (tokens and fonts) plus pi-v2-notice and a type modifier.
 * Position, stacking and the 4-line clamp stay in pages/App/style.less.
 */
.pi-v2-notice.ant-notification-notice {
  --notice-bar: var(--v2-navy);
  padding: 14px 16px 14px 18px;
  background: var(--v2-surface);
  border: 1px solid var(--v2-line);
  border-radius: var(--v2-radius);
  box-shadow: var(--v2-shadow), 0 12px 32px rgba(18, 38, 58, 0.1);
  overflow: hidden;
}
/* the type, as a bar down the left edge */
.pi-v2-notice.ant-notification-notice::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: var(--notice-bar);
}
.pi-v2-notice--error.ant-notification-notice {
  --notice-bar: var(--v2-crit);
}
.pi-v2-notice--warning.ant-notification-notice {
  --notice-bar: var(--v2-warn);
}
.pi-v2-notice--success.ant-notification-notice {
  --notice-bar: var(--v2-good);
}
.pi-v2-notice .ant-notification-notice-message {
  margin-bottom: 4px;
  color: var(--v2-ink);
  font-family: var(--v2-display) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.pi-v2-notice .ant-notification-notice-description {
  color: var(--v2-ink-2);
  font-size: 13px;
  line-height: 19px;
}
/* the type icon sits in a soft tinted circle */
.pi-v2-notice .ant-notification-notice-icon {
  top: 14px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-left: 0;
  border-radius: 999px;
  background: var(--v2-surface-2);
  font-size: 16px;
  line-height: 1;
}
.pi-v2-notice--error .ant-notification-notice-icon {
  color: var(--v2-crit) !important;
  background: var(--v2-crit-soft);
}
.pi-v2-notice--info .ant-notification-notice-icon {
  color: var(--v2-navy) !important;
  background: var(--v2-surface-2);
}
.pi-v2-notice--success .ant-notification-notice-icon {
  color: var(--v2-good) !important;
  background: var(--v2-good-soft);
}
.pi-v2-notice .ant-notification-notice-icon svg,
.pi-v2-notice .ant-notification-notice-icon img {
  width: 16px !important;
  height: 16px !important;
}
.pi-v2-notice .ant-notification-notice-icon + .ant-notification-notice-message,
.pi-v2-notice .ant-notification-notice-with-icon .ant-notification-notice-message,
.pi-v2-notice .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 40px;
}
.pi-v2-notice .ant-notification-notice-close {
  top: 12px;
  right: 12px;
  color: var(--v2-ink-3);
}
.pi-v2-notice .ant-notification-notice-close:hover {
  color: var(--v2-ink);
}
/* buttons inside a notice ("Reload Application", see more) */
.pi-v2-notice .ant-btn-primary {
  background: var(--v2-navy);
  border-color: var(--v2-navy);
  border-radius: 999px;
  font-weight: 700;
}
.pi-v2-notice .ant-btn:not(.ant-btn-primary) {
  border-color: var(--v2-line-strong);
  border-radius: 999px;
  color: var(--v2-ink);
}
/* "Clear all", above a stack of two or more */
.pi-notif-clear-all.pi-v2 {
  padding: 6px 14px;
  color: var(--v2-ink);
  font-weight: 700;
  background: var(--v2-surface);
  border: 1px solid var(--v2-line-strong);
  box-shadow: var(--v2-shadow);
}
.pi-notif-clear-all.pi-v2:hover {
  background: var(--v2-surface-2);
}

/*
*
* Alert actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */

/*
*
* Avatar actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */

/*
*
* Button actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-btn {
  display: flex;
  padding: 0px 11px;
  justify-content: center;
  align-items: center;
}
.custom-btn {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  color: rgba(51, 51, 51, 0.54);
}
.custom-btn:hover,
.custom-btn:focus {
  color: rgba(51, 51, 51, 0.54);
  background: #e8e8e8;
}
.ant-btn-primary {
  background: #008af5;
  color: white;
  font-size: 12px;
  border-radius: 4px;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: white;
  background: #4db1ff;
}
.ant-btn-primary[disabled] svg {
  color: rgba(0, 0, 0, 0.25);
}
.ant-btn-primary[disabled] path {
  fill: rgba(0, 0, 0, 0.25);
}
.ant-btn-secondary {
  background: #1791ff;
  color: white;
  font-size: 10px;
  border: 1px solid #1791ff;
}
.ant-btn-chips {
  background: rgba(239, 132, 50, 0.12);
  color: #ef8432;
  font-size: 12px;
  font-weight: 400;
  border: solid 0.5px #ef8432;
  border-radius: 12.5px;
}
.ant-btn-chips:hover,
.ant-btn-chips:active,
.ant-btn-chips:focus {
  color: #ef8432;
  border: solid 0.5px #ef8432;
  background: rgba(239, 132, 50, 0.12);
}
.ant-btn-chips-secondary {
  background: white;
  color: rgba(51, 51, 51, 0.54);
  font-size: 12px;
  font-weight: 400;
  border: solid 1px rgba(51, 51, 51, 0.54);
  border-radius: 12.5px;
}
.ant-btn-chips-secondary:hover,
.ant-btn-chips-secondary:active,
.ant-btn-chips-secondary:focus {
  background: #d8d8d8;
  color: rgba(51, 51, 51, 0.54);
  border: solid 1px rgba(51, 51, 51, 0.54);
}
.ant-btn-normal {
  background: #f4f4f4;
  color: rgba(51, 51, 51, 0.87);
  border: 1px solid #979797;
}
.ant-btn-normal:hover,
.ant-btn-normal:active,
.ant-btn-normal:focus {
  color: #333333;
  border: 1px solid #979797;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-link:hover {
  border-radius: 4px;
}
.ant-btn-link-primary {
  color: #008af5;
  border: none;
}
.ant-btn-link-primary:hover,
.ant-btn-link-primary:focus {
  border-radius: 4px;
  color: #008af5;
}
.ant-btn-link-primary-red {
  color: #f2331d;
  border: none;
}
.ant-btn-link-primary-red:hover,
.ant-btn-link-primary-red:focus {
  border-radius: 4px;
  color: #f2331d;
}
.ant-btn-reset-link {
  background: none;
  border: none;
  text-align: left;
  padding: 0;
}
.ant-btn-reset-link:hover {
  background: none;
}
.ant-btn-reset-link:focus {
  background: none;
}
.clear-search {
  height: 28px;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0px 10px;
  color: #666666;
  min-width: 60px;
}
.ant-btn > .ant-btn-loading-icon .anticon {
  margin-right: 8px;
  padding-right: 0px;
}
.pointer-events-none {
  pointer-events: none;
}
.ant-btn-async,
.ant-btn-async:hover,
.ant-btn-async:focus,
.ant-btn-async:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: rgba(51, 51, 51, 0.54);
  background: #ffffff;
  border: solid 1px rgba(51, 51, 51, 0.54);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 8px;
  margin-right: 4px;
}
.ant-btn-graphExpand,
.ant-btn-graphExpand:hover,
.ant-btn-graphExpand:focus,
.ant-btn-graphExpand:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: rgba(51, 51, 51, 0.54);
  background: #ffffff;
  border: solid 1px rgba(51, 51, 51, 0.54);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 2px;
}
.ant-btn-asyncSelected,
.ant-btn-asyncSelected:hover,
.ant-btn-asyncSelected:focus,
.ant-btn-asyncSelected:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: rgba(51, 51, 51, 0.54);
  background: #ffffff;
  border: 1px solid rgba(51, 51, 51, 0.54);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 8px;
  margin-right: 4px;
  box-shadow: 0px 0px 0px 4px rgba(51, 51, 51, 0.1);
}
.ant-btn-asyncPrimary,
.ant-btn-asyncPrimary:hover,
.ant-btn-asyncPrimary:focus,
.ant-btn-asyncPrimary:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: #ffffff;
  background: #008af5;
  border: 1px solid #008af5;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 8px;
  margin-right: 4px;
}
.ant-btn-asyncPrimarySelected,
.ant-btn-asyncPrimarySelected:hover,
.ant-btn-asyncPrimarySelected:focus,
.ant-btn-asyncPrimarySelected:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: #ffffff;
  background: #008af5;
  border: 1px solid #008af5;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 8px;
  margin-right: 4px;
  box-shadow: 0px 0px 0px 4px rgba(0, 138, 245, 0.2);
}
.ant-btn-expandIcon,
.ant-btn-expandIcon:hover,
.ant-btn-expandIcon:focus,
.ant-btn-expandIcon:active {
  border-radius: 1.2px;
  border: 0.24px solid #969799;
  margin-right: 4px;
  padding: 0px;
}
.ant-btn-asyncPrimarySelected:hover {
  box-shadow: 0px 0px 0px 4px rgba(0, 138, 245, 0.4);
}
.ant-btn-asyncPrimary:hover {
  box-shadow: 0px 0px 0px 4px rgba(0, 138, 245, 0.2);
}
.ant-btn-asyncSelected:hover {
  box-shadow: 0px 0px 0px 4px rgba(51, 51, 51, 0.2);
}
.ant-btn-async:hover {
  box-shadow: 0px 0px 0px 4px rgba(51, 51, 51, 0.1);
}
.ant-btn-graphExpand:hover {
  box-shadow: 0px 0px 0px 4px rgba(51, 51, 51, 0.1);
}
.disputeButton {
  align-items: center;
  padding: 4px 8px;
  gap: 2px;
  width: 69px;
  height: 22px;
  background: #ffffff;
  border: 0.5px solid #dcdde0;
  border-radius: 4px;
}
button.disputeButton:hover {
  background: #f4faff;
  border: 0.5px solid #a0d4ff;
}
button.disputeButton:focus {
  background: #f4faff;
  border: 0.5px solid #a0d4ff;
}
button.acknowledgementButton {
  align-items: center;
  padding: 4px 8px;
  gap: 6px;
  width: 69px;
  height: 22px;
  background: #ffffff;
  border: 0.5px solid #dcdde0;
  border-radius: 4px;
  text-shadow: none;
  box-shadow: none;
}
button.acknowledgementButton:hover {
  background: #f4faff;
  border: 0.5px solid #a0d4ff;
}
button.acknowledgementButton:focus {
  background: #f4faff;
  border: 0.5px solid #a0d4ff;
}
button.scorecardAcknowledged {
  background: rgba(0, 138, 245, 0.05);
  border: 0.5px solid #008AF5;
}
.scorecardAcknowledged svg {
  color: #008AF5;
}
.editPermissions,
.editPermissions:hover {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 0px;
  align-items: center;
  border-radius: 4px;
  padding-left: 17px;
  padding-right: 17px;
}
.editPermissions[disabled],
.editPermissions[disabled]:hover {
  background: #969799;
  color: #fff;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
}
.editPermissions > span {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.editPermissions > svg {
  margin: 0px;
}
.editPermissionsCancel,
.editPermissionsCancel[disabled],
.editPermissionsCancel[disabled]:hover,
.editPermissionsCancel:hover,
.editPermissionsCancel:focus,
.editPermissionsCancel:active {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  background: #ffffff;
  border: 1px solid #bebfc2;
  border-radius: 4px;
}
.discardModal {
  background: #ffffff;
  border: 1px solid #bebfc2;
  border-radius: 4px;
  padding: 8px 12px;
  max-width: 68px;
}
.modalCancel {
  max-width: 68px;
}
button.buttonLink {
  color: #4db1ff;
  font-size: 11px;
  font-weight: normal;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 4px;
}
button.buttonLink:hover,
button.buttonLink:focus {
  color: #4db1ff;
  background: #fff;
  text-decoration: none;
}
button.buttonLink:not([disabled]):hover {
  text-decoration: none;
}
button.buttonLink svg {
  color: #4db1ff;
}
button.buttonLink:disabled svg {
  color: rgba(0, 0, 0, 0.25);
}
button.secondary-button,
button.secondary-button:hover,
button.secondary-button:focus,
button.secondary-button:active {
  box-sizing: border-box;
  padding: 1px 2px;
  padding: 3.623px 13.588px;
  border-radius: 1.812px;
  border: 0.906px solid #D9D9D9;
  background: #FFF;
  background-color: #fff;
  box-shadow: 0px 1.81170189px 0px 0px rgba(0, 0, 0, 0.02);
  color: #6E6F70;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 12.682px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.929px;
}
button.no-btn {
  font-size: 12px;
  border-radius: 4px;
  background: none;
  box-shadow: none;
  padding: 0px;
  margin-left: 1px;
}
button.no-btn:hover,
button.no-btn:focus {
  background: none;
  box-shadow: none;
}
button.no-btn::after {
  all: unset;
}
button.no-btn svg {
  margin-right: 0px !important;
}
button.selectionButtons {
  background-color: white;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-width: 1px;
  border-color: #e4e4e7;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  outline: none;
}
button.selected,
button.selected:focus {
  background-color: #18181b;
  color: #fafafa;
}
/* Demo-only: ProductLogo upload UI uses these for the edit + select-file buttons.
   Inert when ProductLogo is not rendered (i.e. when tenantLogoEnabled is false). */
button.noneTypeButton {
  color: #4db1ff;
  font-size: 11px;
  font-weight: normal;
  padding: 0px;
}
button.noneTypeButton:hover {
  color: #4db1ff;
  background: #fff;
  text-decoration: none;
}
button.noneTypeButton:not([disabled]):hover {
  text-decoration: none;
}
button.ant-btn-link {
  color: #4db1ff;
  padding: 0px;
}
button.ant-btn-link:hover {
  background: none;
  color: #4db1ff;
  text-decoration: underline;
}
button.ant-btn-link:not([disabled]):hover {
  text-decoration: none;
}

/*
*
* Card actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-card {
  border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 5px;
}
.ant-card-body {
  padding: 16px;
  border-radius: 4px;
}

/*
*
* PopOver actions
*
*/

/*
*
* Dropdown actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.dropdown-content .ant-popover-inner-content {
  padding: 5px 20px;
}
.dropdown-row-item-border {
  border-bottom: 1px solid #979797;
}
.dropdown-row-item {
  display: flex;
  align-items: center;
  padding: 15px 0px;
  color: rgba(51, 51, 51, 0.87);
  min-width: 60px;
  cursor: pointer;
}
.dropdown-row-item:hover {
  background-color: #f2f2f2;
}
.dropdown-row-item .row-item-selected {
  color: #ef8432;
}
.dropdown-row-item .row-item-prefix {
  margin-right: 10px;
}
.dropdown-row-item .row-item-name {
  margin-right: 10px;
}
.callVisibleDropdown .ant-dropdown-menu {
  border-radius: 4px;
  padding: 0px;
  padding-bottom: 0px;
  overflow: hidden;
}

/*
*
* DatePicker actions
*
*/

/*
*
* EmptyState actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-result-title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 10px;
  margin-top: 10px;
}
.ant-result-subtitle {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: center;
}
.ant-result {
  margin: auto;
  height: auto;
}
.empty-state-button {
  display: grid;
  place-items: center;
}
.page-loading {
  position: absolute !important;
  width: 100%;
  height: calc(100vh - 50px) !important;
  background: rgba(255, 255, 255, 0.65);
}

/*
*
* FileUploader actions
*
*/

.addOptionContainer_3-ymG {
    display: grid;
    grid-template-columns: 80% -webkit-max-content;
    grid-template-columns: 80% max-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.optionValue_2SFFY {
    overflow: hidden;
    text-overflow: ellipsis;
}

.popupClassName_268zO .ant-select-tree-list-holder_1I5Fe {
  display: inherit;
}

.footerContainer_pXZQE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.tagContainer_2A_bn {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  gap: 4px;
  padding-left: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


.customForm_70pQC label {
  font-size: 12px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.customForm_70pQC .ant-select-selection {
  height: 43px;
}

.customForm_70pQC .ant-input-number {
  line-height: 40px;
  width: 100%;
}

.formButtonTags_3jTYD {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-auto-columns: minmax(0px, 90px);
}

.formButtonTags_3jTYD .hideCancelBtn_2bPBo {
  grid-template-columns: 90px;
}

.customForm_70pQC .ant-select {
  height: 43px;
}

.selectClass_7OMe5 .ant-select-selector {
  height: 43px !important;
}

.customForm_70pQC .ant-input-number input {
  color: rgba(51, 51, 51, 1);
  font-weight: 500;
}

.customForm_70pQC label {
  width: 100%;
}

.selectClass_7OMe5 .ant-select-selector .ant-select-selection-item {
  line-height: 43px;
}

.customButton_1j-RG {
  margin: 0px;
}

.selectClass_7OMe5 .ant-select-selector .ant-select-selection-placeholder {
  line-height: 43px;
}

.multiSelectClass_eiuEB .ant-select-selector {
  min-height: 31px !important;
  padding: 6.5px 4px;
}
.sectionBox_3Qy1D {
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eef0f2));
  background: linear-gradient(180deg, #fafafa 0%, #eef0f2 100%);
  border: 1px solid #e4e7eb;
  border-radius: 8px;
  padding: 14px 16px 2px;
  margin-bottom: 12px;
}
.sectionBoxTitle_2n3uO {
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 12px;
}

.tagSelect_1cKNn .ant-select-selector {
  min-height: 43px !important;
  padding: 7px 4px;
}

/* Tag close (x) button: 12x12 glyph with padding on all sides */
.multiSelectClass_eiuEB .ant-select-selection-item-remove,
.tagSelect_1cKNn .ant-select-selection-item-remove,
.multiSelectClass_eiuEB .ant-tag-close-icon,
.tagSelect_1cKNn .ant-tag-close-icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
  padding: 2px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.freeFormSelect_1pEJv .ant-select-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px !important;
}

.freeFormSelect_1pEJv .ant-select-selection-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customForm_70pQC .ant-select-selection .ant-select-selection__rendered {
  line-height: 43px;
}

.customForm_70pQC
  .ant-select-selection .ant-select-selection-selected-value {
  font-size: 14px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.noMargin_18Qm9 {
  margin: 0px;
}

.inputLabelContainer_Un14n {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.inputLabelContainer_Un14n span {
  color: #4DB1FF;
}

.switchContainer_3pYmF {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.copyIcon_P4XGE {
  font-size: 14px;
  color: #888;
  margin-left: 6px;
  vertical-align: middle;
  cursor: pointer;
}
/*
*
* Input actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-input,
.ant-input-number {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.ant-input::placeholder {
  font-size: 12px;
  font-weight: 400;
  color: rgba(51, 51, 51, 0.87);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left: none;
}
.ant-input-search > .ant-input-group > .ant-input-affix-wrapper {
  box-shadow: none;
  border: 1px solid #d9d9d9;
}
.ant-input-number {
  width: 94px;
}
textarea.disputeInput {
  font-size: 12px;
  padding-bottom: 24px;
  border-radius: 3px;
  width: 182px;
  caret-color: black;
}
.inputNumberStyle {
  width: 78px;
  margin: 5px;
}

/*
*
* Select actions
*
*/
.ant-select {
  width: 100%;
}
.noBackgroundHighlight .ant-select-item-option-selected {
  background-color: transparent !important;
  color: inherit;
  /* Ensure the text color remains appropriate */
}

/*
*
* Tooltip actions
*
*/

.userRoleTooltip {
  border-radius: 4px;
}

.userRoleTooltip .ant-tooltip-inner {
  background: #333333;
  -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  max-width: 262px;
}

/*
*
* Switch actions
*
*/

/*
*
* Layout actions
*
*/

/* stylelint-disable no-descending-specificity */
/*
*
* Modal actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vertical-center-modal .ant-modal {
  top: 0;
  padding-bottom: 0;
}
.vertical-center-modal .ant-modal-content .ant-modal-header {
  padding: 28px 0px 20px;
  margin: 0px 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #021529;
  border-bottom: solid 0.5px #33333361;
}
.vertical-center-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #021529;
}
.vertical-center-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: 50px;
  width: 50px;
  line-height: 50px;
}
.vertical-top-modal {
  margin-top: 2vh;
}
.vertical-top-modal .ant-modal {
  top: 0;
  padding-bottom: 0;
}
.vertical-top-modal .ant-modal-content .ant-modal-header {
  padding: 28px 0px 20px;
  margin: 0px 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #021529;
  border-bottom: solid 0.5px #33333361;
}
.vertical-top-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #021529;
}
.vertical-top-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: 50px;
  width: 50px;
  line-height: 50px;
}
.vertical-modal .ant-modal {
  top: 0;
  padding-bottom: 0;
}
.vertical-modal .ant-modal-content .ant-modal-header {
  padding: 28px 0px 20px;
  margin: 0px 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #021529;
  border-bottom: solid 0.5px #33333361;
}
.vertical-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #021529;
}
.vertical-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: 50px;
  width: 50px;
  line-height: 50px;
}
.modal-gradient .ant-modal-header {
  background: transparent;
  border-bottom: 0px;
  color: white;
}
.modal-gradient .ant-modal-title {
  color: white;
  font-size: 1.2em;
}
.modal-gradient .ant-modal-body {
  padding: 0px !important;
}
.modal-gradient .modal-content-wrapper {
  padding: 20px 20px 2px 20px;
}
.modal-gradient .ant-modal-close-icon {
  color: white;
  border: 2px solid;
  border-radius: 50%;
  padding: 3px;
}
.modal-gradient .ant-modal-footer {
  border-top: 0px;
}
.modal-gradient .modal-content-wrapper > h3 {
  color: white;
}
.ant-modal-confirm .ant-modal-confirm-buttons {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
}
.modal-btn-container {
  display: grid;
  grid-auto-flow: column;
  padding: 18px 24px;
  grid-template-columns: 90px 90px;
  grid-gap: 10px;
  justify-content: end;
}
.schedule-export-modal .ant-modal-content {
  border-radius: 8px;
}
.userRoleModal .ant-modal-content {
  border-radius: 8px;
}
.glassmorphism .ant-modal-close {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  color: rgba(255, 255, 255, 0.8);
  margin-right: 10px;
  margin-top: 5px;
  border-radius: 0;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}

.notFoundPage_2IibA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: inherit;
  height: calc(100vh - 60px);
}

/*
*
* PopConfirm actions
*
*/

/*
*
* Select actions
*
*/
.ant-select {
  width: 100%;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  position: relative;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.5) !important;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  opacity: 0.6;
}
.ant-select-disabled span {
  cursor: not-allowed;
}

/*
*
* Slider actions
*
*/

/*
*
* Pagination actions
*
*/

/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable no-descending-specificity */
/*
*
* Checkbox actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-checkbox-checked::after {
  border-color: #008af5;
  border: 2px solid #008af5;
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #008af5;
  border: 2px solid #008af5;
}
.ant-checkbox .ant-checkbox-inner {
  border: 2px solid #666666;
}
.ant-checkbox-checked .ant-checkbox-inner {
  border: 2px solid #008af5;
}
.ant-checkbox .ant-checkbox-input:focus {
  border: 2px solid #008af5;
}
.ant-checkbox-inner::after {
  top: 48%;
  left: 20%;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #008af5;
}
.ant-checkbox-checked .ant-checkbox-inner {
  border: 2px solid #008af5;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  border: 2px solid #008af5;
}
.checkBoxContainer {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  /* Grey 2 */
  color: #969799;
}

/*
*
* Tabs actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #008af5;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
.ant-tabs-nav {
  border-bottom: 1px solid #cccccc;
}
.ant-tabs-tab {
  padding: 12px 16px;
}

/*
*
* Radio actions
*
*/
.ant-radio-inner:after {
  top: 50%;
  left: 50%;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: translate(-50%, -50%) scale(1);
}

/*
*
* Row actions
*
*/

/*
*
* Table actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-table-thead > tr > th {
  background: #ffffff;
}
.ant-table-tbody > tr > td {
  background: #ffffff;
  font-size: 11px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
.ant-table-tbody > tr:hover {
  background-color: #f3f3f3;
}
.ant-table-column-title {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  text-transform: uppercase;
}
.ant-table-tbody > tr > td.bold {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}
.ant-table-tbody > tr > td.center {
  text-align: center;
}
.ant-table-tbody > tr > td.default-text-color {
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
  text-transform: capitalize;
}
.ant-table-tbody > tr > td.regular {
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
  text-transform: capitalize;
}
.react-resizable {
  position: relative;
  background-clip: padding-box;
}
.react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -5px;
  cursor: col-resize;
  z-index: 1;
}
th.ant-table-cell {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  text-transform: uppercase;
}
.ant-table-small .ant-table-thead > tr > th {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.ant-table-thead th.ant-table-column-sort {
  background: #fff;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: #fff;
}

/*
*
* Table actions
*
*/

.headerStyle_eVijZ {
  font-family: 'Roboto', sans-serif !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  color: #969799 !important;
  text-transform: none !important;
}

.rowCell_3K-Yh {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 4px;
}

.headerTitle_2I5B4 {
  margin-right: 10px;
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
}

.spacer_2rIiN {
  width: 14px;
}

.customHeaderCenter_2cGng {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  text-align: center !important;
}

.customHeader_1n_WI {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
}

.customHeader_1n_WI:hover {
  background: #e8e8e8 !important;
}

/*
*
* Col actions
*
*/

/*
*
* List actions
*
*/

.copyIconBtn {
  cursor: pointer;
  color: #595959;
  font-size: 13px;
  padding: 2px;
}
.copyIconBtn:hover {
  color: #1890ff;
}

.userInputStats {
  display: flex;
  gap: 10px;
  font-size: 11px;
  padding-right: 5px;
}
.userInputStats__added {
  color: #52c41a;
}
.userInputStats__duplicate {
  color: #faad14;
}
.userInputStats__notFound {
  color: #ff4d4f;
}

.prodigalImage_3MH8I {
  width: 110px;
  height: 27.65px;
}

.editIcon_qw66P {
  position: relative;
  overflow: visible;
}

.quickAccess_20jnA {
  background: white;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.editIcon_qw66P:hover .quickAccess_20jnA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mockSidebar_2iulC {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  width: 200px;
  background: #001529;
  color: #fff;
  z-index: 3;
}

.logoUploadContainer_2H5vb {
  margin: 16px 14px;
  width: 148px;
  height: 48px;
  border: 1px dashed;
  border-radius: 8px;

  display: grid;
  grid-template-rows: 1fr 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.canDrop_2Eyhm {
  border-color: #11C278;
}

.logoContainer_lDLcl {
  padding: 16px 14px;
  max-width: 200px;
  margin-bottom: 20px;
  margin-left: 0px;
  position: relative;
}

.logoImageContainer_3CePS {
  height: 27.64px;
  width: 110px;
}

.logoImageContainer_3CePS img,
.prodigalImage_3MH8I img  {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0% 0%;
     object-position: 0% 0%;
}

.sideOptions_3l3i_ {
  background: #1a2d3f;
  width: 85%;
  border-radius: 6px;
  margin: auto;
  padding-left: 10px !important;
  margin-bottom: 8px !important;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
}

.cancelButton_204n- {
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.circleContainer_1FnR7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  width: 18px;
  height: 18px;
}

.circleSvg_3IkLY {
  --_circle-radius: 45px;
  --_svg-width: 100px;
  --_stroke-width: 10px; /* svg-width - (circle-radius * 2) */

  width: var(--_svg-width);
  height: var(--_svg-width);

  stroke: white;
  /*   stroke-linecap: round; */
  stroke-width: var(--_stroke-width);

  stroke-dashoffset: 1;
  stroke-dasharray: 1 1000;

  -webkit-animation: loader_1wy_u 1500ms infinite linear, spin_3JX_X 3000ms infinite linear;

          animation: loader_1wy_u 1500ms infinite linear, spin_3JX_X 3000ms infinite linear;
}

@-webkit-keyframes loader_1wy_u {
  0% {
    stroke-dashoffset: 1;
    stroke-dasharray: 1 1000;
  }

  100% {
    stroke-dashoffset: calc(var(--_circle-radius) * -2 * 3.1415);
    stroke-dasharray: calc(var(--_circle-radius) * 2 * 3.1415) 1000;
  }
}

@keyframes loader_1wy_u {
  0% {
    stroke-dashoffset: 1;
    stroke-dasharray: 1 1000;
  }

  100% {
    stroke-dashoffset: calc(var(--_circle-radius) * -2 * 3.1415);
    stroke-dasharray: calc(var(--_circle-radius) * 2 * 3.1415) 1000;
  }
}

@-webkit-keyframes spin_3JX_X {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 360deg;
  }
}

@keyframes spin_3JX_X {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 360deg;
  }
}

.sideBarOptionSubContainer_2KfeK {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.shimmerContainer_1ppwv {
  width: 144px;
  height: 27px;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 1000% 100%;
  -webkit-animation: shimmer_AANzD 15s infinite;
          animation: shimmer_AANzD 15s infinite;
  opacity: 0.55;
}

@-webkit-keyframes shimmer_AANzD {
  0% {
    background-position: -1000% 0;
  }
  100% {
    background-position: 1000% 0;
  }
}

@keyframes shimmer_AANzD {
  0% {
    background-position: -1000% 0;
  }
  100% {
    background-position: 1000% 0;
  }
}

/* cspell: ignore sider */
/*
*
* Sider actions
*
*/

.fixedSider_3hiMR,
.fixedSiderCollapsed_3ll0Z {
  overflow: auto;
  height: 100vh;
  width: 200px;
}

.fixedSider_3hiMR .ant-menu-item-selected {
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.fixedSider_3hiMR li.ant-menu-item-only-child {
  padding-left: 10px !important;
  margin-bottom: 8px !important;
}

.fixedSiderCollapsed_3ll0Z ul.ant-menu {
  transition: none;
  -webkit-transition: none;
}

.fixedSiderCollapsed_3ll0Z li.ant-menu-item-only-child {
  margin-bottom: 8px !important;
}

.fixedSiderCollapsed_3ll0Z .ant-menu-item-selected {
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.fixedSiderCollapsed_3ll0Z .ant-menu-submenu-selected {
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.fixedSiderCollapsed_3ll0Z .ant-menu-submenu {
  width: 85%;
  margin: 0 auto;
  height: 40px;
  margin-bottom: 8px !important;
}

.fixedSider_3hiMR .ant-menu-dark.ant-menu-inline .ant-menu-item {
  width: 85%;
  margin: 0 auto;
}

.fixedSiderCollapsed_3ll0Z ul.ant-menu-inline-collapsed > .ant-menu-item {
  padding: 0 25px;
}

.fixedSiderCollapsed_3ll0Z
  ul.ant-menu-inline-collapsed
    > .ant-menu-submenu
    > .ant-menu-submenu-title {
  padding: 0 25px;
}

.fixedSiderCollapsed_3ll0Z
  .ant-menu-dark.ant-menu-inline-collapsed .ant-menu-item {
  width: 85%;
  margin: 0 auto;
  display: grid;
  place-content: center;
}

.menuItemBadge_2or0A {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  grid-auto-columns: auto 1fr;
}

.logo_37EmC.centered_2aSmC {
  grid-template-columns: auto;
  grid-auto-flow: column;
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
}

.logo_37EmC {
  max-width: 200px;
  padding: 16px 14px;
  position: sticky;
  z-index: 1;
  top: 0;
  background: #001529;
  width: 100%;
}

.prodigalImage_1mV2k {
  height: auto;
  width: 110px;
}

.logo_37EmC.centered_2aSmC,
.logo_37EmC.leftAligned_5Vxl5 {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.siderCollapseTrigger_d9SMB {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  cursor: pointer;
  z-index: 2;
  justify-self: end;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 3px;
  border-radius: 50%;
}

.logoImg_Ah6Zy.hide_3lIBi {
  width: 32px;
  overflow: hidden;
}

.logoImg_Ah6Zy.show_1A8V2 {
  width: auto;
}

.iconStyle_3OK86 {
  margin-right: 10px;
  -webkit-filter: invert(88%) sepia(14%) saturate(225%) hue-rotate(151deg)
    brightness(82%) contrast(85%);
          filter: invert(88%) sepia(14%) saturate(225%) hue-rotate(151deg)
    brightness(82%) contrast(85%);
}

.menuItemBadge_2or0A svg {
  -webkit-filter: invert(88%) sepia(14%) saturate(225%) hue-rotate(151deg)
    brightness(82%) contrast(85%);
          filter: invert(88%) sepia(14%) saturate(225%) hue-rotate(151deg)
    brightness(82%) contrast(85%);
  height: 20px;
  width: 20px;
  margin-right: 0px;
  fill: none;
}

.fixedSider_3hiMR .ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #001529;
}

.fixedSider_3hiMR .ant-menu.ant-menu-sub > .ant-menu-item {
  padding-right: 0px !important;
  padding-left: 45px !important;
}

.updateIcon_1jPi3 {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  display: grid;
  place-content: center;
}

.newVersionMinimizedDiv_1YyxL {
  display: grid;
  place-items: center;
  background-color: #001529;
  grid-gap: 8px;
  margin: 12px;
  width: 176px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 12px;
  position: fixed;
  bottom: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.fixedSiderCollapsed_3ll0Z .newVersionMinimizedDiv_1YyxL {
  width: 60px;
  border: none;
  padding: 0;
}

.newIcon_3VGC_ {
  font-size: 9px;
  margin-top: 0px;
  margin-left: 3px;
  position: absolute;
  color: #ef8432;
}

/* cspell: ignore sider */
/* stylelint-disable no-descending-specificity -- antd menu overrides; the
   :global() selectors defeat the rule's ordering check */
/*
 * The V2 look of the sidebar: the V2 fonts, and the selected entry as a
 * rounded light pill with an accent bar. The background stays V1's dark
 * blue (style.module.css), the color picked over the V2 navy. Applied on
 * top of style.module.css; the sidebar root also carries pi-v2, so the
 * --v2-* tokens resolve.
 */

.v2_2HOaK {
  border-right: 1px solid var(--v2-navy-line);
}

/* entries */
.v2_2HOaK .ant-menu-dark .ant-menu-item,
.v2_2HOaK .ant-menu-dark .ant-menu-submenu-title {
  border-radius: var(--v2-radius);
  font-family: var(--v2-font);
}

/* entry labels are Text type="Sider" (a CSS module: `Sider_<hash>`); the
   orange "New!" tag keeps its own color */
.v2_2HOaK .ant-menu-dark .ant-menu-item a,
.v2_2HOaK .ant-menu-dark .ant-menu-submenu-title,
.v2_2HOaK .ant-menu-dark [class*='Sider_'] {
  color: rgba(255, 255, 255, 0.78);
}

.v2_2HOaK .ant-menu-dark .ant-menu-item:hover a,
.v2_2HOaK .ant-menu-dark .ant-menu-item:hover [class*='Sider_'],
.v2_2HOaK .ant-menu-dark .ant-menu-submenu-title:hover {
  color: var(--v2-surface);
}

.v2_2HOaK .ant-menu-dark .ant-menu-item:hover,
.v2_2HOaK .ant-menu-dark .ant-menu-submenu-title:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

/* the open page: a light pill with an accent bar on its left edge */
.v2_2HOaK .ant-menu-item-selected,
.v2_2HOaK .ant-menu-submenu-selected > .ant-menu-submenu-title {
  background-color: rgba(255, 255, 255, 0.12) !important;
  -webkit-box-shadow: inset 3px 0 0 var(--v2-accent);
          box-shadow: inset 3px 0 0 var(--v2-accent);
  border-radius: var(--v2-radius) !important;
}

.v2_2HOaK .ant-menu-item-selected a,
.v2_2HOaK .ant-menu-item-selected [class*='Sider_'],
.v2_2HOaK .ant-menu-submenu-selected > .ant-menu-submenu-title {
  color: var(--v2-surface) !important;
  font-weight: 700;
}

/* unread count: the V2 accent, as a pill */
.v2_2HOaK .ant-badge-count {
  background: var(--v2-accent) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 700;
}

/* "New version available", minimized to the bottom of the sidebar */
.v2_2HOaK .ant-btn-primary {
  background: var(--v2-accent);
  border-color: var(--v2-accent);
  border-radius: 999px;
  font-weight: 700;
}

/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.main-async-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 16px);
}
.main-async-loader img {
  max-width: 300px;
}
.main-async-loader i {
  font-size: 30px;
}
.main-async-loader div {
  font-size: 18px;
}
.main-async-loader .loading-background {
  width: 98px;
  height: 98px;
  border-radius: 4px;
  background-color: #ffffff;
}
.main-async-loader .loading-icon {
  display: grid;
  place-items: center;
}
.main-async-loader .loading-icon img {
  width: 70px;
  margin: 14px;
}
.prodigal-logo-light {
  margin: 1rem 0;
}

.container_3bPNf {
    width: 100vw;
    height: 100vh;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: white;
}

.containerCard_S72zV {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: grid;
    border-radius: 10px;
    background-color: white;
    max-width: 450px;
    width: 70vw;
    margin-top: -10px;
    -webkit-box-shadow: 0px 2px 50px 0px rgba(188, 186, 186, 0.25);
            box-shadow: 0px 2px 50px 0px rgba(188, 186, 186, 0.25);
    border-radius: 10px;
}

.cardHeader_kIAAx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    background-color: rgba(239, 132, 50, 0.1);
    margin-right: 0rem !important;
    padding: 20px 10px;
    border-radius: 10px 10px 0 0;
    height: 82px;
}

.cardBody_1S4qM {
    display: grid;
    padding: 20px;
    padding-bottom: 50px;
}

.cardBodyHeader_1tJjd {
    display: grid;
    grid-template-rows: 1fr 1fr;
    padding: 10px;
    text-align: center;
}

.selectionButtons_1jd61 {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    padding: 10px;
}

.selectionText_1xfRY {
    width: 100%;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.loginButtonContainer_1yE7h {
    margin-top: 18px;
}

.prodigalImage_37xkN {
    width: 152px;
}
/*
*
* Unauthorized actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.unauthorized {
  display: grid;
  height: 100vh;
}
.logout-container-unauthorized {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  place-content: center;
  margin-top: 5px;
}

.overlay_sBEoz {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(2, 21, 41, 0.45);
  -webkit-animation: fadeIn_r7CZf 300ms ease-out;
          animation: fadeIn_r7CZf 300ms ease-out;
}

.canvas_2Q_f1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.card_nAdeL {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  max-width: 420px;
  padding: 32px 40px;
  text-align: center;
  background: #ffffff;
  border-radius: 12px;
  border-top: 6px solid #b22234;
  border-bottom: 6px solid #3c3b6e;
  -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
          box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  -webkit-animation: popIn_1MLgL 350ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
          animation: popIn_1MLgL 350ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.flag_Ue1cb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
}

.flag_Ue1cb svg {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.title_28Xcp {
  margin: 0;
}

.subtitle_2NPJ- {
  margin: 0;
  color: #4a4a4a;
}

@-webkit-keyframes fadeIn_r7CZf {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn_r7CZf {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes popIn_1MLgL {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px) scale(0.96);
            transform: translateY(12px) scale(0.96);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

@keyframes popIn_1MLgL {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px) scale(0.96);
            transform: translateY(12px) scale(0.96);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

/* Honor users who prefer reduced motion: no entrance animations. */
@media (prefers-reduced-motion: reduce) {
  .overlay_sBEoz,
  .card_nAdeL {
    -webkit-animation: none;
            animation: none;
  }
}

/*
*
* FilterLayout CSS
*
*/

.container_2FS2N {
  position: absolute;
  top: 30px;
  z-index: 1000;
}
.relativeContainer_1RnBc {
  position: relative;
  z-index: 1000;
  padding: 5px 5px;
}

.clear_1SbYT,
.cancel_2p4TW {
  border: none !important;
  background: white;
}

.filterContainer_3fzMq {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  margin-top: 15px;
  grid-auto-columns: 1fr;
}

.filterContainer_3fzMq .cancel_2p4TW {
  margin-right: 8px;
}

.filterBox_3EVMa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 14rem;
  max-height: 25rem;
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 20px;
  margin-top: 2px;
}

.relativeFilterBox_24E8g {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 14rem;
  max-height: 25rem;
  /* box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); */
  background-color: #ffffff;
  border: none;
  border-radius: 8px;
  /* padding: 20px; */
  margin-top: 2px;
}

.filterBox_3EVMa ::-webkit-scrollbar {
  width: 10px;
}

.filterBox_3EVMa .relativeFilterBox_24E8g .multiselect-filter-cancel-btn {
  width: auto;
  height: auto;
  min-height: 32px;
  border: 0px !important;
  background: #ffffff;
  font-weight: bold;
  font-size: 11px;
  margin: 0px 10px;
  color: #707070;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
}

.filterBox_3EVMa .ant-input-search {
  min-width: 12rem;
  width: -webkit-fill-available !important;
}

.filterBox_3EVMa .multiselect-filter-btn-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 10px 0px;
}

.filterBox_3EVMa .apply-btn:hover {
  background: #91d5ff;
  border: 1px solid #91d5ff;
}

.filterBox_3EVMa .multiselect-filter-cancel-btn:hover {
  background: #cccccc;
  border: 0px !important;
}

/* .filterPosition {
  position: fixed;
} */

.radioButtonContainer_1wkYh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 0px;
}

.container_1EjNS {
  display: grid;
  row-gap: 4px;
  position: relative;
}

.gridContainer_2NSKQ {
  display: inline-grid;
  margin: 3px 2px;
  grid-auto-flow: column;
  place-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 5px;
}

.containerMoreFilter_29MGi {
  width: 20em;
  display: grid;
  row-gap: 4px;
}

.labelsDiv_3nYir {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 40px 5px 40px;
}

.containerMoreFilterWrapper_3JZOz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.iconContainer_v7pLc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px;
}

.radioButtonMoreFilter_1Gmat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 5px;
}

.radioLabel_NI0LR {
  max-width: 60px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 25px;
}

.exportPreviewMessage_2EbWB {
  height: 235px;
  margin: 6px 0px;
}
.loadingIcon_1o3CB {
  height: 37px;
}

.loadingIconDiv_FzdLw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 235px;
}

.exportPreviewMessage_2EbWB .ant-result {
  padding: 0px;
}

.fadeOutTable_iTfFy {
  position: relative;
}

.fadeOutTable_iTfFy::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px; /* Adjust the height to control the number of rows to fade out */
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(255, 255, 255, 0)),
    to(#f2f2f2)
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    #f2f2f2
  ); /* Replace the color codes with your desired gradient colors */
  pointer-events: none;
}

/* Add this CSS in your stylesheet or style tag */
.exportPreviewContainer_31g4Q {
  position: relative;
  padding: 20px 10px;
}

.frequencyText_2bMKt {
  padding: 10px 5px;
  padding-bottom: 0;
}
.frequencyRadio_1dL1_ {
  padding: 7px;
  padding-top: 11px;
}

.eachDayDiv_kuoD- {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center center;
  margin: 2px 4px;
  background-color: #f4f4f4;
}

.selectedEachDayDiv_2xJCJ {
  background-color: #008af5;
}

.datePopoverDiv_2r8PT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.eachDate_2CdZA {
  height: 24px;
  width: 24px;
  display: grid;
  place-items: center center;
  margin: 5px;
}

.eachDateSelected_2hHZK {
  background-color: #008af5;
  color: #fff;
  border-radius: 2px;
}

.eachDate_2CdZA:hover {
  border: 1px solid black;
  border-radius: 2px;
}

.weekDaysDiv_2a2c4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
}

.inputContainer_1qjgi {
 width: -webkit-max-content;
 width: -moz-max-content;
 width: max-content;
 position: relative; 
 cursor: pointer; 
}

.calendarIcon_B3iT8 {
  position: absolute;
  right: 12px;
  top: 30%;
}

.errorContainer_1HcRc {
  position: relative;
  margin-bottom: 6px;
}

.errorMessage_2QKVt {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: start;
  letter-spacing: 0.5px;
  color: #F21E11;

  position: absolute;
  top: 2px;
  left: 0;
}

@media (max-width: 330px) {
  .weekDaysDiv_2a2c4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mailDiv_1lLHX {
  margin: 10px 0px;
}

.emailChip_3wiWw {
  background: #FFFFFF;
  border: 1px solid #DCDDE0;
  border-radius: 50px;
  padding: 5px 10px;
  white-space: nowrap;
  margin-right: 6px;
  margin-bottom: 7px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;

  cursor: default;
}

.invalidEmailChip_3_e8v {
  padding: 5px 10px;
  white-space: nowrap;
  margin-right: 6px;
  margin-bottom: 7px;
  background: #FFF0F0;
  border: 1px solid #F21E11;
  border-radius: 50px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;

  cursor: default;
}

.chipsContainer_M_j7G {
  display: inline-block;
  margin-bottom: 24px;
}

.emailInputContainer_1gXbH {
  /* margin-top: 24px; */
  overflow-y: auto;
  border-bottom: 0.5px solid #969799;
  max-height: 148px;

  margin-top: 26px;
}

.emailInputContainer_1gXbH:hover {
  border-bottom: 0.5px solid #008AF5 ;
}


.emailInputBoxStyle_3bsd7 {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #000;
}

.emailInputBoxStyle_3bsd7::-webkit-input-placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7::-moz-placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7:-ms-input-placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7::-ms-input-placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7::placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7:hover, input.emailInputBoxStyle_3bsd7:focus, input.emailInputBoxStyle_3bsd7:active {
  border: none;
  padding: 0 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.errorContainer_t90xY {
  position: relative;
  margin-bottom: 18px;
}

.errorMessage_livJh {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: start;
  letter-spacing: 0.5px;
  color: #F21E11;

  position: absolute;
  top: 6px;
  left: 0;
}

.modalButtonsDiv_1wzXm {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  grid-auto-columns: minmax(0px, 90px);
  border-radius: 8px;
}

.scheduleButton_VXXCZ {
  padding: 10px;
}

.smartReportName_2z9-q {
  margin-bottom: 21px;
}

.nextExportText_2D-OY {
  padding: 10px 0px;
}

.vertical-top-modal_f-H8y .ant-modal-content_26-gn {
  border-radius: 8px;
}
.exportFormatDiv_1ZW4C {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.loading_MEx6E {
  height: 240px;
  padding: 0px;
  width: 100%;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@-webkit-keyframes loading_MEx6E {
  0% {
    background-color: #e3e3e3;
  }
  30% {
    background-color: #e3e3e3;
  }
  50% {
    height: 200px;
    margin-top: 0px;
  }
  80% {
    background-color: #cfcfcf;
  }
  100% {
    background-color: #cfcfcf;
  }
}
@keyframes loading_MEx6E {
  0% {
    background-color: #e3e3e3;
  }
  30% {
    background-color: #e3e3e3;
  }
  50% {
    height: 200px;
    margin-top: 0px;
  }
  80% {
    background-color: #cfcfcf;
  }
  100% {
    background-color: #cfcfcf;
  }
}
.loading_MEx6E .loading1_o7eRy {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.loading_MEx6E .loading2_15lnm {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.loading_MEx6E .loading3_3h0d3 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.loading_MEx6E .loading4_1oLn7 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.loading_MEx6E .loading5_1Hj00 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.loading_MEx6E .loading6_2kmA4 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 0%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.bar_y06Z_ {
  padding: 0px;
  width: 100%;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@-webkit-keyframes bar_y06Z_ {
  0% {
    background-color: #e3e3e3;
  }
  30% {
    background-color: #e3e3e3;
  }
  50% {
    height: 200px;
    margin-top: 0px;
  }
  80% {
    background-color: #cfcfcf;
  }
  100% {
    background-color: #cfcfcf;
  }
}
@keyframes bar_y06Z_ {
  0% {
    background-color: #e3e3e3;
  }
  30% {
    background-color: #e3e3e3;
  }
  50% {
    height: 200px;
    margin-top: 0px;
  }
  80% {
    background-color: #cfcfcf;
  }
  100% {
    background-color: #cfcfcf;
  }
}
.bar_y06Z_ .bar1_2Uyd6 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.bar_y06Z_ .bar2_2uKAi {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.bar_y06Z_ .bar3_S3Y-9 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.bar_y06Z_ .bar4_yNFSu {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.bar_y06Z_ .bar5_TB-mU {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.bar_y06Z_ .bar6_ZyGfX {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 0%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.histogramLoading_QX_aC {
  height: 240px;
  padding: 0px;
  width: 100%;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.histogramLoading_QX_aC .histogramLoading1_3FDRi {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.histogramLoading_QX_aC .histogramLoading2_1SJ70 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.histogramLoading_QX_aC .histogramLoading3_1wlCO {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.histogramLoading_QX_aC .histogramLoading4_3bxEt {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.histogramLoading_QX_aC .histogramLoading5_UwUEX {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.histogramLoading_QX_aC .histogramLoading5_UwUEX {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.switchContainer_12-GV {
    padding: 0px 18px 0px 0px;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 54px;
}

.switch_26NxY {
    width: 36px;
    text-transform: capitalize;
    font-weight: bold;
}

.container_37rPg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tagContainer_3wOzw {
  position: relative;
  margin-right: 10px;
}

.tagBoxHolder_3w8oa.right_Bnbi7 {
  left: 0px;
}

.tagBoxHolder_3w8oa.left_1xukz {
  right: 280px;
}

.tagContainer_3wOzw .tagBoxFixed_19T4L {
  position: fixed;
  z-index: 1000;
}

.tagContainer_3wOzw .tagBox_2vXh9 {
  padding: 15px;
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: absolute;
  border: none;
  border-radius: 4px;
  z-index: 100;
}

.tagContainer_3wOzw .tagFilter_2FO7w {
  margin: 10px 0px;
  max-height: 18rem;
  background-color: #ffffff;
  padding: 0 4px;
  overflow: auto;
  overflow-x: hidden;
  width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tagContainer_3wOzw .applyTag_2zISn {
  width: 100%;
  height: auto;
  min-height: 32px;
  background: #fff;
  border-radius: 0px;
  white-space: nowrap;
}

.tagContainer_3wOzw .applyTag_2zISn:hover {
  background: #eeeeee;
}

.tagBoxButtons_x4_WP {
  display: grid;
  row-gap: 8px;
}

.tagContainer_3wOzw .tagFilter_2FO7w p {
  font-size: 0.9rem;
  margin: 0.5rem 0.5rem;
}

.tagContainer_3wOzw .tagFilter_2FO7w .checkbox_1fj9M {
  margin-top: 12px;
}

.container_37rPg .ant-input-search {
  min-width: 10rem;
  width: -webkit-fill-available !important;
}

.tagContainerButton_1Tf9j {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.addTagPopoverAbsoluteLeft_3gKdw {
  position: absolute;
  z-index: 10000;
  right: 280px;
}
.addTagPopoverAbsoluteRight_kmNZU {
  position: absolute;
  z-index: 10000;
  left: 0px;
}

.addTagPopoverFixed_11R3i {
  position: fixed;
  z-index: 10000;
}

.container_3hn1o {
  max-width: 365px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.actionButtons_VTfjE {
  display: grid;
  place-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.actionButton_9w8j- {
  display: grid;
  place-items: center;
  row-gap: 6px;
}

.feedbackDisabled_1gYCc {
  display: grid;
  grid-template-columns: 180px auto;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  padding-left: 8px;
}

.feedbackInput_2eoFS {
  display: grid;
  /* grid-auto-rows: max-content;
  row-gap: 8px;
  border-left: 1px solid text-light; */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /* height: 100%; */
  /* padding-left: 8px; */
  position: relative;
}

.feedbackButtons_38_FS {
  position: absolute;
  right: 12px;
  top: 8px;
  z-index: 10;
}

.feedbackInput_2eoFS textarea {
  resize: none;
  font-size: 10px;
  padding-right: 24px;
  overflow-y: auto !important;
}

.feedbackInput_2eoFS textarea::-webkit-input-placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea::-moz-placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea:-ms-input-placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea::-ms-input-placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea::placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea::-webkit-scrollbar {
  font-size: 10px;
  width: 5px;
}

.loader_23MTD {
  width: 10px;
}

/* cspell: ignore anticon geekblue */
.containerNonScrollable_38QYE {
  display: grid;
  row-gap: 10px;
  padding: 10px 40px;
  border-bottom: 0.3px solid rgba(51, 51, 51, 0.54);
  min-height: 30px;
  padding-top: 0px;
  height: auto;
  overflow-y: hidden;
}

.containerScrollable_27ejd {
  display: grid;
  row-gap: 10px;
  padding: 10px 40px;
  border-bottom: 0.3px solid rgba(51, 51, 51, 0.54);
  padding-top: 0px;
  overflow: scroll;
  min-height: 35px;
}

.tagsListContainer_2fLop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tagsListContainer_2fLop p {
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color: #666666;
  font-size: 12px;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.tagsListContainer_2fLop p {
  color: #999;
  white-space: pre-line;
  max-height: 65px;
  overflow-y: auto;
  font-weight: 100;
}

.tagsListContainer_2fLop .call-tag_1RkPc {
  display: inline;
}

.tagsListContainer_2fLop > .tag-container_3NnAC .tag-box-holder_20oBN {
  position: absolute;
  right: 0;
}

.tagsListContainer_2fLop .ant-tag {
  line-height: 20px;
  height: 22px;
  margin: 0px 2px 5px 2px;
}

.tagsListContainer_2fLop .ant-tag .anticon-close {
  font-size: 11px;
  /* color: #fa8c16; */
}

.container_3HDTQ::-webkit-scrollbar-track {
  background: #ffffff;
}
.containerScrollable_27ejd::-webkit-scrollbar-track {
  background: #ffffff;
}

.showMoreButton_2pR77 {
  cursor: pointer;
}

.showLessButton_29ozD {
  cursor: pointer;
}

.eachTag_2Wa0g {
  cursor: 'pointer';
  display: 'grid';
  grid-auto-flow: 'column';
  -webkit-column-gap: '8px';
     -moz-column-gap: '8px';
          column-gap: '8px';

  -webkit-box-shadow: none;

          box-shadow: none;
}

.tagReactionIcon_1wUI0 {
  margin-left: 2px;
}

.clickable-tag_38MqT {
  cursor: pointer;
  border-width: 0.1rem;
  font-weight: 500;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.separator_1AKkf {
  height: 14px;
  width: 2px;
  background-color: rgba(51, 51, 51, 0.54);
  margin: 0px 3px;
  margin-bottom: 6px;
  border-radius: 10px;
  position: relative;
}

span.clickable-tag-red_2aZMG {
  border-color: #d91f11 !important;
}
span.clickable-tag-magenta_3hxte {
  border-color: #ff00ff !important;
}
span.clickable-tag-volcano_3gYfY {
  border-color: #f5b91d !important;
}
span.clickable-tag-orange_2XZ-u {
  border-color: #e86427 !important;
}
span.clickable-tag-gold_3jnw9 {
  border-color: #f5c518 !important;
}
span.clickable-tag-lime_2Naum {
  border-color: #3c7d0e !important;
}
span.clickable-tag-green_1PmQh {
  border-color: #077d55 !important;
}
span.clickable-tag-cyan_1Kh_m {
  border-color: #00FFFF !important;
}
span.clickable-tag-blue_3hUuy {
  border-color: #3a9ffc !important;
}
span.clickable-tag-geekblue_16oa9 {
  border-color: #535fe8 !important;
}
span.clickable-tag-purple_2Y_Ef {
  border-color: #8f49de !important;
}
.ellipsisTextTooltip_nknK9 {
    font-size: 12px;
}
.ellipsisTextTooltip_nknK9 div.ant-tooltip-inner {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

.bulbIcon_lmXl_ {
  margin-left: 5px;
}
.cancelIcon_1Wjc6 {
  margin-left: 5px;
}
.loadingIcon_1auS2 {
  margin-left: 5px;
}
.checkedIcon_16xC7 {
  margin-left: 5px;
}

.popoverContent_1fPmD {
  width: 267px;
}

.reactions_qQ9YQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bestUtteranceText_2GcqQ {
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  padding: 2px;
}

.bestUtterance_32biD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 10px;
}

.utteranceQuoteDiv_Z-xYM {
  width: 2px;
  background: #4db1ff;
  margin-right: 4px;
}

.nextBestUtterancePopover_3urif .ant-popover-inner {
  border-radius: 8px;
}

.playing_1hzHK {
  background: rgba(84, 160, 0, 0.1);
  border-bottom: 1px solid #b3b3b3;
}

.utterance_2m2bT > div > span {
  cursor: pointer;
  display: inline;
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
}
.utterance_2m2bT > div {
  line-height: normal;
}
.utterance_2m2bT {
  padding: 5px;
}

.textHighlighted_GsXIE {
  background: #ffca6a;
}
.textCurrentHighlighted_1yqFx {
  background: orange;
}

.cursorPointer_vi7bU {
  cursor: pointer;
}

.utteranceText_2hOVu {
  color: rgba(51, 51, 51, 0.87);
}

.utteranceDiv_1gm7f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.player_3zDxo {
  padding: 10px;
}

.audioPlayer_1JMm5 {
  background: #fff;
  -webkit-box-shadow: 2px 2px 25px rgba(0,0,0,0.15);
          box-shadow: 2px 2px 25px rgba(0,0,0,0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding: 10px 0 10px 10px;
  border-radius: 24.5px;
}

.audioPlayer_1JMm5 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customSlider_2gv8J {
  width: 100%;
  position: relative;
  margin: 0px 0px;
  overflow: visible;
  padding-right: -20px;
  z-index: 0;
}

.customSliderWrapper_2C06_ {
  width: 80%;
  position: relative;
  margin: 0px 0px;
}

.reactInputSlider_ErOeN {
  z-index: 1;
  margin-top: -11px;
  position: relative;
  margin-right: 20px;
  padding: 13px 0px;
}

.audioPlayer_1JMm5 .reactInputSlider_ErOeN {
  width: calc(100%);
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  background-color: #d3d3d357;
  padding: 13px 0px;
  background-clip: content-box;
  margin-right: 20px;
}

.audioPlayer_1JMm5 .reactInputSlider_ErOeN > div::after {
  top: 6.5px;
  background-color: #000000;
  display: none;
}

.audioPlayerIcons_3_eeF{
  margin-left: 15px;
}

.reactInputSlider_ErOeN > div:nth-child(2) {
  top: 12px !important;
  color: #ef8432;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  pointer-events: none;
  margin-left: -7px;
  z-index: 2;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-transform: translate(0%, -50%) !important;
          transform: translate(0%, -50%) !important;
}

.overTalkSilenceSpan_3vaxs > span {
  position: absolute;
  height: 4px;
  pointer-events: none;
  margin-top: 2px;
}

.overTalkSilenceSpan_3vaxs {
  margin: 11px 0px;
  position: relative;
  z-index: 0;
}

.reactInputSlider_ErOeN > div:nth-child(2):hover {
  pointer-events: all;
}

.redoPlayUndo_2ddQ9 {
  display: grid;
  grid-column-gap: 5px;
  grid-template-columns: auto auto auto;
}

.volumeSliderWrapper_1_zZS {
  /* display: flex; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 90px !important;
  width: 31px;
}

.volumeSliderWrapper_1_zZS .ant-slider-vertical .ant-slider-handle {
  margin-bottom: 2px !important;
}

.skipSilenceToggle_2pAXr{
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 10px;
}

.skipSilence_36BwO > span {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  grid-gap: 5px;
}

.durationSpans_1i0zA {
  position: absolute;
  z-index: 1;
  border: 2px solid black;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 60px;
  left: calc(0% - 20px);
  background: #000000;
  color: white;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  display: none;
}

.audioPlyerIconStyle_3xO3_ {
  height: 20px;
  width: 20px;
  color: #969799;
}

.skipSilenceIcon_872Kt {
  height: 20px;
  width: 20px;
  color: #008af5;
}

.skipIconContainer_26rjI {
  padding-right : 10px;
}

.playbackRate_3Ok4y {
  min-width: 28px;
  height: 28px !important;
  padding: 2px;
  color: #969799;
  border: none;
  font-weight: normal;
  margin: 8px;
  background: none !important;
}

.playbackRate_3Ok4y:hover {
  border: none;
  color: #969799;
}

.playbackRate_3Ok4y:focus {
  color: #969799;
}

/* cspell: ignore anticon */
.events_3Ynq_ {
  /* outline: auto; */
  position: absolute;
  width: calc(27% - 10px);
  top: 8px;
  margin-left: 10px;
  height: calc(100% - 16px);
  border: 1px solid #dddddd;
  overflow-y: auto;
}

.eventsHeading_-4hmV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f4f4f4;
  padding: 5px 10px;
  margin: 0px;
}
.eventItem_3mBCz {
  position: relative;
  background: transparent;
  padding: 0px 20px;
  font-size: 12px;
  height: auto;
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 0px 0 rgba(0, 0, 0, 0.015);
  min-height: 40px;
}
.eventItem_3mBCz > div {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: auto minmax(0, 1fr) auto;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  width: inherit;
}

.eventItem_3mBCz .anticon_tRCOB {
  font-size: 16px;
}

.events_3Ynq_ .ant-list-item {
  padding: 0px;
}
.eventItem_3mBCz:hover {
  background: #e2f8ff;
  position: relative;
  padding: 0px 20px;
  font-size: 12px;
  height: auto;
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 0px 0 rgba(0, 0, 0, 0.015);
  min-height: 40px;
}

.eventItem_3mBCz > div {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: auto minmax(0, 1fr) auto;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  width: inherit;
}
.eventDuration_2AevA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.eventType_1cg-G {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: -webkit-fill-available;
  max-width: -moz-available;
  white-space: pre-wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.eventType_1cg-G .ant-tag {
  height: auto;
  display: inherit;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  padding: 0px 8px;
  border-radius: 4px;
  margin: 0px;
  font-weight: 400;
}

.parentEvent_R3_Qp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.ant-btn-normal:focus {
  background-color: transparent;
  border: 0px;
}

.titleText_nXTbW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reactionIcons_2mNMm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.notes_BQ_Gd {
  display: grid;
  gap: 16px;
  padding: 8px 4px 24px;
  color: rgba(51, 51, 51, 1);
}

/* Show the note exactly as returned: preserve its \n line breaks and wrap long
   lines; break unbreakable strings so they never overflow horizontally. */
.noteText_3VLv4 {
  margin: 0;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.status_2bA2w {
  min-height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  border: 1px dashed #cccccc;
  border-radius: 6px;
  color: rgba(51, 51, 51, 0.54);
  text-align: center;
}

.status_2bA2w p {
  margin: 0 0 8px;
}

/* Icon + label inside the solid "Generate Note" button. */
.generateLabel_28ORF {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.sparkleIcon_2FFHy {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

/* The error-recovery "Try again" stays a plain link. */
.retryButton_DC6mT {
  padding: 0;
}

.generatingText_2hFuj {
  margin-top: 12px;
}

.notes_3ap_B {
  display: grid;
  gap: 16px;
  padding: 8px 4px 24px;
  color: rgba(51, 51, 51, 1);
}

/* Show the note exactly as returned: preserve its \n line breaks and wrap long
   lines; break unbreakable strings so they never overflow horizontally. */
.noteText_NvzsG {
  margin: 0;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.section_1aLFd {
  padding: 16px 20px;
  border: 1px solid #f3f3f3;
  border-radius: 6px;
  background: #ffffff;
}

.heading_2k7RD {
  margin: 0 0 8px;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.summary_3zNbi {
  margin: 0;
  line-height: 1.6;
}

.list_2Qplc {
  margin: 0;
  padding-left: 20px;
  line-height: 1.6;
}

.list_2Qplc li + li {
  margin-top: 6px;
}

.status_36fR5 {
  min-height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  border: 1px dashed #cccccc;
  border-radius: 6px;
  color: rgba(51, 51, 51, 0.54);
  text-align: center;
}

.status_36fR5 p {
  margin: 0 0 8px;
}

.retryButton_ibCwm {
  padding: 0;
}

/* Fill the height the parent grid allocates and hand it down: audio player is
   fixed-size, the tabs take the remaining space. Sizing from the real
   available space (not a viewport formula) means the panes can never grow
   past the page and slide under the notes composer below. */
.container_3sIms {
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.audioPlayer_2HdIP {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background: #ffffff;
}

/* antd's .ant-tabs is already a flex column (nav: flex none, content-holder:
   flex auto + min-height 0); it just needs to flex within .container and the
   height passed through content -> tabpane. */
.tabs_1Pxyo {
  margin-top: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
}

.tabs_1Pxyo .ant-tabs-nav {
  position: relative;
  z-index: 3;
  margin-bottom: 16px;
  border-bottom-color: #e6e6e6;
  background: #ffffff;
}

.tabs_1Pxyo .ant-tabs-tab {
  min-height: 44px;
}

.tabs_1Pxyo .ant-tabs-content {
  height: 100%;
}

.tabs_1Pxyo .ant-tabs-tabpane {
  height: 100%;
}

/* The transcript + event-list children (TranscriptPlayer, EventsTab) are
   absolutely positioned; give them a sized, positioned context inside the tab
   so they resolve against this pane (not a far ancestor, which let them slip
   under the tab header). The pane fills the space the tab actually got — when
   the window is short it shrinks (TranscriptPlayer collapses itself below a
   usable height) instead of overflowing the page. */
.transcriptPane_Zu_Aw {
  position: relative;
  height: 100%;
}

/* Notes content is normal flow (not absolutely positioned like the transcript),
   so it just needs a bounded, scrollable box the same size as the transcript
   pane — otherwise a long note overflows past the message bar below. */
.notesPane_3yCuw {
  height: 100%;
  overflow-y: auto;
  padding: 8px 20px 20px;
}

/*
*
* MetaView actions
*
*/

.copyIcon_TdbjO {
  margin-left: 5px;
}

.detailsContainer_1YPfx {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-columns: 112px 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  overflow: hidden;
}

.detailsContainer_1YPfx > span {
  height: 100%;
}

.metadataFieldValue_27LiP {
  display: grid;
  grid-template-columns: minmax(0, -webkit-max-content) auto;
  grid-template-columns: minmax(0, max-content) auto;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  overflow: hidden;
}

.metadataFieldValue_27LiP :first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.disabled_2mFVl {
  pointer-events: none;
}

.singleCallMediaTranscript_snptN {
  position: relative;
  padding: 10px 0px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow: auto;
  font-size: 13px;
  min-height: 0;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.transcript_1sb21 {
  padding: 5px 0px;
  display: grid;
  margin: auto;
  width: 90%;
}

.agent_2So-l {
  cursor: pointer;
  display: inline-block;
}

.customer_jbdlT {
  cursor: pointer;
  display: inline-block;
}

.transcriptText_3B7vB span div {
  display: inline;
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
}

.singleCallMediaHiddenMetaData_3GoZB {
  margin: auto;
  width: 100%;
  display: grid;
  place-items: center;
  margin-top: 6mm;
}

.metaDataList_3mS4- {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: -webkit-fit-content;
  height: fit-content;
  height: -moz-fit-content;
  padding: 15px 0px;
  place-items: start;
}

.metadataCallLink_2u-wT {
  display: grid;
  grid-auto-flow: column;
  place-items: flex-start;
  grid-auto-columns: auto;
  width: 100%;
}

.detailsContainer_1EepL {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-columns: 112px 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  overflow: hidden;
}

.detailsContainer_1EepL > span {
  height: 100%;
}

.metadataFieldValue_2i7ez {
  display: grid;
  grid-template-columns: minmax(0, -webkit-max-content) auto;
  grid-template-columns: minmax(0, max-content) auto;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  overflow: hidden;
}

.metadataFieldValue_2i7ez a {
  font-size: 13px;
}

.prodigalLogoLight_3mtXV {
  height: 48px;
}

.transcript_17-GI {
  position: absolute;
  top: 8px;
  left: 27%;
  width: calc(73% - 10px);
  height: calc(100% - 16px);
  overflow-y: auto;
  padding: 5px 2px 5px 10px;
  border: 1px solid #ddd;
  background-color: white;
  overflow: hidden;
}

.transcript_17-GI .ReactVirtualized__Grid {
  /* Always reserve the vertical scrollbar gutter so row width never depends
     on whether content currently overflows. Row heights are measured
     (CellMeasurer) at the width they render at; a scrollbar appearing after
     measurement would shrink that width, rewrap the text taller, and leave
     stale heights (and re-measuring on scrollbar changes loops, since
     clearing the cache itself toggles the scrollbar). */
  overflow-y: scroll !important;
}

.playing_3OKEv {
  background: rgba(84, 160, 0, 0.1);
  border-bottom: 1px solid #b3b3b3;
}

.utterance_jKB0t > div > span {
  cursor: pointer;
  display: inline;
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
  line-height: normal;
}
.utterance_jKB0t > div {
  line-height: normal;
}
.utterance_jKB0t {
  padding: 5px;
}

.textHighlighted_22NoO {
  background: yellow;
}

.cursorPointer_BjTox {
  cursor: pointer;
}
.actionContainer_22tCZ {
  float: right;
  position: absolute;
  right: 38px;
  margin-top: 20px;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 6px;
  z-index: 2;
}

.searchTranscriptIcon_3ZfJ_,
.autoScrollingTranscriptIcon_54l1P,
.toolsTranscriptIcon_2UuYG,
.expandTranscriptIcon_38VNn {
  font-size: 16px;
  opacity: 0.3;
  z-index: 10;
  background: transparent;
}

.printTranscriptIcon_1LmTE {
  font-size: 16px;
  opacity: 0.5;
  z-index: 10;
  background: transparent;
}

.expandTranscriptIcon_38VNn {
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
}

.searchTranscriptIcon_3ZfJ_:hover,
.printTranscriptIcon_1LmTE:hover,
.toolsTranscriptIcon_2UuYG:hover,
.autoScrollingTranscriptIcon_54l1P:hover,
.expandTranscriptIcon_38VNn:hover {
  opacity: 1;
}

.fadeIn_2cwa- {
  -webkit-animation-name: fadeIn_2cwa-;
  animation-name: fadeIn_2cwa-;
}

.callDetailSearch_2Zv2u {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d9d9d9;
  padding: 2px;
  position: absolute;
  top: 3px;
  right: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: -5px 5px 10px -3px #888888;
          box-shadow: -5px 5px 10px -3px #888888;
  z-index: 10;
  border-radius: 5px;
  background: white;
}

.callDetailSearch_2Zv2u .ant-input-affix-wrapper {
  width: 300px;
  border: none !important;
  padding-right: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.callDetailSearch_2Zv2u .searchTranscriptBox_1NqYE {
  margin-top: 4px;
  padding: 0px 5px;
  display: grid;
  grid-template-columns: 16px 16px 20px;
  grid-template-rows: 1fr;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  color: #c0c0c0;
}

.callDetailSearch_2Zv2u .searchTranscriptBoxClose_QJSqm {
  margin-bottom: 4px;
}

.callDetailSearch_2Zv2u .ant-input-affix-wrapper .ant-input {
  height: 30px;
  padding-right: 10px;
  border: none;
  border-right: 1px solid #d9d9d9;
  border-radius: 0px;
  margin-top: 2px;
}

.callDetailSearch_2Zv2u .ant-input-affix-wrapper .ant-input:focus {
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.callDetailSearch_2Zv2u .ant-input-affix-wrapper .ant-input:hover {
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-right: 1px solid #d9d9d9;
}

.list_1C_kA {
  outline: rgba(51, 51, 51, 0.87);
  border: '2px solid black';
}

@page {
  size: letter;
  margin: 5mm 19mm;
}

.expandTranscriptDiv_37KYT {
  position: absolute;
  width: 100%;
  min-height: 45px;
  height: calc(100% - 70px);
  overflow-y: auto;
  padding: 5px 2px 5px 10px;
  border-top: 0.3px solid rgba(51, 51, 51, 0.54);
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 45px;
  overflow: hidden;
}

.expandTranscriptText_28d_K {
  padding: 5px;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
}

.searchQuery_3wSzC {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.loadingTranscript_1zXyk {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  gap: 12px;
}
.mediaRoot_1DjdT {
  /* Pass the grid row's height down to the media tabs so the transcript pane
     can size itself from real available space (not a viewport formula). */
  height: 100%;
  min-height: 0;
}

.hvrShadow_3b02D {
  display: inline-block;
  vertical-align: middle;
  border-radius: 8px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
}

.hvrShadow_3b02D:hover,
.hvrShadow_3b02D:focus,
.hvrShadow_3b02D:active {
  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 2;
}

.searchResults_pHmF7 {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  padding: 14px;
  border-radius: 4px;
}

.searchResultsContent_Dscar {
  display: grid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  row-gap: 2px;
}

.searchResultsHeaderRow_21-XB,
.searchResultsDetailsRow_1P_Nm {
  display: grid;
  grid-template-columns: 1fr auto;
}

.notesIndicator_1KF89 {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  -webkit-column-gap: 2px;
     -moz-column-gap: 2px;
          column-gap: 2px;
}

.snippetContainer_3PMC- {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  -webkit-transition: white-space 2s;
  transition: white-space 2s;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  place-content: space-between;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

.snippetContainer_3PMC- span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchResultsTags_N_FcF {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  grid-auto-columns: minmax(-webkit-min-content, -webkit-max-content);
  grid-auto-columns: minmax(min-content, max-content);
  overflow: hidden;
}

.rowSelected_OEjKP {
  border: 3px solid #a9d8fc;
  background: linear-gradient(74deg, rgba(246,251,255,1) 29%, rgba(250,253,255,1) 63%);
  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 2;
}
.noteExpanded_3OyAS {
  white-space: break-spaces;
}

.readMessage_22K8u {
  background: #f4f4f4;
}

.unreadMessage_8wQR7 {
  background: #ffffff;
}
.selectedMessage_2MSK2 {
  background: #f9fdff;
}

/* read rows share the list's background color, so every row gets a light
   border to keep it visible as a card */
.readMessage_22K8u,
.unreadMessage_8wQR7,
.selectedMessage_2MSK2 {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}

.selectedMessage_2MSK2 .snippetContainer_3PMC- span {
  font-weight: 700;
}

.senderDetails_1PgFM {
  display: grid;
  grid-auto-flow: column;
  place-content: space-between;
}

.callDetailsRow_3-U4X {
  display: grid;
  grid-auto-flow: column;
  place-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

.callDetailsRow_3-U4X .ant-tag {
  margin: 0px;
}

.slateEditableTextArea_2llAO {
  border: 1px solid #d9d9d9;
  outline: none;
  resize: none;
  width: 100%;
  min-height: 30px;
  max-height: 32px;
  border-radius: 4px;
  background-color: white;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 4px 11px;
  overflow-x: hidden;
  overflow-y: auto;
  vertical-align: top;
  word-wrap: break-word;
}

.slateNonEditableTextArea_2gQHI {
  outline: none;
  resize: none;
  width: 100%;
  background-color: white;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  vertical-align: top;
  word-wrap: break-word;
  font-size: 12px;
}

.slateNonEditableTextArea_2gQHI > p {
  white-space: nowrap;
}

.slateEditableTextArea_2llAO:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgb(24 144 255 / 20%);
  box-shadow: 0 0 0 2px rgb(24 144 255 / 20%);
}

.slateEditableTextArea_2llAO:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}

p.paragraphSlateInput_3cqwO {
  margin: 0px;
  white-space: break-spaces;
}

.mentionOptions_354TT {
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 3px;
  background: transparent;
  display: grid;
  grid-column-gap: 7px;
  grid-template-columns: 20px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3px;
}

.mentionOptionsSelected_3TPv5 {
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 3px;
  background: #b4d5ff;
  display: grid;
  grid-column-gap: 7px;
  grid-template-columns: 20px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3px;
}

.userIco_jwrfL {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: white;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: center/cover #40a9ff;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 7%);
          box-shadow: inset 0 0 0 1px rgb(0 0 0 / 7%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  vertical-align: middle;
  font-size: 11px;
  text-align: center;
  margin: 0 auto;
}

.scorecardIco_2F5YJ {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  color: white;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: center/cover #fa469a;
  -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 7%);
          box-shadow: inset 0 0 0 1px rgb(0 0 0 / 7%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  vertical-align: middle;
  font-size: 11px;
  text-align: center;
  margin: 0 auto;
}

.mentionBasicStyles_1bBIr {
  padding: 0px;
  margin: 0px;
  vertical-align: baseline;
  display: inline-block;
}

.blueMention_wcm7z {
  color: #2b90f7;
}

.orangeMention_C8ijI {
  color: #ef8432;
  cursor: pointer;
}

.pointerCursor_10ZFJ {
  cursor: pointer;
}

.boxShadowsEnabled_3zIGI {
  -webkit-box-shadow: 0 0 0 2px #b4d5ff;
          box-shadow: 0 0 0 2px #b4d5ff;
}

.boxShadowsDisabled_2cs1z {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.optionsDropbox_3lMZL {
  top: -9999px;
  left: -9999px;
  position: absolute;
  z-index: 99;
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  max-height: 150px;
  overflow: auto;
}

.slateEditorBox_2ByuA {
  width: 100%;
  display: grid;
  grid-auto-rows: 1fr 12px;
}

.characterCounter_3eX7H {
  display: grid;
  place-items: end;
}

.counterText_1dOyB {
  font-size: 10px;
  font-weight: normal;
  color: rgba(51, 51, 51, 0.54);
  padding-top: 2px;
}

.embeddedVideoDiv_3AFoL {
  height: 100%;
  width: 100%;
  min-width: 580px;
  min-height: 260px;
}
.embeddedVideo_2A3gC iframe {
  height: 90%;
  width: 100%;
}

.details_33GLj {
  display: grid;
  /* place-content: center;
  text-align: center; */
}

.container_2Ydvc {
  display: grid;
  row-gap: 20px;
  grid-auto-rows: auto 1fr;
  padding-right: 20px;
  overflow-y: auto;
}

.container_e6EOT .ant-menu-item-selected {
  background: #e6f7ff !important;
}
.container_e6EOT
  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  border-right: 3px solid #1890ff;
}

.container_e6EOT .ant-menu-submenu .ant-menu-sub {
  background: #fff;
}

.container_e6EOT {
  overflow-x: hidden !important;
  overflow-y: overlay !important;
}
/* 
.container :global(.ant-menu-inline) {
  width: 300px !important;
} */

.container_e6EOT .ant-menu-submenu ul {
  overflow: hidden;
}

.submenuContainer_1Nx-N {
  display: grid;
  margin-top: 10px;
}

.submenuDate_3nqhI {
  font-size: 10px;
}

.selectedSubMenu_2XkYg {
  color: rgba(43, 144, 247);
}

.selectedSubMenu_2XkYg > span {
  height: 15px;
  line-height: 20px;
}

.container_e6EOT .ant-menu-submenu-open {
  background: #e6f7ff;
}

.submenuTitle_xfuno {
  height: 40px;
  line-height: 23px;
}

/* cspell: ignore nums */
/* the switch-back feedback dialog; literal colors, as the banner (see
   index.js). It sets the text settings the V2 page frame would otherwise
   pass down (size, line height, smoothing), so it reads the same whether it
   opens inside the frame (account menu) or outside it (banner). */
.dialog_2rYO4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6rem;
  width: min(440px, 86vw);
  padding: 0.25rem 0.25rem 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  color: #12263a;
}

.title_8hSnS {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  color: #12263a;
}

.question_1DH6E {
  font-size: 0.88rem;
  font-weight: 600;
}

/* the rating is required */
.required_Ds_66 {
  margin-left: 0.2rem;
  color: #d4380d;
}

.dialog_2rYO4 .stars_pBYiB {
  margin: -0.2rem 0 0.3rem;
  font-size: 24px;
  color: #ec792b;
}

.text_1kW7z {
  width: 100%;
  min-height: 96px;
  padding: 0.5rem 0.6rem;
  border: 1px solid #cfc9bc;
  border-radius: 8px;
  font: inherit;
  font-size: 0.86rem;
  color: #12263a;
  resize: vertical;
}

.text_1kW7z:focus {
  outline: none;
  border-color: #ec792b;
  -webkit-box-shadow: 0 0 0 2px rgba(236, 121, 43, 0.2);
          box-shadow: 0 0 0 2px rgba(236, 121, 43, 0.2);
}

.footer_13Jtq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.count_10aQq {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 0.75rem;
  color: #7c8798;
  font-variant-numeric: tabular-nums;
}

.submit_14hUr {
  height: 32px;
  padding: 0 0.9rem;
  border-radius: 8px;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid #ec792b;
  background: #ec792b;
  color: #ffffff;
}

.submit_14hUr:focus-visible {
  outline: 2px solid #ec792b;
  outline-offset: 2px;
}

/* the spinner inside Submit while the switch runs, in the button's white */
.spinner_3Xfvf {
  margin-right: 0.4rem;
  line-height: 1;
}

.spinner_3Xfvf .ant-spin-dot-item {
  background-color: #ffffff;
}

/* no stars yet: the rating is required */
.submit_14hUr:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.submit_14hUr:hover:not(:disabled) {
  border-color: #c25e1a;
  background: #c25e1a;
}

.userProfile_3eaLY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #333333;
  font-size: 12px;
}

.userProfile_3eaLY .userAvatar_3Ln9w {
  font-size: 12px;
  margin-right: 10px;
  background-color: #1791ff;
  display: grid;
  place-items: center;
}

.userProfile_3eaLY .userAvatar_3Ln9w .ant-avatar-string {
  line-height: 20px;
}

.userProfile_3eaLY .ant-avatar-sm {
  width: 20px;
  height: 20px;
}

.container_3VPJt {
  justify-self: end;
  background-color: rgba(0, 138, 245, 0.1);
  padding-right: 8px;
  border-radius: 22px;
  border: .5px solid rgba(0, 138, 245, 0.1);
}

.modalIllustration_2fkPe {
  height: 126px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 1rem auto;
}

.section_sGqgn {
    height: 77px;
}

.question_nwN-F {
    height: 177px;
}

.options_1fkyb {
    margin-top: 15px;
}

.radioOption_uOzaS {
    display: grid;
    grid-auto-flow: column;
    margin-bottom: 14px;
    grid-auto-columns: auto 1fr;
}

.questionText_1fOq7 {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
    grid-auto-columns: auto 1fr;
}

.title_MGUOq {
    width: 50%;
}

.description_3_sCw {
    width: 35%;
}

.option_3Y8Bv {
    width: 80px;
}
/*
*
* InputFilter actions
*
*/

.inputFilterBox_1nykU {
  position: relative;
  min-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.container_2466v {
  margin-bottom: 20px;
}

.advanceInputBox_3FFWL {
  max-width: 390px;
  width: 100%;
}

.advanceInputBox_3FFWL > div {
  overflow-x: auto;
}

.richInput_1F23O {
  cursor: text;
  min-width: 80%;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  text-align: left;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 14px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 120px;
  border: none;
  border-radius: 5px;
  overflow: hidden;
  white-space: pre !important;
  overflow-wrap: normal !important;
  padding-left: 10px;
}

.richInput_1F23O:hover {
  border-right-width: 1px !important;
}

.richInput_1F23O:focus {
  border-right-width: 1px !important;
  outline: 0;
}

[data-slate-editor='true'] span[contenteditable='false'] {
  font-size: 12px;
}

.editActionButtons_1dsaK {
  margin-top: 10px;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  justify-self: right;
  width: 240px;
}

.notes_text_area_deleted_2Ipro {
  opacity: 0.6;
  cursor: not-allowed;
  /* pointer-events: none; */
}

.scrollableNotes_2OxCT {
  padding-top: 20px;
  overflow-y: auto;
  height: 370px;
}

.spacing_1wjTp {
  margin: 1rem 0;
}

.spacingMain_1jWAL {
  margin: 0px;
}

.modalIllustration_38LkM {
  height: 126px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.disabled_3iYpA {
  pointer-events: none;
  opacity: 0.2;
}

.notes-text-area_3RF9a {
  padding: 12px;
  border-radius: 4px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}


.textAreaQuestion_3Ks12 textarea {
    max-height: 240px;
    min-height: 32px;
    resize: none;
}

.textAreaQuestion_3Ks12 textarea[disabled] {
    color: rgba(0, 0, 0, 0.5);
    background-color: #f9f9f98d !important;
}
  
.counter_1Y4vd {
    display: grid;
    place-items: end;
}
.visualConfigCard_16tBX .ant-card-body {
  display: grid;
  grid-auto-flow: column;
  cursor: pointer;
  grid-template-columns: 40px 1fr 1fr;
}

.visualConfigThumbnail_1dmCc {
  display: grid;
  grid-auto-rows: 1fr auto;
}

.isDragging_1eBUS {
  opacity: 0.5;
}

.visualDetails_3Wynn {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  padding: 10px;
}

.isOver_YxF6F {
  border: 1px dashed gray;
}

.visualConfigCard_16tBX .ant-avatar {
  height: 150px !important;
  width: 300px !important;
}

.visualConfigCard_16tBX .ant-avatar > img {
  height: 140px;
  width: 280px;
}

.deleteIcon_FqPcb {
  position: absolute;
  right: 0px;
  padding: 0px 5px;
  display: none;
}

.visualConfigCard_16tBX:hover .deleteIcon_FqPcb {
  display: block;
}

.uploadButton_3i3rT {
  height: 150px;
  width: 300px;
  display: grid;
  place-items: center;
}

.switches_1SN6A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.switchDiv_2L8qE {
  display: grid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.isDraggable_1o9ZD {
  width: 25px;
  border: 3px dashed lightgray;
}

.visualDetails_dRDN4 {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  padding: 10px;
}

.container_682uF {
  overflow: auto;
  height: calc(100vh - 50px);
  padding: 10px 0px;
  margin: 0px -10px;
  background-color: transparent;
  position: relative;
  padding-bottom: 0px;
}

.actionButtons_x74AT {
  display: grid;
  grid-auto-flow: column;
  place-content: center;
  margin-top: 10px;
  grid-gap: 20px;
  height: 40px;
  position: sticky;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #fff;
  margin-bottom: -10px;
}

.configHeader_3VUge {
  margin-bottom: 12px;
}

.visualConfigBody_1rTUJ {
  min-height: calc(100vh - 240px);
}

.lineRuler_3ay4L {
  border: 0px;
}
.optionList_2Ub-C {
  display: grid;
  row-gap: 8px;
  padding: 8px 0px;
}

.optionInput_23hom {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  place-items: center start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.optionInput_23hom .ant-select {
  min-width: 110px;
}

.questionHeader_1_zU0 {
  display: grid;
  row-gap: 10px;
}

.questionSettings_3rZuO {
  display: grid;
  grid-template-columns: 1fr 120px;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}

.questionControls_3vUBH {
  padding: 8px 0px;
  display: grid;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.freeFormInput_2faeR {
  padding: 10px 0px;
}

.switch_3aAAl {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.autoFillContainer_9wvcB {
  display: grid;
  row-gap: 8px;
}

.optionSelect_2h_yn .ant-select {
  width: 180px;
}

.ruleList_3-AAL .multiselect-filter-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.autoFillContainer_9wvcB .tagFilters_29X2x .ant-input,
.autoFillContainer_9wvcB .tagFilters_29X2x .ant-input-number {
  height: 22px !important;
  line-height: 22px !important;
}
.optionSelect_2h_yn {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.ruleList_3-AAL {
  display: grid;
  row-gap: 8px;
}

.tagFilters_29X2x {
  grid-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sectionHeader_2fgoV {
  display: grid;
  grid-template-columns: 1fr 120px;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}

.sectionControls_1iWpW {
  padding: 16px 0px;
  display: grid;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.bottomControls_1TDTc {
  display: grid;
  padding: 16px 0px 0px;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.gridColumn_1m90- {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
}

.columnsActions_3bViF {
}

.exportModal_2op6v {
    display: grid;
    place-items: center center;
    row-gap: 12px;
    width: 400px;
}

.radioStyle_3bAuc {
    display: block;
    height: 30px;
    line-height: 30px;
}

.exportModalButtons_1cMaJ {
    width: 100%;
}

/*
*
* SortSelection actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.sort-selection .sort-box-container {
  position: relative;
}
.sort-box-container .sort-box {
  min-width: 10rem;
  max-height: 20rem;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: absolute;
  border: none;
  border-radius: 8px;
  z-index: 100;
  right: 2px;
}
.sort-box .sort-content {
  min-width: 10rem;
  max-height: 18rem;
  background-color: #ffffff;
  overflow: auto;
  overflow-x: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0px;
  border-radius: 8px;
}
.sort-box .sort-content .sort-row {
  padding: 10px;
  margin: 0px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sort-box .sort-content .sort-row:hover {
  padding: 10px;
  margin: 0px;
  background: #eaeaea;
}
.sort-row > img {
  height: 14px;
  width: 14px;
  margin-left: 5px;
  float: right;
}

.container_SZiDR {
  position: relative;
}

.filterButtonContainer_1Yt8D {
  display: grid;
  row-gap: 4px;
}

.multiselectFilterContent_14wGe {
  width: 280px;
  max-height: 12rem;
  background-color: #ffffff;
  overflow: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1rem;
  margin-left: 0.5rem;
}

.multiselectFilterContent_14wGe .checkbox {
  margin: 0rem 0rem 1rem 0rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.filterConditions_oVEd_ {
  margin: 10px 0px;
}

.tagRulesConditionsContainer_Wi_Qi {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.optionsWithChildren_2qDOh {
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  padding-left: 15px;
}

.fixed_2owY- {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.container_NXrSj {
  position: relative;
}

.filterButtonContainer_14m-q {
  display: grid;
  row-gap: 4px;
}

.multiselectFilterContent_3VFiu {
  width: 280px;
  max-height: 12rem;
  background-color: #ffffff;
  overflow: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1rem;
  margin-left: 0.5rem;
}

.multiselectFilterContent_3VFiu .checkbox {
  margin: 0rem 0rem 1rem 0rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.filterConditions_3ANrK {
  margin: 10px 0px;
}

.tagRulesConditionsContainer_TaINk {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.optionsWithChildren_28J5h {
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  padding-left: 15px;
}

.fixed_2UIOe {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.gridColumn_3BAry {
    display: grid;
    grid-auto-flow: column;
    place-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    grid-gap: 5px;
}

.columnsActions_294K7 {
    /* margin: 5px 0px; */
}

.rightAlignActionBUttons_35r-J {
}

.rightAlignActionBUttons_35r-J .sort-box-container {
    position: relative;
}
.container_3eAaS {
  height: calc(100vh - 140px);
  overflow: auto;
  margin: 10px;
}

/* The Easy Query search bar adds a 38px row + 8px margin above the table.
   Without shrinking the container, its bottom (the pagination) is pushed
   below the viewport, which App's overflow-hidden layout makes unreachable. */
.withSearchBar_1A8iL {
  height: calc(100vh - 186px);
}

.container_3eAaS ::-webkit-scrollbar {
  height: 10px;
}

.container_3eAaS .ant-table-tbody > tr > td {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
}

.leftAlignContainer_QystO {
  text-align: left;
}

.leftAlignContainer_QystO span {
  margin: 0;
}

.container_1UHCE {
  width: 100vw;
}

.container_3pGoe .ant-modal-body {
  height: 75vh;
  width: 75vw !important;
  padding: 0px;
  overflow: hidden;
}

.container_3pGoe .ant-modal-content {
  border-radius: 8px;
}

.modalContainer_1nsya {
  display: grid;
  row-gap: 20px;
  height: 100%;
  grid-auto-rows: auto 1fr;
  overflow: hidden;
}

.details_y46Ak {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  padding-right: 20px;
  min-height: calc(75vh - 125px);
}

.heading_1uis9 {
  display: grid;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgb(21 27 38 / 15%);
          box-shadow: 0 2px 4px 0 rgb(21 27 38 / 15%);
  padding: 15px;
}

.logoImg_2q_dw {
  max-width: 250px;
  height: auto;
}

.freshLoginContainer_3xhZH {
  display: grid;
  height: 100%;
  grid-auto-rows: 1fr auto 1fr;
}

.welcome_3Qybh {
  display: grid;
  place-items: center;
  -ms-flex-line-pack: end;
      align-content: end;
  grid-auto-columns: 1fr auto;
}

.description_2PbuB {
  display: grid;
  place-content: center;
  text-align: center;
}

.continueButton_daSnF {
  display: grid;
  padding: 50px;
  place-content: end;
}

.container_2oX2i .ant-modal-body {
  height: 75vh;
  width: 75vw !important;
  padding: 0px;
}
.container_2oX2i .ant-modal-content {
  border-radius: 8px;
}

.modalContainer_1uaNk {
  display: grid;
  row-gap: 20px;
  height: 100%;
  grid-auto-rows: auto 1fr;
  overflow: hidden;
  /* Grid items default to min-height:auto, which refuses to shrink below their
     content. Without this the note pushes past the modal instead of scrolling. */
  min-height: 0;
}

.details_1EG4- {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  grid-auto-columns: auto 1fr;
  padding-right: 20px;
  /* Was min-height: calc(75vh - 125px), a second guess at the modal's height
     that fought the 1fr row it already sits in. The row fills the modal on its
     own; this only needs to be allowed to shrink so its child can scroll. */
  min-height: 0;
}

.details_1EG4- > * {
  min-height: 0;
}

/* The content column: title and description size to their content, the note
   itself takes the rest and scrolls inside it. Bounding the scroll area by the
   modal (rather than by the viewport, as the global .markdown-container rule
   does) is what keeps the end of a long note reachable. */
.detailsContent_13QBy {
  display: grid;
  grid-auto-rows: auto auto 1fr;
  min-height: 0;
  overflow: hidden;
}

.detailsContent_13QBy .markdown-container {
  max-height: none;
  height: 100%;
  overflow-y: auto;
}

.heading_3RD5A {
  display: grid;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgb(21 27 38 / 15%);
          box-shadow: 0 2px 4px 0 rgb(21 27 38 / 15%);
  padding: 15px;
  place-content: center;
}

div.container_2oX2i {
  overflow: hidden;
  overflow-x: auto !important;
}

.logoImg_1tfC- {
  max-width: 250px;
  height: auto;
}

.freshLoginContainer_2sXz7 {
  display: grid;
  height: 100%;
  grid-auto-rows: 1fr auto 1fr;
}

.welcome_1r4Cc {
  display: grid;
  place-items: center;
  -ms-flex-line-pack: end;
      align-content: end;
  grid-auto-columns: 1fr auto;
}

.description_1p2zg {
  display: grid;
  place-content: center;
  text-align: center;
}

.continueButton_1Jzqi {
  display: grid;
  padding: 50px;
  place-content: end;
}

.summaryContainer_SEoj- {
  display: grid;
  place-content: flex-start;
  row-gap: 20px;
  padding-right: 20px;
  min-height: 0;
  overflow-y: auto;
}

.options_17DWx {
  display: grid;
}

.summaryTitle_1fLhq {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  grid-auto-columns: auto 1fr;
  justify-items: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.summaryDescription_1sQLF {
  padding-bottom: 15px;
}

.pageHeader_1AsCL {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 4px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  height: 35px;
  border: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(21, 27, 38, 0.15);
          box-shadow: 0 2px 4px 0 rgba(21, 27, 38, 0.15);
  z-index: 1000;
}

.pageHeader_1AsCL .header-back {
  min-width: 20px;
  min-height: 20px;
  height: 20px;
  background: #333333;
}

.pageHeader_1AsCL .pageTitle_xxNBQ {
  display: grid;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.pageHeader_1AsCL .searchHistoryContainer_2CM_i {
  position: absolute;
  max-height: 250px;
  z-index: 100;
  min-width: 300px;
  max-width: 460px;
  margin-top: 5px;
  background-color: #ffffff;
}

.headerChangePassModal_2IU5O {
  width: 436px;
}

.mainContentContainer_2nTCy {
  margin: 0px 10px;
}

.rightPaneHeader_18NaE {
  display: grid;
  grid-auto-flow: column;
  place-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.drawerContainer_Y5yyp {
  display: grid;
  row-gap: 10px;
}
.tipsContainer_1tNSu {
  -webkit-box-shadow: 0 2px 4px 0 rgba(21, 27, 38, 0.15);
          box-shadow: 0 2px 4px 0 rgba(21, 27, 38, 0.15);
}

.tipsContainer_1tNSu ul {
  padding: 10px;
}
.tipsContainer_1tNSu li {
  border-bottom: 1px solid #d3c8c8;
}
.tipsContainer_1tNSu li:last-child {
  border-bottom: none;
}

.tipsContainer_1tNSu li.ant-menu-item-selected {
  background: transparent !important;
  color: black;
}

.tipsContainer_1tNSu li.ant-menu-item-active {
  background: #e6f7ff !important;
}

.containerWrapper_IW01L {
    display: table;
    width: 100%;
}

.container_2BEQV {
    margin: 0px -10px;
    margin-top: -5px;
    margin: 0px minmax(20%, 20px);
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content max-content;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(55%, rgba(255,255,255,1)), color-stop(90%, rgba(244,244,244,1)));
    background: linear-gradient(0deg, rgba(255,255,255,1) 55%, rgba(244,244,244,1) 90%);
    /* stop above the Classic / New banner, which shows here for V2 tenants */
    height: calc(100vh - var(--pi-ui-banner-height, 0px));
    overflow: auto;
    padding: 40px 0px;
    padding-top: 20px;
}

.greetingContainer_2PoVb {
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.greetingIcon_2VG_0 {
    font-size: 80px;
    padding-right: 8px;
}

.greetingTitle_1_b_t {
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    -ms-flex-line-pack: center;
        align-content: center;
    text-align: left;
    gap: 4px;
}

.homePagePhrasesContainer_Kk4Tt {
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 65vw;
    margin: 40px auto;
    margin-top: 14px;
    margin-bottom: 28px;
    min-width: 484px;
    max-width: 1024px;
}

.homepageStatsContainer_eHbf6 {
    border: 1px solid #dcdde0;
    padding: 14px 32px;
    border-radius: 7px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
            box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
    min-height: 76px;
    max-height: 345px;
    overflow-y: overlay;
}

.containerHeading_3nUMa {
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;   
}

.sentencesItem_2DSnP {
    font-size: 16px;
}

.sentencesUlContainer_3zeyo {
    margin-top: 10px;
}

.visualsGridContainer_2Yk0o {
    padding: 0 4px;
    margin-bottom: 40px;
    /* max-width: 1210px; */
    max-width: 1024px;
    width: 65vw;
    gap: 30px 20px;
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(380px, 1fr) );
    justify-items: center;
}

.visualsGridContainer_2Yk0o > div {
    max-width: 484px;
    padding: 10px 12px;
    -webkit-box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
            box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
    border-radius: 7px;
    width: 100%;
    height: 100%;
}

.visualsGridContainer_2Yk0o > div canvas {
    max-height: 214px;
    min-height: 214px;
}

.visualsGridContainerSingleItem_1MxaV {
    padding: 0 4px;
    margin-bottom: 40px;
    max-width: 1210px;
    max-width: 1024px;
    width: 65vw;
    gap: 30px 20px;
    display: grid;
    justify-items: center;
}

.visualsGridContainerSingleItem_1MxaV > div {
    padding: 10px 12px;
    -webkit-box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
            box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
    border-radius: 7px;
    width: 100%;
    height: 100%;
}

.visualsGridContainerSingleItem_1MxaV > div canvas {
    max-height: 414px;
    min-height: 414px;
}

.legendContainer_1XVZa {
    display: none;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    gap: 34px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.visualsGridContainer_2Yk0o .legendContainer_1XVZa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px 14px;
    padding-top: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.separator_2dOoW {
    border: 1.5px dashed #dcdde0;
}
.subSectionSeparator_3S4Pb {
    border: 1.5px dashed #e8e8e8;
}

.subSectionSentencesItem_1Ny1Y  {
    padding: 0px 10px;
}
.subSectionSentencesItem_1Ny1Y span {
    font-size: 14px;
}
.subSectionSentencesItem_1Ny1Y .sentencesItem_2DSnP {
    margin-left: 20px;
}

.loadingCardContainer_4b03r {
    background: white;
    height: 269px !important;
}

.emptyGraphContainer_VsPc2 {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 226px;
}

.emptyInsights_3eved {
    height: 300px;
}

.emptyIllustrationContainer_1x1Jl {
    margin-top: -16px;
}

@media (max-width: 986px) {
    .visualsGridContainer_2Yk0o {
        justify-items: center;
    }
}
.downloadingIcon_3jY8f {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content -webkit-max-content;
    grid-auto-columns: max-content max-content;
    grid-gap: 4px;
}

.downloadingIcon_3jY8f img {
    margin-left: -4px;
}

.downloadingText_34SiQ {
    color: #008af5;
}

.disabled_14vSr  {
    -webkit-filter: invert(72%) sepia(0%) saturate(2%) hue-rotate(101deg) brightness(100%) contrast(99%);
            filter: invert(72%) sepia(0%) saturate(2%) hue-rotate(101deg) brightness(100%) contrast(99%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    pointer-events: none;
}

.disabledWrapper_1OWvE {
    cursor: not-allowed;
    opacity: 0.7;
}

.modalIllustration_3DlYH {
  height: 165px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.saveAccountReports_3vSSp .ant-form-item-control-input-content > input {
  border-radius: 5px;
}

.modalIllustration_3tadS {
  height: 165px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.modalButtonsDiv_1PQPi {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  grid-auto-columns: minmax(0px, 90px);
  padding-top: 25px;
}

.loadingIcon_30-g8 {
  height: 37px;
}

.loadingIconDiv_mgLsx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 240px;
}

.deleteModal_3gnWD {
  height: 240px;
}

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

.modalIllustration_GTbeJ {
  height: 165px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.editAccountReports_1bQ-a .ant-form-item-control-input-content > input {
  border-radius: 5px;
}

/*
*
* ChartTypes actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.charts-page {
  /* height: 330px; */
  /* max-height: 330px; */
}
.charts-page .filter-class {
  margin-bottom: 15px;
}
.horizontal-bar-react-charts {
  /* display: contents; */
}
.filter-class {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
.center-charts-less-width canvas {
  margin: auto;
}

/*
*
* Chart actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.charts-page {
  /* height: 330px; */
  /* max-height: 330px; */
}
.horizontal-bar-react-charts {
  /* display: contents; */
}
.charts-overflow-div {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 350px;
  margin: 0px 0px 15px 15px;
}

/*
*
* ErrorBoundary actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
#app .page-loading,
.page-error.not-found-page {
  display: grid;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  margin: auto;
  z-index: 1;
  height: calc(100vh - 45px);
  position: initial;
  row-gap: 25px;
}
.highlight {
  font-weight: 500;
  color: #1791ff;
}
.page-error.not-found-page .error-actions {
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
}
.chartErrorContainer {
  display: grid;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #dcdde0;
  background: #fff;
  padding: 18px 14px;
  height: 215px;
  position: relative;
  min-width: 215px;
  justify-content: inherit;
}
.emptyGraphContainer {
  display: grid;
  align-items: center;
  justify-content: center;
}

:root {
    --expanded-view-pictorial-ratio: 1.325;
}

.pictorialGraphContainer_2Ko1d {
    display: grid;
    grid-template-columns: 50% 50%;
}

.chartInfoContainer_WOpaN {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 28px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.loadingCardContainer_p1MEI {
    border-radius: 4px;
    border: 1px solid #dcdde0;
    background: #fff;
    padding: 10px 14px;
    gap: 20px;
    width: 100%;
    position: relative;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

.cardContainer_1GZGO {
    border-radius: 4px;
    border: 1px solid #dcdde0;
    background: #fff;
    padding: 18px 14px;
    gap: 20px;
    width: 100%;
    height: 215px;
    position: relative;
    min-width: 215px;
}

[id~=chart-container] {
    overflow: hidden;
}

.scaleButton_3cuLy {
    position: absolute;
    right: 10px;
    top: 12px;
}

.cardContainer_1GZGO canvas {
    margin-top: 12px;
    width: 100%;
    min-height: 150px;
    max-height: 150px;
}

.gridContainer_GEGao {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(376px, 1fr));
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-row-gap: .5em;
    grid-column-gap: 1em;
    background: #fff;
    padding: 18px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: overlay;
}

.chartLegendsRow_3Pa9k {
    display: none;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-gap: 4px 20px;
    padding-top: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.legendColorContainer_2jEuQ {
    min-width: 7px;
    min-height: 7px;
    border-radius: 50%;
    display: inline-block;
}

.chartLegendContainer_2eTZz {
    display: grid;
    grid-gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
}

.accountStatsContainer_q108C {
    display: grid;
}

.modalContainer_3rbrb {
    min-width: 737px;
    width: 70vw;
    overflow: hidden;
    display: grid;
    padding: 16px 34px;
    min-height: 500px;    
    max-height: 88vh;
}

.modalContainer_3rbrb canvas {
    margin-top: 12px;
}

.modalContainer_3rbrb [id~=graph] {
    overflow: hidden;
    display: grid;
    grid-template-rows: -webkit-max-content auto -webkit-max-content;
    grid-template-rows: max-content auto max-content;
    height: 100%;
}

.modalContainer_3rbrb [id~=graph-title] {
    font-size: 27px;
    width: 65%;
}

[id~=graph-legend-container] span {
    font-size: 12px;
}

.modalContainer_3rbrb [id~=legend-container] {
    display: grid;
    grid-gap: 20px;
    grid-gap: 18px 84px;
}

.modalContainer_3rbrb [id~=graph-legend-container] {
    display: grid;
}

.modalContainer_3rbrb [id~=legend-color-container] {
    width: 11px;
    height: 11px;
}

.modalContainer_3rbrb [id~=legend-container] span {
    font-size: 18px;
}

.modalContainer_3rbrb [id~=pictorial-container-title-container] > span:first-child {
    font-size: 27px;
}
.modalContainer_3rbrb [id~=pictorial-container-title-container] > span:last-child {
    font-size: 22px;
    margin-top: 6px;
}

.verticalTopModal_3xWJX [class~=ant-modal-content] {
    border-radius: 12px;
}

.modalContainer_3rbrb [id~=chart-container] {
    display: grid;
    grid-gap: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}

.legendContainer_3ui1V {
    display: none;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    gap: 34px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.scaleSelectionContainer_3P7vx {
    position: absolute;
    top: 40px;
    right: 80px;
    
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 10px;
}

.scaleSelectionContainer_3P7vx  [class~=ant-select-single] {
    width: 120px;
}

.emptyGraphContainer_1byUY {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.emptyPictorialContainer_3WKlE {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media screen and (max-width: 2400px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 1800px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1440px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(3, 1fr);
    }    

    .cardContainer_1GZGO {
        height: 254px;
    }

    .cardContainer_1GZGO canvas {
        min-height: 180px;
        max-height: 180px;
    }
}

@media screen and (max-width: 1240px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(2, 1fr);
    }    

    .pictorialGraphContainer_2Ko1d {
        display: grid;
        grid-template-columns: 40% auto;
        height: 100%;
    }

    .cardContainer_1GZGO {
        height: 324px;
    }

    .cardContainer_1GZGO canvas {
        min-height: 250px;
        max-height: 250px;
    }
}

@media screen and (max-width: 900px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(1, 1fr);
    }   

    .cardContainer_1GZGO {
        height: 390px;
    }

    .cardContainer_1GZGO canvas {
        min-height: 320px;
        max-height: 320px;
    }
}

.feedbackOptions_3kVH_ {
  padding: 0.4rem 0px;
  display: inline-block;
  background-color: white;
  color: #3d4f57;
  border-radius: 3px;
  margin: 0.3rem;
  font-weight: 500;
  cursor: pointer;
  width: 35px;
  text-align: center;
}

.feedbackOptions_3kVH_:hover {
  color: #008af5;
}

.feedbackOptions_3kVH_:active {
  outline: 2px solid #008af5;
}

.crossStyle_2lY8Q {
  position: absolute;
  top: 15%;
  right: 5%;
  cursor: pointer;
}

.thankyouImage_3dsfX {
  display: block;
  margin: 0 auto;
  padding-bottom: 0.5rem;
  color: #455a64;
}

div.drawerBodyStyle_2gwEa {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.drawerBodyStyle_2gwEa .ant-drawer-content-wrapper {
  min-width: 700px;
  max-width: 50vw;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.drawerBodyStyle_2gwEa .ant-drawer-content {
  border-radius: 12px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 10px 0px;
  background: #008af5;
}

.drawerBodyStyle_2gwEa {
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 14px;
}

.drawerBodyStyle_2gwEa .ant-drawer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  background-size: 200%;
}

@-webkit-keyframes moveBg_VDqBa {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}

@keyframes moveBg_VDqBa {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}

.feedbackOptionsDiv_1JJqm {
  padding-left: 10px;
}

.surveyContainer_2s-hn {
  display: grid;
  grid-template-columns: 50px minmax(517px, 90vw) 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 20px;
  pointer-events: all;
  min-height: 80px;
  max-height: 500px;
}

.surveyContainerCompleted_1ItUv {
  display: grid;
  grid-template-columns: 50px minmax(517px, 90vw) 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 20px;
  pointer-events: all;
}

.feedbackWrapper_2i_pP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.closeIcon_1gY6j {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.feedbackText_3rimc {
  min-height: 40px;
  overflow: hidden;
}

.centered_1j6lu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.feedback_shzH0 {
  max-width: 600px;
}

.closeIconFeedbackCompleted_2KxNN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* The V2 look: the strip in V2 navy with the scale as rounded chips. The
   drawer root carries pi-v2 pi-v2-survey (tokens and fonts). */
.pi-v2-survey .ant-drawer-content {
  padding: 14px 0;
  background: var(--v2-navy);
  border: 1px solid var(--v2-navy-line);
  border-radius: var(--v2-radius-lg);
  -webkit-box-shadow: 0 18px 40px rgba(18, 38, 58, 0.22);
          box-shadow: 0 18px 40px rgba(18, 38, 58, 0.22);
}

.pi-v2-survey .feedbackText_3rimc {
  margin-bottom: 6px;
  font-family: var(--v2-display) !important;
}

.pi-v2-survey .feedbackOptions_3kVH_ {
  width: 36px;
  margin: 0.25rem;
  padding: 0.35rem 0;
  color: var(--v2-surface);
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
}

.pi-v2-survey .feedbackOptions_3kVH_:hover {
  color: var(--v2-surface);
  background: var(--v2-accent);
  border-color: var(--v2-accent);
}

.pi-v2-survey .feedbackOptions_3kVH_:active {
  outline: 2px solid var(--v2-accent-soft);
}

/* the 0..10 numbers are Text, which carries its own color */
.pi-v2-survey .feedbackOptions_3kVH_ span {
  color: inherit !important;
}

.container_1thQI {
  display: grid;
  row-gap: 10px;
  padding: 10px 40px;
  min-height: 135px;
}

.metaDataList_1_1Eg {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: -webkit-fit-content;
  height: fit-content;
  height: -moz-fit-content;
}

.modalIllustration_B29ys {
  height: 126px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.emailInputBoxStyle_jT0lc {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #000;
}

.smartReportName_1-Gxq {
  margin-bottom: 21px;
}

.emailInputBoxStyle_jT0lc:hover,
input.emailInputBoxStyle_jT0lc:focus,
input.emailInputBoxStyle_jT0lc:active {
  border: none;
  padding: 0 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.nameInputContainer_3t1Oz {
  margin-top: 10px;
  border-bottom: 0.5px solid #969799;
}

.asyncControlButtonsWrapper_3Do5M {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-top: 20px;
}

.asyncControlButtons_pxOd_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.asyncControlButtons_pxOd_ > button {
  margin-left: 10px;
}

.emailInputWrapper_3L7f_ {
  margin-top: 10px;
}

.asyncModalWrapper_3vE2p {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

@media (max-width: 800px) {
  .asyncModalWrapper_3vE2p {
    grid-template-columns: none;
    grid-template-rows: auto auto;
    grid-gap: 10px;
  }
}

.asyncExportCheckboxGroup_yF08G {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.checkboxWrapper_3Ep4H {
  padding-top: 5px;
}

.asyncExportCheckboxGroup_yF08G > .ant-checkbox-wrapper {
  padding: 5px 0px;
}

.errorContainer_2MXGX {
  position: relative;
  margin-bottom: 18px;
}
.exportErrorContainer_MGc1n {
  position: relative;
  margin-bottom: 21px;
}

.errorMessage_3lfbS {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: start;
  letter-spacing: 0.5px;
  color: #f21e11;

  position: absolute;
  top: 6px;
  left: 0;
}

.IconStyle_1CdTF {
  height: 160px;
  width: 250px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0px auto;
}

.successMessage_1MNEn > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.successMessage_1MNEn {
  padding: 0px 0px 25px 0px;
}
.info_XGilI {
  height: 20px;
}
.selectorDiv_22YMD {
  padding-top: 10px;
}

/* a slim strip across the top of the content: deep peach with an orange
   bar on the left so it stands out on the light pages; no padding, so it is
   as tall as its text and the × button; the sentence is centred across the
   whole strip, with the × pinned to the right; literal colors (see
   index.js) */
.banner_1gZSl {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* the × sits out of the flow; this keeps it inside the strip */
  min-height: 24px;
  padding: 0;
  border-left: 5px solid #ec792b;
  border-bottom: 1px solid #e3a576;
  background: #f9cda9;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: #12263a;
}

.text_aBiuL {
  min-width: 0;
  /* clear of the × on the right (and as much on the left, to stay centred) */
  max-width: calc(100% - 64px);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* "here": an inline link inside the sentence */
.link_2w3Ht {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: 800;
  color: #843a06;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.link_2w3Ht:disabled {
  opacity: 0.6;
  cursor: progress;
}

.link_2w3Ht:focus-visible {
  outline: 2px solid #ec792b;
  outline-offset: 2px;
}

.link_2w3Ht:hover:not(:disabled) {
  color: #12263a;
}

.close_1TknO {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  font-size: 1.1rem;
  line-height: 1;
  color: #4a3526;
  cursor: pointer;
}

.close_1TknO:hover {
  background: rgba(18, 38, 58, 0.08);
  color: #12263a;
}

.close_1TknO:focus-visible {
  outline: 2px solid #ec792b;
  outline-offset: 2px;
}

/* over Intercom's launcher: same spot (utils/intercomLauncher), same size */
.handle_hFP_q {
  position: fixed;
  right: 20px;
  bottom: calc(68px + var(--pi-intercom-lift, 0px));
  z-index: 2147483004;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: -webkit-grab;
  cursor: grab;
  -ms-touch-action: none;
      touch-action: none;
}

.handle_hFP_q:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.handle_hFP_q:focus-visible {
  outline: 2px solid #ec792b;
  outline-offset: 2px;
}

/*
*
* App actions
*
*/
/* cspell:ignore notif */
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
/**
 * @font-face LESS Mixin
 * use: .font-face(
 *   @font-family, // name
 *   @file-path,   // absolute/relative URL to font files
 *   @font-weight, // light/normal/bold/inherit | 300/400/700
 *   @font-style   // italic/normal/inherit
 * )
 */
/**
 * font LESS Mixin
 * use: .font(
 *   @font-family, // name
 *   @file-size,   // any unit/inherit
 *   @font-weight, // light/normal/bold/inherit | 300/400/700
 *   @font-style   // italic/normal/inherit
 * )
 */
@font-face {
  font-family: 'Roboto';
  src: url(/5ebb24ee1112dd9562629375c387879a.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(/e07df86cef2e721115583d61d1fb68a6.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(/58aef543c97bbaf6a9896e8484456d98.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(/11eabca2251325cfc5589c9c6fb57b46.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
* {
  font-family: 'Roboto', sans-serif !important;
  /*transition: all 0.5s;*/
}
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100vh;
  min-width: 780px;
  overflow: hidden;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.ant-calendar-picker-container {
  font-family: 'Roboto', sans-serif !important;
}
.page-title {
  font-weight: bold;
  font-size: 18px;
  margin: 0px;
}
.link {
  color: #1d71f2;
}
.brand-loader {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.brand-loader > img {
  width: 100%;
  animation: animateBrandLoader 1s linear 2s infinite alternate;
}
.ant-menu-item-selected {
  background-color: #001429 !important;
}
@keyframes animateBrandLoader {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  }
}
.ant-layout-header {
  float: left;
  margin: 0px;
  line-height: unset;
}
.ant-layout-header > h2 {
  display: inline-block !important;
}
.app-content {
  height: 100%;
  margin: 16px 16px 0px 16px;
}
.app-content > div {
  height: 100%;
  padding: 0px;
  background: white;
  margin-bottom: 0px;
}
.ant-layout-sider-children .menu-bottom {
  bottom: 0px;
}
.fixed-sider-content-layout {
  transition: all 0.2s;
  height: 100vh;
}
/* Flex */
.flex__left-align {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
/* Page Loader*/
.page-loading,
.page-error {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  margin: auto;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.page-error {
  left: 10%;
}
.page-loading > .anticon {
  width: 30px;
  height: 30px;
  font-size: 30px;
}
.page-error > h1 {
  font-size: 6em;
  font-weight: bold;
  color: #e46565;
  margin-bottom: 10px;
}
.page-error > h3 {
  font-size: 1.5em;
  color: #313131;
}
.page-error > p {
  width: 600px;
  text-align: center;
  font-size: 1.1em;
  color: #929292;
}
.page-hidden {
  display: none;
}
.page-visible {
  display: grid;
  grid-template-rows: minmax(134px, min-content) minmax(175px, auto) minmax(0, min-content);
  height: calc(100vh - 46px);
  overflow-y: hidden;
}
.page-visible-transcriptView {
  display: grid;
  grid-template-rows: minmax(42px, min-content) minmax(175px, auto) minmax(0, min-content);
  height: calc(100vh - 46px);
  overflow-y: hidden;
}
.page-filter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 10px 0px;
  margin-top: 30px;
}
.page-filter > .percentage-filter {
  min-width: 100px;
}
.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dot-large {
  width: 14px;
  height: 14px;
}
/* Popover */
/* Modal Gradient */
.modal-gradient .ant-modal-content {
  background: #2e9cd6;
  background: -webkit-linear-gradient(#2e9cd6, #3d69a7);
  background: linear-gradient(#2e9cd6, #3d69a7);
  color: white;
}
/* Sticky Column*/
/*.ant-table table{
  border-collapse: unset;
  border-spacing: unset;
}
.ant-table-thead > tr > th {
  z-index: 120;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin: 0px;
  position: -webkit-sticky;
  position: sticky;
  top: 1px;

}*/
.ant-table-thead > tr > th {
  font-weight: bold;
}
span[color='orange'] {
  padding: 0px 1px;
  border: 1px solid #ef8432;
  background: #ffca6a;
  color: #333333;
}
.progress-with-loader {
  display: flex;
  align-items: center;
}
.progress-with-loader > i {
  color: #3d69a7;
}
.progress-with-loader > .ant-progress {
  margin-left: 10px;
}
/*Color*/
.success-color {
  color: #52c41a;
}
.error-color {
  color: #f5222d;
}
.bg-error {
  background: #f5222d;
}
.bg-success {
  background: #52c41a;
}
.text-color-secondary {
  color: #2e9cd6;
}
.text-color-primary {
  color: #3d69a7;
}
/* Background */
.background-white {
  background: white;
}
/* Custom Scroll Bar */
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 0px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.charts-time-graph-cursor > div {
  cursor: default !important;
}
.ant-empty {
  display: none;
}
.monospace {
  font-family: 'Roboto', monospace;
}
.span-cross-button {
  padding-left: 10px;
}
.display-none {
  display: none !important;
}
.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}
.display-flex {
  display: flex;
}
audio::-webkit-media-controls-mute-button {
  display: none;
}
.ant-btn > i,
.ant-btn > span {
  background: transparent !important;
}
.page-loading-infinite-scroll {
  display: flex;
  align-self: center;
  justify-content: center;
  height: 40px;
}
.login-main-loader.search-page-filters-loading {
  font-size: 20px;
  height: 100vh;
  width: calc(100vw - 170px);
  display: flex;
  background-color: #f0f2f5;
  color: rgba(0, 0, 0, 0.65);
}
.height-50 {
  height: 50px;
}
.right-pane {
  background: white;
}
.right-pane .reflex-container > .reflex-element {
  position: relative;
  overflow-y: scroll;
  width: 100%;
}
.flex-space-between {
  justify-content: space-between;
}
.padding-right-10 {
  padding-right: 10px;
}
.margin-auto {
  margin: auto;
}
.flex-justify-contents-center {
  justify-content: center;
}
.margin-20 {
  margin: 20px;
}
.flex-align-items-center {
  align-items: center;
}
.width-150 {
  width: 150px;
}
.ant-select-dropdown ::-webkit-scrollbar {
  width: 5px;
}
.slider-filter-box .slider-input-container .slider-input-box {
  min-width: 30%;
}
.more-slider-input-container .ant-input {
  min-width: 30%;
}
.flex-column-end {
  display: flex;
  justify-content: end;
  align-items: flex-end;
  flex-direction: column;
}
.flex-row-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.padding-left-10 {
  padding-left: 10px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-right-5 {
  margin-right: 5px;
}
.float-right {
  float: right;
}
.display-block {
  display: block !important;
}
.outline-none {
  outline: none;
}
*:focus {
  outline: none;
}
.align-items-center {
  align-items: center;
}
.custom-buttons-with-icons {
  padding: 2px 8px;
  border-radius: 8px;
  cursor: pointer;
  width: fit-content;
  width: -moz-fit-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.custom-buttons-with-icons:hover {
  background: #e6e6e6;
}
.modal-button {
  float: right;
  margin: 5px;
}
.search-save-create-buttons {
  display: flex;
  align-items: center;
  padding: 0px 5px;
}
.search-save-create-buttons.adhoc-search-button .custom-buttons-with-icons {
  height: 32px;
  display: flex;
  align-items: center;
  border: none;
}
.search-save-create-buttons.adhoc-search-button .clear-search {
  margin-left: 5px;
}
.search-history-container .ant-table-selection-col,
.search-history-container .ant-table-selection-column {
  opacity: 0;
  width: 0px;
}
.error-message-span {
  color: #f5222d;
  font-size: 12px;
  margin: 0px;
  margin-top: 5px;
}
.ant-tag {
  border-radius: 20px;
  font-size: 11px;
  line-height: 19px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.form-button-tags .ant-form-item-children {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.operation-manage-tags {
  display: flex;
  justify-content: space-around;
}
.manage-tags .ant-table .ant-table-content .ant-table-tbody .ant-table-row.editable-row td {
  padding: 6px 16px;
}
.login-form {
  max-width: 500px;
  margin: auto;
}
.login-form .ant-form-item-control-wrapper {
  min-width: 400px;
}
.login-form-forgot {
  float: right;
}
.login-form-button {
  width: 100%;
}
.ant-input-password input {
  min-width: 250px;
}
.ant-layout-content {
  display: block;
}
.anticon svg {
  display: block;
}
.reflex-container.vertical > .reflex-splitter {
  height: auto !important;
  width: 4px !important;
  z-index: 1;
  border: none;
}
.reflex-container.vertical > .reflex-splitter:hover,
.reflex-container.vertical > .reflex-splitter.active {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  cursor: col-resize;
}
.table-font {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}
.ant-legacy-form-item-children {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  place-content: baseline;
  grid-gap: 5px;
}
.ant-layout {
  background-color: #f4f4f4;
}
.grid-column {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  justify-content: space-between;
  grid-gap: 5px;
}
.grid-row {
  display: grid;
  grid-auto-flow: row;
  place-items: center;
  grid-gap: 5px;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.ant-card .ant-card-body:after,
.ant-card .ant-card-body::before {
  display: none;
}
.ant-slider-track {
  background-color: #1791ff;
}
.ant-slider-handle {
  border-color: #1791ff;
}
.ant-pagination {
  display: grid;
  grid-auto-flow: column;
  place-content: center;
}
body,
.ant-card,
.ant-input-number {
  line-height: 1.5;
}
.ant-upload.ant-upload-select-picture-card {
  height: 100%;
  width: max-content;
}
.search-results-page {
  margin: 0px 11px;
}
.ant-notification-notice-icon {
  position: absolute;
  top: 21px;
}
.offline-message {
  position: fixed;
  color: #ef8432;
  text-align: center;
  width: 90%;
  top: 10px;
}
.upgrade-modal-buttons {
  display: grid;
  grid-template-columns: 140px 140px;
  column-gap: 8px;
}
.new-version-div {
  display: grid;
  padding: 20px 50px;
  place-items: center;
  row-gap: 20px;
}
.card-meta-avatar {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 10px;
  width: 200px;
  margin-top: 0px;
  z-index: 1;
}
.card-meta-avatar .ant-card-body {
  padding: 10px 20px;
}
.markdown-container {
  width: 100%;
  max-height: calc(100vh - 350px);
  overflow-y: auto;
}
.app-container {
  min-height: 100vh;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
}
/* The element routed pages mount into. It fills Layout.Content so a page can
   size itself with height: 100% instead of viewport arithmetic. It stays a
   plain block (no flex) so V1 pages keep their block layout context. */
.page-outlet {
  height: 100%;
}
/* with the classic / new design banner on top, the page takes the rest of
   the content's height instead of a full 100% below it */
.with-ui-banner {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.with-ui-banner > .page-outlet {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
/*
 * antd notification popup overrides.
 * These target antd's notification classes, which render in a portal on
 * <body> (outside .app-container), so the selectors are intentionally global.
 */
/* Cap the height of notification popups so long text no longer grows the box
 * unbounded. Title clamps to 2 lines, body to 4, then ellipsis; width already
 * caps at antd's default 384px. */
.ant-notification-notice-message {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* Keep text clear of the close (×) button, which antd absolutely positions
   * at top:16px right:22px. Without a title, the description sits at the top
   * and would otherwise run under the ×. */
  padding-right: 20px;
}
.ant-notification-notice-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  white-space: normal;
  padding-right: 20px;
}
/* Notifications rendered with an expandable body (see ClampedNotificationText)
 * opt out of the static description clamp above, so the in-body "see more"
 * toggle can reveal the full text on demand. */
.pi-notif-expandable .ant-notification-notice-description {
  display: block;
  -webkit-line-clamp: none;
  overflow: visible;
}
/* Peek stacking: instead of listing notifications vertically, overlap them in
 * the z-axis with the newest in front. rc-notification pushes new notices to
 * the end, so the newest is the last child. Older notices peek a few px above
 * and behind the front one (with a slight scale-down) so it's clear multiple
 * are stacked — only their top strips show, so their (variable) heights stay
 * hidden behind the front card. The front card owns the ×/see-more; dismiss it
 * to bring the next one forward. */
.ant-notification {
  /* keep a stable width so the absolutely-positioned notices below stay
   * anchored to the same right edge even though the container has no flow
   * content of its own */
  width: 384px;
  transition: top 0.2s ease;
}
/* Only when the "Clear all" button is showing (2+ notifications) do we push the
 * stack down to clear the button above it. A single notification keeps antd's
 * normal top position. !important overrides rc-notification's inline `top`. */
body.pi-has-clear-all .ant-notification {
  top: 86px !important;
}
.ant-notification-notice {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  transform-origin: center top;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.ant-notification-notice:nth-last-child(1) {
  z-index: 40;
}
/* Every card behind the front one is minimized to a short strip so a tall or
 * expanded ("see more") card can't poke out below the front card — only its
 * top peek edge should show. The front card (nth-last-child(1)) is exempt, so
 * it can still expand fully. */
.ant-notification-notice:nth-last-child(n + 2) {
  max-height: 56px;
  overflow: hidden;
}
/* Exactly one card peeks behind the front one. */
.ant-notification-notice:nth-last-child(2) {
  z-index: 30;
  transform: translateY(-10px) scale(0.97);
}
/* 3rd-and-older: hidden behind the single peek, revealed as the stack shrinks */
.ant-notification-notice:nth-last-child(n + 3) {
  z-index: 20;
  transform: translateY(-10px) scale(0.97);
  opacity: 0;
  pointer-events: none;
}
/* Floating "Clear all (N)" chip; positioned (top/right) inline by
 * ClearAllNotifications, which measures the front card's bottom edge. */
.pi-notif-clear-all {
  position: fixed;
  top: 40px;
  /* just above the stack (pushed to 86px when the button is shown) */
  right: 24px;
  z-index: 1011;
  /* above antd notifications (1010) */
  padding: 5px 14px;
  color: #262626;
  /* dark text — readable on the light-grey background */
  font-size: 13px;
  font-weight: 500;
  background: #dddddd;
  border: none;
  border-radius: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  transition: background 0.2s ease;
}
.pi-notif-clear-all:hover {
  background: #cccccc;
}
/* Intercom: the launcher and the messenger above it follow the lift users
   drag it to (utils/intercomLauncher, components/IntercomLauncherHandle).
   translate, not transform, so Intercom's own hover scaling still works. */
.intercom-lightweight-app-launcher,
.intercom-launcher-frame,
.intercom-launcher-badge-frame,
.intercom-messenger-frame {
  translate: 0 calc(-1 * var(--pi-intercom-lift, 0px));
}
/* the V2 look: a warning-tinted pill, centered over the page (OfflineBar) */
.offline-message.pi-v2-offline {
  left: 50%;
  z-index: 1000;
  width: auto;
  padding: 6px 16px 6px 34px;
  color: var(--v2-warn);
  font-weight: 700;
  background: var(--v2-warn-soft);
  border: 1px solid var(--v2-line-strong);
  border-radius: 999px;
  box-shadow: var(--v2-shadow);
  transform: translateX(-50%);
}
.offline-message.pi-v2-offline::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 16px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: var(--v2-warn);
  border-radius: 999px;
}
/* New version available, V2 (NewVersionModal): the changelog in a panel */
.pi-v2-new-version .markdown-container {
  max-height: 260px;
  padding: 12px 16px;
  background: var(--v2-canvas);
  border: 1px solid var(--v2-line);
  border-radius: var(--v2-radius);
}
.pi-v2-new-version .markdown-container:empty {
  display: none;
}
.pi-v2-new-version .upgrade-modal-buttons {
  grid-template-columns: 160px 140px;
}
.pi-v2-new-version .upgrade-modal-buttons .ant-btn {
  padding: 0 12px;
}

.notificationBody_2WoBe {
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    margin-top: 6px;
}

.recordLine_2ODfI {
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-gap: 6px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
}

.recordLine_2ODfI p {
    width: 250px;
    white-space: wrap;
    line-height: 16px;
    color: #FA2F2F;
    display: block;
}

.description_1PtZK {
    margin-left: 24px;
}

.descriptionButtons_2CKLs {
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-gap: 10px;
    margin-top: 4px;
}

.notificationTitle_1HiCM {
    margin-left: 24px;
}

.iconContainer_3uaHv {
    display: grid;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -4px;
    margin-right: -12px;
}

/*
 * The V2 look of the app-wide dialogs (New version available). antd renders
 * modals under document.body, so each V2 dialog puts `pi-v2 pi-v2-dialog` on
 * its wrapClassName: pi-v2 brings the tokens and fonts, pi-v2-dialog this
 * frame. Sizes and layout stay with each dialog.
 */
.pi-v2-dialog .ant-modal-content {
  overflow: hidden;
  background: var(--v2-surface);
  border: 1px solid var(--v2-line);
  border-radius: var(--v2-radius-lg) !important;
  box-shadow: 0 24px 64px rgba(18, 38, 58, 0.18);
}
.pi-v2-dialog .ant-modal-close {
  top: 6px;
  right: 6px;
}
.pi-v2-dialog .ant-modal-close-x {
  opacity: 0.6;
}
.pi-v2-dialog .ant-modal-close:hover .ant-modal-close-x {
  opacity: 1;
}
/* headings in the display face, body text in ink. Text's classes are CSS
   modules (`<name>_<hash>`), hence the attribute selectors. */
.pi-v2-dialog [class^='title_'],
.pi-v2-dialog [class*=' title_'] {
  color: var(--v2-ink);
  font-family: var(--v2-display) !important;
  letter-spacing: -0.01em;
}
.pi-v2-dialog [class*='grey_'] {
  color: var(--v2-ink-3) !important;
}
/* buttons */
.pi-v2-dialog .ant-btn {
  height: 38px;
  padding: 0 18px;
  border-color: var(--v2-line-strong);
  border-radius: 999px;
  color: var(--v2-ink);
  font-weight: 700;
}
.pi-v2-dialog .ant-btn-primary {
  color: var(--v2-surface);
  background: var(--v2-navy);
  border-color: var(--v2-navy);
}
.pi-v2-dialog .ant-btn-primary:hover,
.pi-v2-dialog .ant-btn-primary:focus {
  background: var(--v2-navy-deep);
  border-color: var(--v2-navy-deep);
}
.pi-v2-dialog .ant-btn[disabled] {
  color: var(--v2-ink-3);
  background: var(--v2-surface-2);
}
/* the changelog */
.pi-v2-dialog .markdown-container {
  color: var(--v2-ink-2);
}
.pi-v2-dialog .markdown-container h1,
.pi-v2-dialog .markdown-container h2,
.pi-v2-dialog .markdown-container h3 {
  color: var(--v2-ink);
  font-family: var(--v2-display) !important;
}
.pi-v2-dialog .markdown-container a {
  color: var(--v2-navy);
}


/*# sourceMappingURL=main.js.map*/