/* ../../node_modules/.pnpm/@angular+cdk@20.2.14_@angular+common@20.3.26_@angular+core@20.3.26_@angular+compiler@20_d43c2e86a3225881bbd0a7a49dbce531/node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* ../../node_modules/.pnpm/prosemirror-image-plugin@2.10.0_prosemirror-commands@1.7.1_prosemirror-model@1.25.2_pro_fada8943dff942b8510603c2cf5659fc/node_modules/prosemirror-image-plugin/dist/styles/sideResize.css */
.imageResizeBoxControl {
  display: none;
}
.imageResizeBoxControl.bottomRight {
  display: inline-block;
  cursor: e-resize;
  margin-top: -5px;
  right: 0;
  top: 50%;
}
.imageResizeBoxControl.bottomLeft {
  display: inline-block;
  cursor: w-resize;
  left: -5px;
  margin-top: -5px;
  top: 50%;
}
.imageResizeBoxControl::after {
  background-color: darkgreen;
  border: solid 1px #fff;
  box-sizing: border-box;
  content: "";
  height: 50px;
  left: 0px;
  position: absolute;
  top: -20px;
  width: 10px;
}

/* ../../node_modules/.pnpm/prosemirror-view@1.40.1/node_modules/prosemirror-view/style/prosemirror.css */
.ProseMirror {
  position: relative;
}
.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
}
.ProseMirror pre {
  white-space: pre-wrap;
}
.ProseMirror li {
  position: relative;
}
.ProseMirror-hideselection *::selection {
  background: transparent;
}
.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}
.ProseMirror-hideselection {
  caret-color: transparent;
}
.ProseMirror [draggable][contenteditable=false] {
  -webkit-user-select: text;
  user-select: text;
}
.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}
li.ProseMirror-selectednode {
  outline: none;
}
li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}
img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}

/* src/styles.scss */
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #fa4c4f;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #fa4c4f;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fa4c4f;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #fa4c4f;
  --mat-progress-bar-track-color: rgba(250, 76, 79, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fa4c4f 87%, transparent);
  --mat-form-field-filled-caret-color: #fa4c4f;
  --mat-form-field-filled-focus-active-indicator-color: #fa4c4f;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fa4c4f 87%, transparent);
  --mat-form-field-outlined-caret-color: #fa4c4f;
  --mat-form-field-outlined-focus-outline-color: #fa4c4f;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fa4c4f 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fa4c4f;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #fa4c4f;
  --mat-chip-elevated-disabled-container-color: #fa4c4f;
  --mat-chip-elevated-selected-container-color: #fa4c4f;
  --mat-chip-flat-disabled-selected-container-color: #fa4c4f;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #fa4c4f;
  --mat-slide-toggle-selected-handle-color: #fa4c4f;
  --mat-slide-toggle-selected-hover-state-layer-color: #fa4c4f;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fa4c4f;
  --mat-slide-toggle-selected-focus-handle-color: #fa4c4f;
  --mat-slide-toggle-selected-hover-handle-color: #fa4c4f;
  --mat-slide-toggle-selected-pressed-handle-color: #fa4c4f;
  --mat-slide-toggle-selected-focus-track-color: #ffa8aa;
  --mat-slide-toggle-selected-hover-track-color: #ffa8aa;
  --mat-slide-toggle-selected-pressed-track-color: #ffa8aa;
  --mat-slide-toggle-selected-track-color: #ffa8aa;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #fa4c4f;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fa4c4f;
  --mat-radio-selected-hover-icon-color: #fa4c4f;
  --mat-radio-selected-icon-color: #fa4c4f;
  --mat-radio-selected-pressed-icon-color: #fa4c4f;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #fa4c4f;
  --mat-slider-focus-handle-color: #fa4c4f;
  --mat-slider-handle-color: #fa4c4f;
  --mat-slider-hover-handle-color: #fa4c4f;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fa4c4f 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fa4c4f 4%, transparent);
  --mat-slider-inactive-track-color: #fa4c4f;
  --mat-slider-ripple-color: #fa4c4f;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #fa4c4f;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fa4c4f;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fa4c4f;
  --mat-radio-selected-hover-icon-color: #fa4c4f;
  --mat-radio-selected-icon-color: #fa4c4f;
  --mat-radio-selected-pressed-icon-color: #fa4c4f;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #fa4c4f;
  --mat-checkbox-selected-hover-icon-color: #fa4c4f;
  --mat-checkbox-selected-icon-color: #fa4c4f;
  --mat-checkbox-selected-pressed-icon-color: #fa4c4f;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fa4c4f;
  --mat-checkbox-selected-hover-state-layer-color: #fa4c4f;
  --mat-checkbox-selected-pressed-state-layer-color: #fa4c4f;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #fa4c4f;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fa4c4f;
  --mat-tab-active-ripple-color: #fa4c4f;
  --mat-tab-inactive-ripple-color: #fa4c4f;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fa4c4f;
  --mat-tab-active-hover-label-text-color: #fa4c4f;
  --mat-tab-active-focus-indicator-color: #fa4c4f;
  --mat-tab-active-hover-indicator-color: #fa4c4f;
  --mat-tab-active-indicator-color: #fa4c4f;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #fa4c4f;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #fa4c4f;
  --mat-checkbox-selected-hover-icon-color: #fa4c4f;
  --mat-checkbox-selected-icon-color: #fa4c4f;
  --mat-checkbox-selected-pressed-icon-color: #fa4c4f;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fa4c4f;
  --mat-checkbox-selected-hover-state-layer-color: #fa4c4f;
  --mat-checkbox-selected-pressed-state-layer-color: #fa4c4f;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #fa4c4f;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #fa4c4f;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fa4c4f 12%, transparent);
  --mat-button-outlined-state-layer-color: #fa4c4f;
  --mat-button-protected-container-color: #fa4c4f;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #fa4c4f;
  --mat-button-text-ripple-color: color-mix(in srgb, #fa4c4f 12%, transparent);
  --mat-button-text-state-layer-color: #fa4c4f;
  --mat-button-tonal-container-color: #fa4c4f;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #fa4c4f;
  --mat-icon-button-state-layer-color: #fa4c4f;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fa4c4f 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #fa4c4f;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #fa4c4f 12%, transparent);
  --mat-fab-small-container-color: #fa4c4f;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #ffa8aa;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #fa4c4f;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #fa4c4f;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fa4c4f 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #fa4c4f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fa4c4f 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fa4c4f 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fa4c4f 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fa4c4f;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #fa4c4f;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #fa4c4f;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #fa4c4f;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #fa4c4f;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #fa4c4f;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar {
  width: 328px;
}
.calendar-header__today .mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  border-radius: 0;
}
.mat-calendar-table .mat-calendar-table-header th span {
  font-size: 14px;
}
.mat-calendar-table tbody .mat-calendar-body-label {
  visibility: hidden;
}
.mat-calendar-table tbody .mat-calendar-body-label,
.mat-calendar-table tbody .mat-calendar-body-cell-content {
  font-size: 14px;
}
.mat-calendar-table .mat-calendar-table tbody .mat-calendar-body-label {
  display: none;
}
:root {
  --system-ui-font:
    system-ui,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --primary-25: #fffafa;
  --primary-50: #fff5f5;
  --primary-100: #ffe8e8;
  --primary-200: #ffd0d1;
  --primary-300: #ffa8aa;
  --primary-sec-300: #ffa8aa;
  --primary-400: #ff7376;
  --primary-500: #fa4c4f;
  --primary-550: #fa4c4f;
  --primary-600: #fa4c4f;
  --primary-sec-600: #f04447;
  --primary-ter-600: #fa4c4f;
  --primary-700: #e04346;
  --primary-sec-700: #e04346;
  --primary-800: #c73538;
  --primary-sec-800: #c73538;
  --gray-25: #fcfcfd;
  --gray-50: #f5f5f5;
  --gray-100: #f2f4f7;
  --gray-200: #e0e0e0;
  --gray-300: #d0d5dd;
  --gray-400: #98a2b3;
  --gray-sec-400: #96a2b5;
  --gray-425: #d9d9d9;
  --gray-450: #f7f7f7;
  --gray-500: #667085;
  --gray-sec-500: #647187;
  --gray-600: #475467;
  --gray-sec-600: #445568;
  --gray-700: #344054;
  --gray-800: #1d2939;
  --gray-sec-800: #1a293a;
  --gray-900: #101828;
  --warning-25: #fffcf5;
  --warning-50: #fffaeb;
  --warning-100: #fef0c7;
  --warning-200: #fedf89;
  --warning-300: #fec84b;
  --warning-400: #fdb022;
  --warning-600: #dc6803;
  --warning-700: #b54708;
  --success-50: #ecfdf3;
  --success-100: #dcfae6;
  --success-200: #abefc6;
  --success-500: #17b26a;
  --success-600: #079455;
  --success-700: #067647;
  --orange-50: #fef6ee;
  --orange-200: #f9dbaf;
  --orange-400: #f38744;
  --orange-700: #b93815;
  --blue-light-50: #eff8ff;
  --blue-light-200: #b2ddff;
  --blue-light-700: #175cd3;
  --blue-50: #f0f9ff;
  --blue-200: #b9e6fe;
  --blue-400: #53b1fd;
  --blue-500: #2e90fa;
  --blue-600: #0086c9;
  --blue-700: #026aa2;
  --purple-50: #f4f3ff;
  --purple-200: #d9d6fe;
  --purple-500: #7a5af8;
  --purple-700: #5925dc;
  --pink-50: #fdf2fa;
  --pink-200: #fcceee;
  --pink-400: #f670c7;
  --pink-700: #c11574;
  --indigo-50: #eef4ff;
  --indigo-200: #c7d7fe;
  --indigo-500: #6172f3;
  --indigo-600: #444ce7;
  --indigo-700: #3538cd;
  --error-50: #fef3f2;
  --error-100: #fee4e2;
  --error-200: #fecdca;
  --error-300: #fda29b;
  --error-500: #f04438;
  --error-600: #d92d20;
  --error-700: #b42318;
  --gray-blue-50: #f8f9fc;
  --gray-blue-200: #d5d9eb;
  --gray-blue-700: #363f72;
  --yellow-50: #fefbe8;
  --yellow-100: #fef7c3;
  --yellow-200: #feee95;
  --yellow-500: #eaaa08;
  --yellow-600: #ca8504;
  --btn-primary: #fa4c4f;
  --gradient-primary-70060045-deg:
    linear-gradient(
      45deg,
      #e04346 0%,
      #fa4c4f 100%);
  --gradient-primary-60050090-deg:
    linear-gradient(
      90deg,
      #fa4c4f 0%,
      #e04346 100%);
  --black: #000;
  --white: #fff;
  --border-radius: 8px;
  --gap: 32px;
  --gray-neutral-200: #e5e7eb;
  --gray-neutral-400: #9da4ae;
  --gray-warm-50: #fafaf9;
  --gray-warm-100: #f5f5f4;
  --gray-warm-400: #a9a29d;
  --gray-warm-500: #79716b;
  --gray-warm-800: #292524;
  --green-light-50: #f3fee7;
  --green-light-200: #d0f8ab;
  --green-light-300: #a6ef67;
  --green-light-800: #326212;
  --teal-50: #f0fdf9;
  --teal-200: #99f6e0;
  --teal-400: #2ed3b7;
  --teal-700: #107569;
  --fuchsia-50: #fdf4ff;
  --fuchsia-200: #f6d0fe;
  --fuchsia-500: #d444f1;
  --fuchsia-700: #9f1ab1;
  --icon-stroke: currentColor;
}
:root {
  --brand-red: #fa4c4f;
  --brand-red-soft: #e04346;
  --brand-black: #000000;
  --brand-white: #ffffff;
  --brand-light-grey: #fafaf9;
  --brand-terracotta-50: var(--primary-50);
  --brand-terracotta-100: var(--primary-100);
  --brand-terracotta-200: var(--primary-200);
  --brand-terracotta-300: var(--primary-300);
  --brand-terracotta-400: var(--primary-400);
  --brand-terracotta-500: var(--primary-500);
  --brand-terracotta-600: var(--primary-600);
  --brand-terracotta-700: var(--primary-700);
  --brand-terracotta-800: var(--primary-800);
  --brand-terracotta-950: var(--primary-900);
  --surface-page: #fafaf9;
  --surface-sunken: #f3f3f2;
  --surface-card: #fafaf9;
  --surface-card-white: #ffffff;
  --surface-nav: #272725;
  --surface-overlay: rgba(0, 0, 0, 0.7);
  --text-primary: #080807;
  --text-secondary: #41413f;
  --text-muted: #747472;
  --text-placeholder: #a8a8a4;
  --text-inverse: #ffffff;
  --text-brand: #fa4c4f;
  --text-brand-hover: #e04346;
  --border-default: #dadad7;
  --border-strong: #c2c1bd;
  --border-focus: #fa4c4f;
  --border-inverse: rgba(255, 255, 255, 0.15);
  --status-paid-bg: #ecfdf3;
  --status-paid-text: #067647;
  --status-paid-border: #abefc6;
  --status-overdue-bg: #fef3f2;
  --status-overdue-text: #b42318;
  --status-overdue-border: #fecdca;
  --status-draft-bg: var(--gray-100);
  --status-draft-text: var(--gray-600);
  --status-draft-border: var(--gray-300);
  --status-sent-bg: #eff8ff;
  --status-sent-text: #175cd3;
  --status-sent-border: #b2ddff;
  --status-warning-bg: #fffaeb;
  --status-warning-text: #b54708;
  --status-warning-border: #fedf89;
  --font-display:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --font-body:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --font-mono:
    "Fira Code",
    "JetBrains Mono",
    monospace;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-loose: 1.75;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-btn: 9px;
  --radius-card: 14px;
  --radius-modal: 20px;
  --radius-pill: 99px;
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  --shadow-focus: 0 0 0 4px rgba(250, 76, 79, 0.24);
  --ease-default: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 350ms;
  --sidebar-width: 240px;
  --sidebar-collapsed-width: 72px;
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
}
.rp.appbar {
  background-color: var(--gray-200);
  height: 100vh;
  left: 0;
  overscroll-behavior: none;
  position: fixed;
  top: 0;
  width: 7.5rem;
  z-index: 9;
  padding: 2rem 0 1.5rem;
  flex-direction: column;
  justify-content: space-between;
  display: none;
}
@media screen and (min-width: 768px) {
  .rp.appbar {
    width: 15rem;
    display: flex;
  }
}
.rp.appbar .appbar__logo {
  display: block;
}
.rp.appbar .appbar__main {
  flex: 0 1 auto;
  height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.rp.appbar nav {
  padding: 0 1rem;
}
.rp.appbar nav .appbar__title {
  font-size: 0.75rem;
  line-height: 150%;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: var(--gray-700);
  margin-bottom: 0.25rem;
  padding: 0.5rem 0.75rem;
  font-weight: 500;
}
.rp.appbar nav a {
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  min-height: 2.0625rem;
}
.rp.appbar nav a:hover,
.rp.appbar nav a:focus,
.rp.appbar nav a.is-active {
  background-color: var(--gray-50);
}
.rp.appbar nav a:hover svg path,
.rp.appbar nav a:focus svg path,
.rp.appbar nav a.is-active svg path {
  stroke: var(--primary-700);
}
.rp.appbar nav a:hover span,
.rp.appbar nav a:focus span,
.rp.appbar nav a.is-active span {
  color: var(--gray-900);
}
.rp.appbar nav a > i {
  margin-right: 0.75rem;
}
.rp.appbar nav li:not(:last-child) {
  margin-bottom: 0.25rem;
}
.rp.appbar nav .appbar__label {
  flex-grow: 1;
  color: var(--gray-700);
  line-height: 140%;
  font-weight: 500;
}
.rp.appbar .appbar__logout {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.rp.appbar .appbar__search .appbar__label {
  color: var(--gray-900);
  font-size: 1rem;
  font-weight: 400;
}
.rp.appbar .appbar__search a {
  padding: 0.25rem 0.75rem;
  border-radius: 0.375rem;
  background: var(--gray-50);
}
.rp.appbar .appbar__search a:hover .appbar__label,
.rp.appbar .appbar__search a:focus .appbar__label {
  color: var(--primary-700);
}
.rp.appbar--empty {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 1.5rem;
}
.rp.appbar--empty:before,
.rp.appbar--empty:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.rp.appbar--empty:before {
  height: 75.729vh;
  top: 0;
  background: url(/assets/images/aside-header-pattern.svg);
}
.rp.appbar--empty:after {
  height: 24.271vh;
  bottom: 0;
  background: url(/assets/images/aside-footer-pattern.svg);
}
.rp.appbar .l-line {
  border-color: var(--gray-300);
  margin: 1rem 0;
}
.rp.appbar-timer {
  padding: 0 1rem;
}
.rp.appbar-timer header {
  margin-bottom: 1rem;
}
.rp.appbar-timer .l-btn {
  padding: 0.5rem;
}
.rp.appbar-timer article {
  margin-bottom: 0.75rem;
}
.rp.appbar-timer article h5 {
  margin-bottom: 0.25rem;
  color: var(--gray-600);
}
.rp.appbar-timer article p {
  color: var(--gray-900);
}
.cf-appbar {
  background-color: var(--surface-nav);
  height: 100vh;
  left: 0;
  overscroll-behavior: none;
  position: fixed;
  top: 0;
  width: 7.5rem;
  z-index: 9;
  padding: 2rem 0 0;
  flex-direction: column;
  justify-content: space-between;
  display: none;
  overflow: visible;
  transition: width var(--duration-slow) var(--ease-default);
}
@media screen and (min-width: 768px) {
  .cf-appbar {
    width: var(--sidebar-width);
    display: flex;
  }
}
.cf-appbar .sidebar-toggle-btn {
  position: absolute;
  top: 2rem;
  right: -0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fa4c4f;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-inverse);
  cursor: pointer;
  z-index: 11;
  box-shadow: 0 0.125rem 0.375rem rgba(16, 24, 40, 0.35);
  transition: background-color var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default);
}
.cf-appbar .sidebar-toggle-btn:hover {
  background-color: #e04346;
  border-color: rgba(255, 255, 255, 0.35);
}
.cf-appbar .sidebar-toggle-btn svg {
  stroke: var(--text-inverse);
}
.cf-appbar.is-collapsed .sidebar-toggle-btn {
  right: -0.75rem;
}
.cf-appbar.is-collapsed .cf-appbar__label,
.cf-appbar.is-collapsed footer article {
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  pointer-events: none;
}
.cf-appbar.is-collapsed header {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  justify-content: center !important;
}
.cf-appbar.is-collapsed .appbar__logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}
.cf-appbar.is-collapsed .cf-appbar__group a {
  justify-content: center !important;
  padding: 0 !important;
  min-height: 2.5rem;
}
.cf-appbar.is-collapsed .cf-appbar__group a > i {
  margin-right: 0 !important;
}
.cf-appbar.is-collapsed .cf-profile-block {
  justify-content: center !important;
  padding: 0 !important;
  margin: 0.5rem !important;
}
.cf-appbar .cf-appbar__label {
  opacity: 1;
  max-width: 10rem;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity var(--duration-base) var(--ease-default), max-width var(--duration-slow) var(--ease-default);
}
.cf-appbar footer article {
  transition: opacity var(--duration-base) var(--ease-default);
}
.cf-appbar .cf-appbar__logo,
.cf-appbar .appbar__logo {
  display: block;
  text-decoration: none;
}
.cf-appbar .appbar__logo-text {
  display: block;
  color: var(--text-inverse);
  font-family: var(--font-display);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.0125rem;
  white-space: nowrap;
}
.cf-appbar .appbar__logo-icon {
  display: block;
  width: 2rem;
  height: 2.25rem;
  object-fit: contain;
  flex-shrink: 0;
}
.cf-appbar .cf-appbar__main {
  flex: 0 1 auto;
  height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #344054 #272725;
}
.cf-appbar .cf-appbar__main::-webkit-scrollbar {
  width: 0.375rem;
  background: #272725;
}
.cf-appbar .cf-appbar__main::-webkit-scrollbar-track {
  background: #272725;
  border-radius: 0;
}
.cf-appbar .cf-appbar__main::-webkit-scrollbar-thumb {
  background: #272725;
  border-radius: 0.1875rem;
  border: none;
}
.cf-appbar .cf-appbar__main::-webkit-scrollbar-thumb:hover {
  background: #475467;
}
.cf-appbar .cf-appbar__main::-webkit-scrollbar-thumb:active {
  background: #667085;
}
.cf-appbar .cf-appbar__main::-webkit-scrollbar-corner {
  background: #272725;
}
.cf-appbar .cf-appbar__group {
  padding: 0 0.5rem;
}
.cf-appbar .cf-appbar__group .cf-appbar__title {
  font-size: 0.875rem;
  line-height: 140%;
  color: #eaecf0;
  margin-bottom: 0.0625rem;
  padding: 0.375rem 0.5rem;
  font-weight: 500;
}
.cf-appbar .cf-appbar__group a {
  position: relative;
  padding: 0 0.5rem 0 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  min-height: 2.25rem;
}
.cf-appbar .cf-appbar__group a svg path {
  stroke: color-mix(in srgb, var(--text-inverse) 45%, transparent);
}
.cf-appbar .cf-appbar__group a:hover,
.cf-appbar .cf-appbar__group a:focus {
  background-color: rgba(255, 255, 255, 0.05);
}
.cf-appbar .cf-appbar__group a:hover svg path,
.cf-appbar .cf-appbar__group a:focus svg path {
  stroke: var(--text-inverse);
}
.cf-appbar .cf-appbar__group a:hover .cf-appbar__label,
.cf-appbar .cf-appbar__group a:focus .cf-appbar__label {
  color: var(--text-inverse);
}
.cf-appbar .cf-appbar__group a.is-active {
  background-color: rgba(255, 255, 255, 0.08);
}
.cf-appbar .cf-appbar__group a.is-active::before {
  position: absolute;
  left: 0;
  top: 0.375rem;
  bottom: 0.375rem;
  width: 0.1875rem;
  border-radius: var(--radius-pill);
  background: var(--primary-600);
  content: "";
}
.cf-appbar .cf-appbar__group a.is-active svg path {
  stroke: var(--text-inverse);
}
.cf-appbar .cf-appbar__group a.is-active svg.has-fill path {
  fill: var(--text-inverse);
}
.cf-appbar .cf-appbar__group a.is-active span {
  color: var(--text-inverse);
}
.cf-appbar .cf-appbar__group a.is-active .l-badge--gray-700 {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
  color: var(--brand-white);
}
.cf-appbar .cf-appbar__group li:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.cf-appbar .cf-appbar__group .cf-appbar__label {
  flex-grow: 1;
  color: color-mix(in srgb, var(--text-inverse) 62%, transparent);
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
}
.cf-appbar .cf-appbar__group .cf-appbar__more-btn {
  padding: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}
.cf-appbar .cf-appbar__group .cf-appbar__more-btn:hover,
.cf-appbar .cf-appbar__group .cf-appbar__more-btn:focus {
  background-color: #344054;
}
.cf-appbar .cf-appbar__group--fav li {
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
.cf-appbar .cf-appbar__count {
  display: flex;
  min-width: 1.3125rem;
  padding: 0.125rem 0.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  font-size: 0.75rem;
  line-height: 140%;
  background: #344054;
  color: #f2f4f7;
}
.cf-appbar .cf-appbar__search-fav {
  min-height: 2rem;
  padding: 0 0.5rem;
}
.cf-appbar .cf-appbar__context-button {
  position: absolute;
  right: 0.5rem;
  opacity: 0;
}
.cf-appbar .cf-appbar__context-button:hover,
.cf-appbar .cf-appbar__context-button:focus {
  position: relative;
  right: 0;
  opacity: 1;
}
.cf-appbar .cf-appbar__context-button button {
  background-color: #344054;
}
.cf-appbar .cf-appbar__drag-button {
  position: absolute;
  left: 0.5rem;
  z-index: 1;
  opacity: 0;
  background-color: #344054;
  cursor: grab;
}
.cf-appbar .cf-appbar__drag-button:active {
  cursor: grabbing;
}
.cf-appbar .cf-appbar__drag-button:hover,
.cf-appbar .cf-appbar__drag-button:focus {
  opacity: 1;
}
.cf-appbar .cf-appbar__drag-button:hover + i,
.cf-appbar .cf-appbar__drag-button:focus + i {
  opacity: 0;
  visibility: hidden;
}
.cf-appbar--empty {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 1.5rem;
}
.cf-appbar--empty:before,
.cf-appbar--empty:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.cf-appbar--empty:before {
  height: 75.729vh;
  top: 0;
  background: url(/assets/images/aside-header-pattern.svg);
}
.cf-appbar--empty:after {
  height: 24.271vh;
  bottom: -1.875rem;
  background: url(/assets/images/aside-footer-pattern.svg);
}
.cf-appbar .l-line {
  border-color: #d0d5dd;
  margin: 1rem 0;
}
.cf-appbar .is-blurred {
  opacity: 0.5;
  pointer-events: none;
}
.cf-appbar--settings {
  background-color: #f2f4f7;
  padding-top: 0;
  border-right: 0.0625rem solid #d0d5dd;
  position: relative;
  height: 100%;
  border-radius: 0.5rem 0 0 0.5rem;
  width: 14.375rem;
  display: block;
}
.cf-appbar--settings .cf-appbar__main {
  height: auto;
}
.cf-appbar--settings .cf-appbar__group > p {
  color: #667085;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 0.25rem;
}
.cf-appbar--settings .cf-appbar__group .cf-appbar__label {
  color: #475467;
  font-weight: 500;
  letter-spacing: -0.00875rem;
}
.cf-appbar--settings .cf-appbar__group a svg path {
  stroke: #667085;
}
.cf-appbar--settings .cf-appbar__group a > i {
  color: #667085;
}
.cf-appbar--settings .cf-appbar__group a:hover,
.cf-appbar--settings .cf-appbar__group a:focus {
  background-color: #eaecf0;
}
.cf-appbar--settings .cf-appbar__group a:hover svg path,
.cf-appbar--settings .cf-appbar__group a:focus svg path {
  stroke: #344054;
}
.cf-appbar--settings .cf-appbar__group a:hover .cf-appbar__label,
.cf-appbar--settings .cf-appbar__group a:focus .cf-appbar__label {
  color: #101828;
}
.cf-appbar--settings .cf-appbar__group a.is-active {
  background-color: #eaecf0;
  mix-blend-mode: multiply;
}
.cf-appbar--settings .cf-appbar__group a.is-active svg path {
  stroke: #344054;
}
.cf-appbar--settings .cf-appbar__group a.is-active .cf-appbar__label,
.cf-appbar--settings .cf-appbar__group a.is-active span {
  color: #101828;
}
.cf-appbar--settings .cf-appbar__group a.is-active > i {
  color: #344054;
}
.cf-appbar-timer {
  padding: 0 1rem;
}
.cf-appbar-timer header {
  margin-bottom: 1rem;
}
.cf-appbar-timer .l-btn {
  padding: 0.5rem;
}
.cf-appbar-timer article {
  margin-bottom: 0.75rem;
}
.cf-appbar-timer article h5 {
  margin-bottom: 0.25rem;
  color: #475467;
}
.cf-appbar-timer article p {
  color: #101828;
}
:root {
  --sidebar-collapsed-width: 72px;
}
.sidebar-collapsed {
  --sidebar-width: var(--sidebar-collapsed-width);
}
html,
body {
  font-family: var(--font-body);
  font-size: 16px;
  scroll-behavior: smooth;
  background-color: var(--surface-page);
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  font-family: var(--system-ui-font);
}
body {
  overflow: hidden;
}
body.is-revamp {
  background-color: var(--surface-page);
}
body.is-revamp main.is-theme-grey {
  background-color: var(--surface-page);
}
body.is-windows .is-mac {
  display: none;
}
body.is-mac .is-windows {
  display: none;
}
main {
  overflow: unset;
}
.has-appbar main {
  padding: 1.25rem;
  transition: padding-left var(--duration-slow) var(--ease-default);
}
@media screen and (min-width: 768px) {
  .has-appbar main {
    padding: 0 0 0 var(--sidebar-width);
  }
}
main.is-theme-grey {
  background-color: var(--surface-page);
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
@media (max-width: 360px) {
  .row {
    margin-right: -6px;
    margin-left: -6px;
  }
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xxxl,
.col-xxxl-auto,
.col-xxxl-12,
.col-xxxl-11,
.col-xxxl-10,
.col-xxxl-9,
.col-xxxl-8,
.col-xxxl-7,
.col-xxxl-6,
.col-xxxl-5,
.col-xxxl-4,
.col-xxxl-3,
.col-xxxl-2,
.col-xxxl-1,
.col-xxl,
.col-xxl-auto,
.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
}
@media (max-width: 360px) {
  .col-xxxl,
  .col-xxxl-auto,
  .col-xxxl-12,
  .col-xxxl-11,
  .col-xxxl-10,
  .col-xxxl-9,
  .col-xxxl-8,
  .col-xxxl-7,
  .col-xxxl-6,
  .col-xxxl-5,
  .col-xxxl-4,
  .col-xxxl-3,
  .col-xxxl-2,
  .col-xxxl-1,
  .col-xxl,
  .col-xxl-auto,
  .col-xxl-12,
  .col-xxl-11,
  .col-xxl-10,
  .col-xxl-9,
  .col-xxl-8,
  .col-xxl-7,
  .col-xxl-6,
  .col-xxl-5,
  .col-xxl-4,
  .col-xxl-3,
  .col-xxl-2,
  .col-xxl-1,
  .col-xl,
  .col-xl-auto,
  .col-xl-12,
  .col-xl-11,
  .col-xl-10,
  .col-xl-9,
  .col-xl-8,
  .col-xl-7,
  .col-xl-6,
  .col-xl-5,
  .col-xl-4,
  .col-xl-3,
  .col-xl-2,
  .col-xl-1,
  .col-lg,
  .col-lg-auto,
  .col-lg-12,
  .col-lg-11,
  .col-lg-10,
  .col-lg-9,
  .col-lg-8,
  .col-lg-7,
  .col-lg-6,
  .col-lg-5,
  .col-lg-4,
  .col-lg-3,
  .col-lg-2,
  .col-lg-1,
  .col-md,
  .col-md-auto,
  .col-md-12,
  .col-md-11,
  .col-md-10,
  .col-md-9,
  .col-md-8,
  .col-md-7,
  .col-md-6,
  .col-md-5,
  .col-md-4,
  .col-md-3,
  .col-md-2,
  .col-md-1,
  .col-sm,
  .col-sm-auto,
  .col-sm-12,
  .col-sm-11,
  .col-sm-10,
  .col-sm-9,
  .col-sm-8,
  .col-sm-7,
  .col-sm-6,
  .col-sm-5,
  .col-sm-4,
  .col-sm-3,
  .col-sm-2,
  .col-sm-1,
  .col,
  .col-auto,
  .col-12,
  .col-11,
  .col-10,
  .col-9,
  .col-8,
  .col-7,
  .col-6,
  .col-5,
  .col-4,
  .col-3,
  .col-2,
  .col-1 {
    padding-right: 6px;
    padding-left: 6px;
  }
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 481px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1201px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1399px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 2001px) {
  .col-xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxxl-first {
    order: -1;
  }
  .order-xxxl-last {
    order: 13;
  }
  .order-xxxl-0 {
    order: 0;
  }
  .order-xxxl-1 {
    order: 1;
  }
  .order-xxxl-2 {
    order: 2;
  }
  .order-xxxl-3 {
    order: 3;
  }
  .order-xxxl-4 {
    order: 4;
  }
  .order-xxxl-5 {
    order: 5;
  }
  .order-xxxl-6 {
    order: 6;
  }
  .order-xxxl-7 {
    order: 7;
  }
  .order-xxxl-8 {
    order: 8;
  }
  .order-xxxl-9 {
    order: 9;
  }
  .order-xxxl-10 {
    order: 10;
  }
  .order-xxxl-11 {
    order: 11;
  }
  .order-xxxl-12 {
    order: 12;
  }
  .offset-xxxl-0 {
    margin-left: 0;
  }
  .offset-xxxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxxl-11 {
    margin-left: 91.6666666667%;
  }
}
.l-img-preview {
  border-radius: 50%;
  border: 0.0625rem solid rgba(16, 24, 40, 0.079);
}
.l-img-preview figure {
  border-radius: 50%;
  background-color: var(--gray-100);
  font-size: 2.4375em;
  line-height: 140%;
  color: var(--gray-600);
}
.l-img-preview figure:after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.l-img-preview figure img,
.l-img-preview figure figcaption {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.l-img-preview figure img {
  width: auto;
  height: auto;
  display: none;
}
.l-img-preview figure img.has-placeholder {
  object-fit: contain;
}
.l-img-preview.has-preview > figure > img {
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  font-size: 0;
}
.l-img-preview .l-img-delete {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: url(/assets/icons/icon-ellipse-1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  opacity: 0;
  z-index: 2;
  transition: 0.3s ease-in-out;
}
.l-img-preview .l-img-delete button {
  width: 100%;
  height: 100%;
}
.l-img-preview .l-img-delete img {
  display: inline-block;
  object-fit: contain;
  width: auto;
  height: auto;
}
.l-img-preview .l-img-delete .l-btn-icon:hover {
  background-color: transparent;
}
.l-img-preview .l-img-delete:focus {
  opacity: 1;
}
.l-img-preview[data-name] {
  position: relative;
}
.l-img-preview[data-name]:after {
  content: attr(data-name);
  font-size: 2.4375rem;
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
  color: var(--gray-600);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--gray-100);
  width: calc(100% - 10px);
  border-radius: 50%;
  text-align: center;
}
.l-img-preview:hover .l-img-delete {
  visibility: visible;
  opacity: 1;
  cursor: pointer;
}
.l-img-preview--default figure img,
.l-img-preview--default figure figcaption {
  object-fit: contain;
  width: auto;
  height: auto;
}
.l-img-preview--sec {
  height: 100%;
  aspect-ratio: 1/1;
}
.l-img-preview--sec .l-avatar {
  height: 100%;
}
.l-img-preview--sec .l-avatar[data-name]:after {
  font-size: 2.4375rem;
}
.l-img-preview--user figure:before {
  content: "";
  position: absolute;
  background-image: url(/assets/icons/icon-user-01-gray-600.svg);
  background-repeat: no-repeat;
  background-size: 3.25rem 3.25rem;
  width: 3.25rem;
  height: 3.25rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cf-img-preview {
  border: 0.0625rem solid #101828;
}
.cf-img-preview figure {
  font-size: 2.4375em;
  line-height: 140%;
  color: #475467;
}
.cf-img-preview figure:after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cf-img-preview figure img {
  width: auto;
  height: auto;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.cf-img-preview figure img.has-placeholder {
  object-fit: contain;
}
.cf-img-preview.has-preview > figure > img {
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  font-size: 0;
}
.cf-img-preview .cf-img-delete {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: url(/assets/icons/icon-ellipse-1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: 0;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.cf-img-preview .cf-img-delete img {
  object-fit: contain;
  width: auto;
  height: auto;
}
.cf-img-preview .cf-img-delete .cf-button-icon:hover {
  background-color: transparent;
}
.cf-img-preview .cf-img-delete:focus {
  opacity: 1;
}
.cf-img-preview[data-name] {
  position: relative;
}
.cf-img-preview[data-name]:after {
  content: attr(data-name);
  font-size: 2.4375rem;
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
  color: #475467;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f2f4f7;
  width: calc(100% - 10px);
  border-radius: 50%;
  text-align: center;
}
.cf-img-preview:hover .cf-img-delete,
.cf-img-preview:focus .cf-img-delete {
  visibility: visible;
  opacity: 1;
  cursor: pointer;
}
.l-tooltip {
  position: relative;
}
.l-tooltip:hover .l-tooltip__wrap,
.l-tooltip:focus .l-tooltip__wrap {
  opacity: 1;
  visibility: visible;
}
.l-tooltip .l-tooltip__wrap {
  position: absolute;
  border-radius: 0.5rem;
  background: var(--gray-900);
  padding: 0.75rem;
  color: var(--white);
  min-width: 8.9375rem;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.l-tooltip .l-tooltip__wrap:before {
  content: "";
  position: absolute;
  top: -0.9375rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.875rem;
  height: 1.25rem;
  background-image: url(/assets/icons/tooltip-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.l-tooltip .l-tooltip__wrap li {
  font-size: 0.75rem;
}
.l-tooltip .l-tooltip__wrap li:not(:last-child) {
  margin-bottom: 1rem;
}
.l-tooltip .l-tooltip__wrap p {
  color: var(--white);
}
.l-tooltip .l-tooltip__wrap--h50 {
  min-height: 3.125rem;
}
.l-tooltip .l-tooltip__wrap--task > p {
  margin-bottom: 0.28125rem;
}
.l-tooltip .l-title {
  margin-bottom: 0.25rem;
  color: var(--white);
  line-height: 140%;
  font-weight: 500;
  color: var(--white);
}
.l-tooltip span {
  line-height: 140%;
}
.l-tooltip address {
  font-style: normal;
  font-size: 1rem;
}
.l-tooltip .l-tooltip__email {
  margin-bottom: 1rem;
}
.l-tooltip .l-tooltip__email .l-text,
.l-tooltip .l-tooltip__location .l-text {
  color: var(--white);
  margin-bottom: 0.25rem;
  font-weight: 500;
}
.l-tooltip .l-tooltip__email p,
.l-tooltip .l-tooltip__location p {
  font-size: 0.75rem;
  font-weight: 500;
}
.l-tooltip--top .l-tooltip__wrap {
  bottom: 1.5625rem;
  width: 250px;
}
.l-tooltip--top .l-tooltip__wrap:before {
  top: auto;
  bottom: -0.625rem;
  background-image: url(/assets/icons/tooltip-arrow-down.svg);
}
.l-tooltip--left .l-tooltip__wrap {
  left: 0;
  transform: none;
}
.l-tooltip .l-tooltip__more {
  margin-top: 1rem;
  cursor: pointer;
  color: var(--gray-25);
}
.l-tooltip .l-tooltip__more i {
  margin-right: 0.25rem;
}
.l-tooltip .l-tooltip__more i svg path {
  transition: 0.3s ease-in-out;
}
.l-tooltip .l-tooltip__more:hover {
  color: var(--primary-600);
}
.l-tooltip .l-tooltip__more:hover svg path {
  stroke: var(--primary-600);
}
.l-tooltip--xl .l-tooltip__wrap {
  max-width: 20rem;
}
.l-tooltip--md .l-tooltip__wrap {
  width: 12.3125rem;
}
.l-tooltip[data-position=bottom] .l-tooltip__wrap {
  top: calc(100% + 10px);
}
.l-tooltip--comments .l-tooltip__wrap {
  max-width: 15.625rem;
  left: 0;
  transform: none;
  top: auto;
  bottom: calc(100% + 7px);
}
.l-tooltip--comments .l-tooltip__wrap:before {
  height: 0.375rem;
  top: auto;
  bottom: -5px;
  transform: rotate(180deg);
  left: 1px;
}
.l-tooltip--contact .l-tooltip__wrap {
  min-width: 16.5625rem;
  left: 0;
  transform: none;
  top: calc(100% + 4px);
}
.l-tooltip--contact .l-tooltip__wrap:before {
  width: 0.875rem;
  height: 0.5rem;
  top: -0.375rem;
}
.l-tooltip--contact .l-tooltip__title {
  margin-bottom: 0.25rem;
}
.l-tooltip--contact p {
  word-break: break-word;
}
.l-tooltip--relative .l-tooltip__wrap {
  position: relative;
  left: auto;
  transform: none;
  opacity: 1;
  visibility: visible;
}
.l-tooltip--light .l-tooltip__wrap {
  background-color: var(--white);
  color: var(--gray-700);
}
.l-tooltip--light .l-tooltip__wrap:before {
  background-image: url(/assets/icons/tooltip-arrow-light.svg);
}
.l-tooltip--light .l-tooltip__wrap p {
  color: var(--gray-700);
}
.rp.tooltip {
  border-radius: 0.5rem;
  background: var(--gray-900);
  padding: 0.75rem;
  color: var(--white);
  max-width: 100%;
  position: relative;
  min-height: 2.5rem;
}
.rp.tooltip * {
  color: var(--white);
}
.rp.tooltip .l-link {
  display: block;
}
.rp.tooltip p {
  color: var(--white);
}
.rp.tooltip:before {
  content: "";
  position: absolute;
  top: -0.5625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.875rem;
  height: 1.25rem;
  background-image: url(/assets/icons/tooltip-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.cdk-overlay-pane.top .rp.tooltip:before {
  top: auto;
  bottom: -0.5rem;
  background-image: url(/assets/icons/tooltip-arrow-down.svg);
}
.cdk-overlay-pane.left .rp.tooltip:before {
  left: -1.25rem;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.cdk-overlay-pane.right .rp.tooltip:before {
  left: auto;
  right: -1.375rem;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}
.cdk-overlay-pane.bottom .rp.tooltip:before {
  left: 50%;
  top: -0.875rem;
  transform: translateX(-50%) rotate(0deg);
}
.rp.tooltip li {
  font-size: 0.75rem;
}
.rp.tooltip li:not(:last-child) {
  margin-bottom: 1rem;
}
.rp.tooltip .l-title {
  margin-bottom: 0.25rem;
  color: var(--white);
  line-height: 140%;
  font-weight: 500;
  color: var(--white);
}
.rp.tooltip span {
  line-height: 140%;
}
.rp.tooltip address {
  font-style: normal;
  font-size: 1rem;
}
.rp.tooltip .l-health-meter {
  margin-right: 0.375rem;
}
.rp.tooltip .tooltip__more {
  margin-top: 1rem;
  font-size: 0.75rem;
  cursor: pointer;
  color: var(--gray-25);
}
.rp.tooltip .tooltip__more i {
  margin-right: 0.25rem;
}
.rp.tooltip .tooltip__more i svg path {
  transition: 0.3s ease-in-out;
}
.rp.tooltip .tooltip__more:hover {
  color: var(--primary-600);
}
.rp.tooltip .tooltip__more:hover svg path {
  stroke: var(--primary-600);
}
.rp.tooltip--xl {
  width: 20rem;
}
.rp.tooltip--w-197 {
  width: 12.3125rem;
}
.rp.tooltip--w-143 {
  width: 8.9375rem;
}
.rp.tooltip--light {
  background-color: var(--white);
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.rp.tooltip--light:before {
  background-image: url(/assets/icons/tooltip-arrow-light.svg);
}
.cdk-overlay-pane.top .rp.tooltip--light:before {
  background-image: url(/assets/icons/tooltip-arrow-light.svg);
  top: 50%;
  bottom: auto;
}
.rp.tooltip--light *,
.rp.tooltip--light p {
  color: var(--gray-700);
}
.rp.tooltip--start:before {
  left: 0.9375rem;
  transform: none;
}
.rp.tooltip--calendar {
  width: 15.4375rem;
}
.cdk-overlay-pane.top .rp.tooltip--calendar:before {
  top: auto;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
.rp.tooltip--left-center:before {
  left: -1.25rem;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.rp.tooltip--text {
  padding: 0.5rem 0.75rem;
  min-height: unset;
}
.cf-tooltip {
  position: relative;
  border-radius: 0.5rem;
  background: #0c111d;
  padding: 0.75rem;
  color: #ffffff;
  max-width: 100%;
  position: relative;
  min-height: 2.5rem;
}
.cf-tooltip .cf-link {
  display: block;
}
.cf-tooltip p {
  color: #ffffff;
}
.cf-tooltip:before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.125rem;
  position: absolute;
  left: 50%;
  bottom: -0.3125rem;
  transform: translateX(-50%) rotate(45deg);
  background-color: #0c111d;
}
.cdk-overlay-pane.bottom .cf-tooltip:before {
  bottom: auto;
  top: -0.3125rem;
}
.cdk-overlay-pane--right .cf-tooltip:before {
  left: -0.3125rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.cdk-overlay-pane--left .cf-tooltip:before {
  left: auto;
  right: -5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.cdk-overlay-pane--bottom .cf-tooltip:before {
  bottom: auto;
  top: -0.3125rem;
}
.cf-tooltip--left-center:before {
  left: -0.3125rem;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%) rotate(-45deg);
}
.cdk-overlay-pane.bottom .cf-tooltip--left-center:before {
  left: 50%;
  top: 0;
}
.cf-tooltip--right-center:before {
  right: -0.3125rem;
  left: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%) rotate(-45deg);
}
.cf-tooltip--top-center:before {
  top: -0.3125rem;
  bottom: auto;
  transform: translateX(-50%) rotate(-45deg);
}
.cf-tooltip--bottom-center:before {
  bottom: -0.3125rem;
}
.cf-tooltip--item {
  padding: 0.5rem 0.75rem;
  min-height: unset;
  left: 2.875rem;
}
.cf-tooltip--item:before {
  left: 1.125rem;
}
.cf-tooltip--hidden {
  display: none;
}
.cf-tooltip li {
  font-size: 0.75rem;
}
.cf-tooltip li:not(:last-child) {
  margin-bottom: 1rem;
}
.cf-tooltip .cf-title {
  margin-bottom: 0.25rem;
  color: #ffffff;
  line-height: 140%;
  font-weight: 500;
  color: #ffffff;
}
.cf-tooltip span {
  line-height: 140%;
}
.cf-tooltip address {
  font-style: normal;
  font-size: 1rem;
}
.cf-tooltip--calendar {
  width: 18.75rem;
}
.cf-tooltip--calendar:before {
  display: none;
}
.cf-tooltip--calendar:hover .cf-tooltip__wrap,
.cf-tooltip--calendar:focus .cf-tooltip__wrap {
  opacity: 1;
  visibility: visible;
}
.cf-tooltip--calendar .cf-tooltip__wrap {
  opacity: 1;
  visibility: visible;
}
.cf-tooltip--time {
  padding: 0.5rem 0.75rem;
  display: flex;
  align-items: center;
  min-height: unset;
}
.cf-tooltip--time .cf-text--xs {
  line-height: 1rem;
}
.cf-tooltip--light {
  background-color: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(14, 24, 41, 0.1), 0px 2px 4px -2px rgba(14, 24, 41, 0.06);
  border: 0.0625rem solid #eaecf0;
}
.cf-tooltip--sec:before {
  display: none;
}
.cf-tooltip--user-profile {
  min-width: 21.875rem;
  max-width: 28.75rem;
}
.cf-tooltip--parent-task {
  min-width: 16.75rem;
  max-width: 18.75rem;
  max-height: 6.125rem;
}
.cf-tooltip--bg-default-900 {
  background: #101828;
}
.cdk-overlay-pane.top .cf-tooltip--assignee:before {
  bottom: -0.375rem;
}
.cdk-overlay-pane.bottom .cf-tooltip--assignee:before {
  top: -0.3125rem;
  bottom: auto;
  transform: translateX(-50%) rotate(-45deg);
}
.cf-tooltip--align-end:before {
  left: auto;
  right: 0.9375rem;
  transform: rotate(45deg);
}
.cf-tooltip-point {
  z-index: 2;
  cursor: pointer;
}
.cf-tooltip-point .cf-tooltip {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 14.5rem;
  max-width: 14.5rem;
}
.cf-tooltip-point .cf-tooltip p {
  color: #ffffff;
}
.cf-tooltip-point:hover .cf-tooltip {
  opacity: 1;
  visibility: visible;
}
.cf-tooltip-point--hint .cf-tooltip {
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5625rem;
}
.cdk-overlay-pane.top:has(.cf-tooltip--time-desc) .cf-tooltip--time-desc:before {
  top: auto;
  bottom: -0.3125rem;
  transform: translateX(-50%) rotate(45deg);
}
.cf-description-overlay {
  border-radius: 0 0 0.5rem 0.5rem;
  border: 0.0625rem solid #ffa8aa;
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(14, 24, 41, 0.1), 0px 2px 4px -2px rgba(14, 24, 41, 0.06);
  width: 100%;
}
.cf-description-overlay textarea {
  border: none;
  font-size: 0.875rem;
  color: #475467;
  padding: 0.625rem 0.75rem;
  min-height: 4.9375rem;
  height: 4.9375rem;
  max-height: 8.875rem;
}
.cf-tooltip--parent-hover {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  border-radius: 0.25rem;
  position: relative;
  padding-top: 0.0625rem;
  padding-bottom: 0.25rem;
}
.cf-tooltip--parent-hover:hover,
.cf-tooltip--parent-hover:focus {
  background-color: #eaecf0;
}
.cf-tooltip--parent-hover:hover::after,
.cf-tooltip--parent-hover:focus::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12.5L12 4.5M12 4.5H6.66667M12 4.5V9.83333' stroke='%23667085' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.cdk-overlay-pane--description-top .cf-description-overlay {
  border-radius: 0.5rem 0.5rem 0 0;
}
.cf-description-click-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  color: transparent;
}
.tooltip-overlay-panel {
  will-change: transform, opacity;
  contain: none;
  display: block;
  width: auto;
  overflow: visible;
  pointer-events: auto;
  z-index: 1000;
}
.has-tooltip {
  cursor: pointer;
}
cf-tooltip-container {
  will-change: transform, opacity;
}
.l-filter {
  max-width: calc(100% - 160px);
  flex-grow: 1;
}
.l-filter .l-filter__label {
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  color: var(--gray-700);
  cursor: pointer;
  transition: all 0.3s, padding 0s ease-in-out;
}
.l-filter .l-filter__label:hover,
.l-filter .l-filter__label:focus {
  background: var(--gray-50);
}
.l-filter .l-filter__label i {
  margin-right: 0.5rem;
  min-width: 1.25rem;
}
.l-filter .l-filter__label .l-filter__text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 140%;
  color: var(--gray-700);
}
.l-filter .l-filter__label .l-badge {
  margin-left: 0.5rem;
}
.l-filter .l-filter__label span {
  font-weight: 500;
}
.l-filter .l-filter__list {
  flex-grow: 1;
  max-width: 100%;
  overflow: auto;
  padding: 0.5625rem 0;
}
.l-filter--time-manager {
  flex-grow: initial;
}
.l-filter--sec .l-filter__label {
  border-color: var(--primary-300);
  color: var(--primary-800);
}
.l-filter--sec .l-filter__label:hover {
  background-color: var(--primary-100);
}
.l-filter--sec .l-filter__label i {
  margin-right: 0;
}
.l-filter--sec .l-filter__label svg path {
  stroke: var(--primary-700);
}
.l-filter--sec .l-filter__close {
  border-radius: 50%;
  border: 0.0625rem solid var(--primary-200);
  background-color: var(--primary-50);
  transition: 0.3s ease-in-out;
}
.l-filter--sec .l-filter__close:hover,
.l-filter--sec .l-filter__close:focus {
  background-color: var(--primary-200);
  border-color: var(--primary-400);
}
.l-filter .l-filter__btn {
  position: relative;
}
.l-filter .l-filter__btn.is-active .l-filter__label {
  padding-right: 2.5rem;
}
.l-filter .l-filter__btn .l-filter__close {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
}
.l-filter--md .l-filter__label {
  padding: 0.1875rem 0.9375rem;
  min-height: 2.25rem;
}
.l-filter-item {
  font-size: 0.75rem;
  color: var(--primary-700);
  text-align: center;
  font-weight: 500;
  padding: 0.125rem 1.25rem 0.125rem 0.4375rem;
  border-radius: 1rem;
  border: 0.125rem solid var(--primary-600);
  position: relative;
}
.l-filter-item > span {
  white-space: nowrap;
  line-height: 140%;
}
.l-filter-item button {
  margin-left: 0.25rem;
  position: absolute;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.75rem;
  min-width: auto;
}
.l-avatar {
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  overflow: hidden;
  background: var(--gray-100);
  position: relative;
}
.l-avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: 1;
}
.l-avatar img.img-contain {
  object-fit: contain;
}
.l-avatar:before {
  content: "";
  background-image: url(/assets/icons/icon-avatar.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 40%;
}
.l-avatar[data-name]:after {
  font-size: calc(var(--size) * 0.4375);
  line-height: 140%;
  content: attr(data-name);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--gray-600);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--gray-100);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-avatar + .l-title--lg {
  margin-top: 0.3125rem;
}
.l-avatar + p {
  margin-left: 0.5rem;
  word-break: break-word;
}
.l-avatar.has-highlight {
  box-shadow: 0 0 0 0.1875rem var(--warning-400);
}
.l-avatar--outline {
  border: 0.5px solid rgba(16, 24, 40, 0.08);
}
.l-avatar--project-card + p {
  margin-left: 0.625rem;
}
.l-avatar--icon {
  background: transparent;
  border-radius: 0;
}
.l-avatar--icon img {
  border-radius: 0;
}
.l-avatar--icon:before,
.l-avatar--icon:after {
  display: none;
}
.l-avatar--contacts:before {
  background-size: contain;
}
.l-avatar--list:before {
  background-size: 70%;
}
.l-avatar--country:before {
  background-image: url(/assets/icons/icon-globe-05.svg);
  background-size: 65%;
  background-color: var(--gray-100);
}
.cf-avatar figure[data-name]:after {
  border-radius: 50%;
}
.cf-avatar--clamp .cf-avatar__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
  white-space: normal;
}
.cf-avatar--contact-list .cf-avatar__name {
  max-width: calc(var(--column-width) / var(--item-count));
}
.has-additional-items .cf-avatar--contact-list .cf-avatar__name {
  max-width: calc(var(--column-width) / var(--item-count) - (28px + 24px / var(--item-count)));
}
.cf-avatar.cf-avatar--gap-8 {
  gap: 0.5rem;
}
.cf-avatar.cf-avatar--project-header .cf-avatar__name {
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.03375rem;
  color: #101828;
}
.cf-avatar.cf-avatar--task-project .cf-avatar__name {
  flex-grow: 1;
  color: #1d2939;
}
.cf-avatar.cf-avatar--task-project figure[data-name]:after {
  font-size: 0.625rem;
}
.cf-avatar.cf-avatar--border-none figure {
  border: none;
}
.cf-avatar--disable-label .cf-avatar__name {
  display: none;
}
.cf-avatar--disable-icon figure:before {
  background-image: none !important;
}
.cf-avatar--default-600 .cf-avatar__name {
  color: #475467;
}
.cf-avatar--default-700 .cf-avatar__name {
  color: #344054;
}
.cf-avatar--default-900 .cf-avatar__name {
  color: #101828;
}
.cf-avatar--weight-400 .cf-avatar__name {
  font-weight: 400;
}
.cf-avatar--weight-500 .cf-avatar__name {
  font-weight: 500;
}
.cf-avatar--weight-600 .cf-avatar__name {
  font-weight: 600;
}
.cf-avatar--sm .cf-avatar__name {
  font-size: 0.875rem;
}
.cf-avatar--md .cf-avatar__name {
  font-size: 1rem !important;
}
.cf-avatar--lg .cf-avatar__name {
  font-size: 1.125rem !important;
}
.cf-avatar--expense-avatar .cf-avatar__figure {
  margin-top: 0.125rem;
}
.cf-avatar--label-900 .cf-avatar__name {
  font-size: 1rem;
  font-weight: 400 !important;
  color: #101828;
}
.cf-avatar--header-laber .cf-avatar__name {
  color: #101828;
  font-weight: 600 !important;
  font-size: 1.125rem !important;
}
.cf-avatar.cf-avatar--search-list .cf-avatar__name {
  font-size: 0.8125rem;
  color: #667085;
}
.cf-avatar.cf-avatar--search-people figure:before {
  background-image: url(/assets/icons/icon-avatar-users-01.svg);
  background-size: 1rem 1rem;
}
.cf-avatar.cf-avatar--search-company figure:before {
  background-image: url(/assets/icons/icon-avatar-building-06.svg);
  background-size: 1rem 1rem;
}
.cf-avatar.cf-avatar--search-group {
  gap: 0;
}
.cf-avatar.cf-avatar--search-group .cf-avatar__more {
  font-size: 8px !important;
  line-height: 1;
}
.cf-avatar.has-no-image figure {
  background-color: transparent;
}
.cf-avatar.has-no-image figure:before {
  background: none;
}
.cf-avatar.cf-avatar--setting-profile figure[data-name]:after {
  background-color: var(--avatar-background, #fcfcfd);
  line-height: 1.25rem;
}
.cf-avatar.cf-avatar--project-name {
  gap: 0.5rem;
}
.cf-avatar.cf-avatar--project-name .cf-avatar__name {
  color: #101828;
}
.cf-avatar.cf-avatar--assignee .cf-avatar__name {
  flex-grow: 1;
  flex-shrink: 1;
}
.cf-avatar.cf-avatar--group figure.has-image {
  background-color: #f2f4f7;
}
.cf-rounded {
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border-radius: 50%;
  overflow: hidden;
  background: #f2f4f7;
  position: relative;
}
.cf-rounded img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: 1;
}
.cf-rounded img.img-contain {
  object-fit: contain;
}
.cf-rounded:before {
  content: "";
  background-image: url(/assets/icons/icon-avatar.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 40%;
}
.cf-rounded--country:before {
  background-image: url(/assets/icons/icon-globe-05.svg);
  background-size: 65%;
  background-color: var(#f2f4f7);
}
.cf-rounded--follow {
  cursor: pointer;
}
.cf-rounded--follow:before {
  background-image: url(/assets/icons/icon-user-placeholder.svg);
  background-size: 100%;
}
.l-badge {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 140%;
  background-color: var(--gray-50);
  border-radius: 1rem;
  color: var(--gray-700);
  border: 0.0625rem solid var(--gray-200);
  display: inline-block;
  padding: 0.0625rem 0.4375rem;
  text-align: center;
  white-space: nowrap;
  mix-blend-mode: multiply;
  line-height: 17px;
}
.l-badge .l-btn-icon {
  min-width: auto;
}
.l-badge .l-badge__text {
  line-height: 1.25rem;
}
.l-badge--pt-3px {
  padding-top: 0.1875rem;
}
.l-badge--flex {
  display: flex;
}
.l-badge--link {
  padding: 0.25rem 0.4375rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--gray-50);
}
.l-badge--link:hover {
  background: var(--gray-100);
}
.l-badge--close {
  display: inline-flex;
  margin-right: 0.375rem;
}
.l-badge--gray {
  border-color: var(--gray-200);
  background-color: var(--gray-50);
  color: var(--gray-700);
}
.l-badge--primary {
  border-color: var(--primary-200);
  background-color: var(--primary-50);
  color: var(--primary-700);
}
.l-badge--success {
  border-color: var(--success-200);
  background-color: var(--success-50);
  color: var(--success-700);
}
.l-badge--warning {
  color: var(--warning-700);
  border-color: var(--warning-200);
  background: var(--warning-50);
}
.l-badge--orange {
  color: var(--orange-700);
  border-color: var(--orange-200);
  background: var(--orange-50);
}
.l-badge--blue-light {
  color: var(--blue-light-700);
  border-color: var(--blue-light-200);
  background: var(--blue-light-50);
}
.l-badge--blue {
  color: var(--blue-700);
  border-color: var(--blue-200);
  background: var(--blue-50);
}
.l-badge--blue i path {
  stroke: var(--blue-500);
}
.l-badge--purple {
  color: var(--purple-700);
  border-color: var(--purple-200);
  background: var(--purple-50);
}
.l-badge--purple i path {
  stroke: var(--purple-500);
}
.l-badge--pink {
  color: var(--pink-700);
  border-color: var(--pink-200);
  background: var(--pink-50);
}
.l-badge--indigo {
  color: var(--indigo-700);
  border-color: var(--indigo-200);
  background: var(--indigo-50);
}
.l-badge--indigo i path {
  stroke: var(--indigo-500);
}
.l-badge--error {
  color: var(--error-700);
  border-color: var(--error-200);
  background: var(--error-50);
}
.l-badge--gray-blue {
  color: var(--gray-blue-700);
  border-color: var(--gray-blue-200);
  background: var(--gray-blue-50);
}
.l-badge--md {
  font-size: 0.875rem;
  padding: 0.1875rem 0.6875rem;
  line-height: 140%;
}
.l-badge--md-size {
  font-size: 0.875rem;
  line-height: 140%;
}
.l-badge--sm {
  font-size: 0.75rem;
}
.l-badge--primary-light {
  border-color: var(--purple-200);
  background: var(--purple-50);
  color: var(--purple-700);
}
.l-badge--gray-neutral {
  border-color: var(--gray-neutral-200);
  background: var(--gray-warm-50);
  color: var(--gray-neutral-800);
}
.l-badge--gray-warm {
  border-color: var(--gray-warm-400);
  background: var(--gray-warm-100);
  color: var(--gray-warm-800);
}
.l-badge--green-light {
  border-color: var(--green-light-200);
  background: var(--green-light-50);
  color: var(--green-light-800);
}
.l-badge--teal {
  border-color: var(--teal-200);
  background: var(--teal-50);
  color: var(--teal-700);
}
.l-badge--fuchsia {
  border-color: var(--fuchsia-200);
  background: var(--fuchsia-50);
  color: var(--fuchsia-700);
}
.l-badge--fuchsia i path {
  stroke: var(--fuchsia-500);
}
.l-badge--yellow {
  border-color: var(--yellow-200);
  background: var(--yellow-50);
  color: var(--yellow-600);
}
.l-badge--status-gray {
  color: var(--gray-700);
  border-color: var(--gray-600);
}
.l-badge--status-blue {
  color: var(--blue-700);
  border-color: var(--blue-600);
}
.l-badge--status-indigo {
  color: var(--indigo-700);
  border-color: var(--indigo-600);
}
.l-badge--status-success {
  color: var(--success-700);
  border-color: var(--success-600);
}
.l-badge--status-error {
  color: var(--error-700);
  border-color: var(--error-600);
}
.l-badge--status-gray-light {
  color: var(--gray-700);
  border-color: var(--gray-200);
}
.l-badge[class*=status] {
  background-color: transparent;
}
.l-badge--regular {
  font-weight: 400;
}
.l-badge--thick {
  border-width: 0.125rem;
}
.l-badge--ellipsis {
  word-break: break-all;
  display: -webkit-box;
  white-space: pre-wrap;
}
.cf-badge.cf-badge--avatar-badge {
  border-radius: 0.375rem;
  border-color: #d0d5dd;
  padding: 0.125rem 0.25rem;
  height: 1.5rem;
}
.cf-badge.cf-badge--avatar-badge .cf-badge__close {
  margin: 0;
  border-radius: 0.125rem;
}
.cf-badge.cf-badge--avatar-badge .cf-badge__close:hover,
.cf-badge.cf-badge--avatar-badge .cf-badge__close:focus {
  background-color: #eaecf0;
}
.cf-badge.cf-badge--avatar-badge svg path {
  stroke: #98a2b3;
}
.cf-badge.cf-badge--avatar-badge.has-border {
  padding: 0.125rem 0.25rem;
}
.cf-badge.cf-badge--avatar-badge.text-md .cf-avatar__name {
  line-height: 1.1875rem;
  font-size: 0.875rem;
}
.cf-badge.cf-badge--avatar-badge.text-default-900 .cf-avatar__name {
  color: #101828;
}
.cf-badge.cf-badge--avatar-badge.text-weight-medium .cf-avatar__name {
  font-weight: 500;
}
.cf-badge--invoice-badge {
  height: 1.3125rem;
}
.cf-badge--pill.has-border.cf-badge--gray {
  border-color: #475467;
  color: #344054;
}
.cf-badge--status.cf-badge--lg {
  padding-inline: 0.625rem;
}
.cf-badge.has-border.cf-badge--status-draft {
  border-color: #eaecf0;
}
.cf-badge.cf-badge--project-avatar-badge {
  height: 100%;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
}
.cf-badge--md.has-border.cf-badge--project-avatar-badge {
  padding: 0.25rem 0.5rem;
}
.cf-badge--text-sm .cf-badge__label {
  font-size: 0.875rem;
}
.cf-badge--text-xs .cf-badge__label {
  font-size: 0.75rem;
}
.cf-badge--clamp .cf-badge__label {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.cf-badge--project-stage .cf-badge__label {
  color: #000000;
}
.cf-badge--badge-height {
  height: 1.5rem !important;
}
.cf-comment-badge {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 140%;
  background-color: #f9fafb;
  border-radius: 1rem;
  color: #344054;
  border: 0.0625rem solid #eaecf0;
  display: inline-block;
  padding: 0.0625rem 0.4375rem;
  text-align: center;
  white-space: nowrap;
  mix-blend-mode: multiply;
}
.cf-status-badge {
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  background-color: #475467;
  color: #ffffff;
  text-align: center;
}
.cf-status-badge .cf-status-badge__text {
  font-size: 0.625rem;
  font-weight: 600;
  display: block;
  line-height: 140%;
}
.cf-status-badge--warning {
  background-color: #fdb022;
}
.cf-status-badge--error {
  background-color: #d92d20;
}
.cf-status-badge--primary {
  background-color: #fa4c4f;
}
.cf-status-badge--success {
  background-color: #079455;
}
.cf-status-badge--dark {
  background-color: #101828;
}
.cf-status-icon {
  background-color: #101828;
  border-radius: 0.25rem;
  display: inline-block;
  min-width: 1.125rem;
  height: 1.125rem;
  padding: 0.125rem 0.1875rem;
}
.cf-status-icon svg {
  width: 0.75rem;
}
.cf-priority-badge {
  width: 1rem;
  height: 1rem;
  background-color: #eaecf0;
  color: transparent;
  font-size: 0;
}
.cf-priority-badge--high {
  background-color: #f04438;
}
.cf-priority-badge--medium {
  background-color: #f79009;
}
.l-table .l-table__wrap header {
  background-color: var(--gray-200);
  padding: 1.25rem 1.5rem;
}
.l-table .l-table__wrap header h2 {
  line-height: 1;
  padding-top: 3px;
}
.l-table table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--white);
  min-width: 37.5rem;
}
.l-table thead {
  background-color: var(--gray-50);
  border-bottom: 0.0625rem solid var(--gray-200);
}
.l-table tfoot {
  border-top: 0.0625rem solid var(--gray-200);
}
.l-table tfoot td {
  padding: 1.625rem 1.5rem;
}
.l-table th {
  padding: 0.75rem 1.5rem;
}
.l-table th small {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--gray-600);
  font-weight: 500;
  white-space: nowrap;
  position: relative;
}
.l-table th small i {
  margin: -0.1875rem 0 0 0.25rem;
}
.l-table th span {
  position: relative;
}
.l-table th i {
  margin-right: 0.25rem;
  width: 1rem;
}
.l-table th button {
  background: none;
  border: none;
  cursor: pointer;
}
.l-table th .l-table__sort {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.25rem;
}
.l-table th.col-w-72 {
  width: 4.5rem;
  padding-left: 1rem;
  padding-right: 0;
}
.l-table th.col-w-48 {
  width: 3rem !important;
  padding-left: 0;
  padding-right: 0;
}
.l-table .is-hidden-row {
  border: none;
}
.l-table .is-hidden-row td {
  padding: 0;
}
.l-table .is-hidden-row td .ng-trigger {
  overflow: hidden;
}
.l-table td {
  padding: 1.25rem 1.5rem;
  font-weight: 400;
}
.l-table td.col-delete > button {
  margin-top: 0.5rem;
}
.l-table td.col-w-72 {
  padding-left: 1rem;
  padding-right: 0;
}
.l-table td.col-w-48 {
  padding-left: 0;
  padding-right: 0;
}
.l-table td.col-w-48[hidden] {
  display: table-cell;
}
.l-table td.col-w-48[hidden] button {
  opacity: 0;
  visibility: hidden;
}
.l-table td.col-w-48[hidden] * {
  pointer-events: none;
}
.l-table td p {
  color: var(--gray-600);
  word-break: break-word;
}
.l-table td p.l-text--danger {
  color: var(--error-500);
}
.l-table td p.text-gray-600 {
  color: var(--gray-600);
}
.l-table td,
.l-table p {
  font-size: 0.875rem;
}
.l-table tbody tr {
  border-bottom: 0.0625rem solid var(--gray-200);
  transition: background 0.3s ease-in-out;
  background-color: var(--white);
}
.l-table tbody tr:not(.cdk-no-data-row) td {
  background-color: inherit;
}
.l-table tbody tr:not(.cdk-no-data-row):hover td,
.l-table tbody tr:not(.cdk-no-data-row):focus td {
  background-color: var(--primary-25);
}
.l-table tbody tr:not(.cdk-no-data-row):hover + tr.is-hidden-row td,
.l-table tbody tr:not(.cdk-no-data-row):focus + tr.is-hidden-row td {
  background-color: var(--primary-25);
}
.l-table tbody tr:not(.cdk-no-data-row).is-hidden-row:hover td,
.l-table tbody tr:not(.cdk-no-data-row).is-hidden-row:focus td {
  background-color: var(--white);
}
.l-table tbody tr.is-gray td p {
  color: var(--gray-600);
}
.l-table tbody tr.has-gray-bg {
  background-color: var(--gray-50);
}
.l-table tbody tr.is-gray-900 td {
  color: var(--gray-900);
}
.l-table tbody tr.is-medium td {
  font-weight: 500;
}
.l-table tbody tr:last-child {
  border-bottom: none;
}
.l-table .l-table__col-email p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  align-self: stretch;
  word-break: break-word;
}
.l-table .l-table__col-more {
  padding: 0;
}
.l-table .l-table__col-more .l-btn {
  padding: 0;
}
.l-table .l-table__col-health {
  color: var(--gray-900);
  font-weight: 500;
}
.l-table .l-table__col-health i {
  margin-right: 0.5rem;
}
.l-table .l-table__col-activity {
  color: var(--gray-600);
}
.l-table .l-table__title {
  position: relative;
}
.l-table .l-health-meter {
  margin-right: 0.5rem;
}
.l-table + .l-table {
  margin-top: 2rem;
}
.l-table .td-task p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  min-width: 12.5rem;
}
.l-table .td-task--lvl-1 {
  padding-left: 2rem;
}
.l-table .td-task--lvl-2 {
  padding-left: 4rem;
}
.l-table .td-task--lvl-3 {
  padding-left: 6rem;
}
.l-table .td-task--closed p {
  color: var(--primary-700);
}
.l-table .td-task--closed .td-task__branch svg path {
  stroke: var(--primary-600);
}
.l-table .thead-invoice-id {
  padding-left: 4.25rem;
}
.l-table .td-task-spacer,
.l-table .td-template-spacer {
  font-size: 0;
  color: transparent;
  min-width: 1.25rem;
}
.l-table .td-cta {
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
.l-table .td-task__prefix {
  min-width: 2.875rem;
}
.l-table .col__project-health {
  min-width: 9.0625rem;
}
.l-table .l-table__msg {
  padding: 1.625rem;
  background-color: var(--white);
}
.l-table .l-table__info {
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-table .l-badge {
  mix-blend-mode: normal;
}
.l-table--main {
  margin: 1.5rem 0;
}
.l-table--scroll table {
  min-width: 50rem;
}
.l-table--projects table td {
  height: 4.5rem;
}
.l-table--fixed table {
  table-layout: fixed;
}
.l-table--customers {
  background-color: var(--white);
  border-radius: 1.25rem 1.25rem 0 0;
}
.l-table--customers .l-table__wrap {
  min-height: 55vh;
}
.l-table--card {
  border-radius: 0.75rem;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  overflow: auto;
}
.l-table--card thead {
  background-color: var(--gray-200);
}
.l-table--card thead h2 {
  position: relative;
  top: 0.1875rem;
}
.l-table--card td {
  padding: 1rem 1.5rem;
}
.l-table--data th small {
  margin-top: 0.1875rem;
}
.l-table--data td {
  padding: 1.0625rem 1.5rem;
}
.l-table--data tr.h-72 {
  height: 4.5rem;
}
.l-table--data input:not([type=file]):not([type=checkbox]):not([type=radio]),
.l-table--data select,
.l-table--data textarea,
.l-table--data .form-field {
  font-size: 1rem;
  height: 2.375rem;
}
.l-table--task table td {
  padding: 1rem 1.5rem;
}
.l-table--sm td {
  padding: 0.5rem 1.5rem;
}
.l-table--sm td p {
  color: var(--gray-600);
}
.l-table--sm th small {
  line-height: 1.125rem;
}
.l-table--fluid .l-table__wrap {
  margin-right: -2rem;
  border-radius: 0.75rem 0 0 0.75rem;
}
.l-table--fluid table {
  min-width: 81.25rem;
}
.l-table--budget td {
  color: var(--gray-600);
}
.l-table--budget .l-table__header--md .row {
  min-height: 5.0625rem;
}
.l-table--invoice td {
  vertical-align: top;
}
@media (max-width: 1199px) {
  .l-table--time-manager {
    min-width: 68.75rem;
    overflow: auto;
  }
}
.l-table--time-manager .l-table__row {
  min-height: 4.5rem;
  background-color: var(--white);
  border-bottom: 0.0625rem solid var(--gray-200);
}
.l-table--time-manager .l-table__group-head {
  background-color: var(--gray-50);
  border-bottom: 0.0625rem solid var(--gray-200);
}
.l-table--time-manager .col {
  flex-grow: 0;
  padding: 1.4375rem 1.5rem;
}
.l-table--time-manager .col--icon {
  flex-basis: 4.25rem;
  text-align: center;
}
.l-table--time-manager .col--category {
  flex-basis: 20vw;
}
.l-table--time-manager .col--task {
  flex-grow: 1;
}
.l-table--time-manager .col--task i + p {
  padding-top: 0.125rem;
}
.l-table--time-manager .col--time {
  flex-basis: 9.375rem;
  text-align: center;
}
.l-table--time-manager .col--time i + p {
  padding-top: 0.125rem;
}
.l-table--time-manager .col--toggle {
  flex-basis: 4.25rem;
}
.l-table--time-manager .col--description {
  flex-grow: 1;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.l-table--time-manager .col--description textarea {
  display: none;
}
.l-table--time-manager .col--description p {
  width: 100%;
  outline: none;
  word-break: break-word;
  padding-top: 0.125rem;
}
.l-table--time-manager .col--description p:empty {
  display: inline-block;
}
.l-table--time-manager .col--description.is-editable > div {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-300);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
.l-table--time-manager .col--description.is-editable > div .l-clamp--custom {
  -webkit-line-clamp: unset;
}
.l-table--time-manager .col--featured-icon {
  flex-basis: 5rem;
  padding-top: 1.1875rem;
  padding-bottom: 1.1875rem;
}
.l-table--time-manager .col--role {
  flex-basis: 15.625rem;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  max-width: 15.625rem;
}
.l-table--time-manager .col--role .is-editable p {
  font-weight: bold;
}
.l-table--time-manager .col--time-range {
  flex-basis: 12.1875rem;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.l-table--time-manager .col--time-range.is-editable {
  padding: 1.125rem 0;
}
.l-table--time-manager .col--time-field {
  flex-basis: 7.5rem;
  text-align: right;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.l-table--time-manager .col--time-field input:not([type=file]):not([type=checkbox]):not([type=radio]),
.l-table--time-manager .col--time-field select,
.l-table--time-manager .col--time-field textarea,
.l-table--time-manager .col--time-field .form-field {
  padding: 0.4375rem 0.6875rem;
  width: 5rem;
  height: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
  color: var(--gray-500);
}
.l-table--time-manager .col--time-field.is-editable {
  padding: 1.125rem 0.75rem;
}
.l-table--time-manager .col--delete {
  flex-basis: 3.125rem;
  padding: 1rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.l-table--time-manager .col--delete button {
  width: 2.5rem;
}
.l-table--time-manager [data-placeholder]:empty:before {
  content: attr(data-placeholder);
  font-size: 0.875rem;
  color: var(--gray-400);
  font-weight: 400;
}
.l-table--inbox {
  position: relative;
}
.l-table--inbox:after,
.l-table--inbox:before {
  content: "";
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  box-shadow: 0 17px 0 0 var(--gray-50);
  z-index: 2;
  margin-top: 0;
  bottom: -1px;
}
.l-table--inbox:before {
  left: -1px;
  border-bottom-left-radius: 12px;
}
.l-table--inbox:after {
  right: -1px;
  border-bottom-right-radius: 12px;
}
.l-table--inbox .l-table__row {
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
  .l-table--inbox .l-table__row {
    flex-wrap: wrap;
    padding-right: 5.625rem;
  }
}
.l-table--inbox .l-table__row:hover {
  background-color: var(--primary-25);
}
.l-table--inbox .l-table__row:not(:last-child) {
  border-bottom: 0.0625rem solid var(--gray-200);
}
.l-table--inbox .l-table__row:last-child {
  border-radius: 0 0 0.75rem 0.75rem;
}
.l-table--inbox .col {
  flex-grow: 0;
  padding: 1.625rem 1.5rem;
}
@media screen and (max-width: 991px) {
  .l-table--inbox .col {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
.l-table--inbox .col--user {
  flex-basis: 12.5rem;
  padding: 1rem 1.5rem;
}
@media screen and (min-width: 992px) {
  .l-table--inbox .col--user {
    flex-basis: 19.375rem;
  }
}
.l-table--inbox .col--time {
  flex-basis: 8.125rem;
}
.l-table--inbox .col--desc {
  flex-grow: 1;
  min-width: 18.75rem;
}
@media screen and (max-width: 991px) {
  .l-table--inbox .col--desc {
    flex-basis: 100%;
  }
}
.l-table--inbox .col--desc p a {
  font-weight: 500;
}
.l-table--inbox .col--actions {
  flex-basis: 7.5rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .l-table--inbox .col--actions {
    position: absolute;
    top: 0.9375rem;
    justify-content: flex-end;
  }
}
.l-table--inbox .col--actions button:hover,
.l-table--inbox .col--actions button:focus {
  background-color: transparent;
}
.l-table--inbox .col--actions button + button {
  margin-left: 0.75rem;
}
@media screen and (min-width: 1201px) {
  .l-table--inbox .col--actions button + button {
    margin-left: 2rem;
  }
}
.l-table--inbox .col--actions button path {
  transition: 0.3s ease-in-out;
}
.l-table--inbox .col--actions button:hover path {
  stroke: var(--primary-600);
}
.l-table--inbox .col--actions button.is-active svg {
  fill: var(--primary-600);
}
.l-table--inbox .col--actions button.is-active svg path {
  stroke: var(--primary-600);
}
.l-table--inbox .col--actions button.is-active.l-btn-icon--notification svg {
  fill: none;
}
.l-table--no-scroll table {
  min-width: unset;
}
.l-table.is-header-hidden thead {
  border: none;
}
.l-table.is-header-hidden thead th {
  padding: 0;
}
.l-table.is-header-hidden thead th span {
  display: none;
}
.l-table--time-view tbody tr:hover,
.l-table--time-view tbody tr:focus {
  background-color: transparent;
}
.l-table--project-tasks .td-task p {
  line-height: 1.375rem;
}
.l-table--responsive table {
  min-width: unset;
}
.l-table.has-sticky-header thead {
  border-bottom: none;
}
.l-table.has-sticky-header th:first-child,
.l-table.has-sticky-header td:first-child {
  left: 0;
}
.l-table.has-sticky-header th.col-w-48,
.l-table.has-sticky-header td.col-w-48 {
  position: sticky;
  right: 0;
  z-index: 2;
}
.l-table.has-sticky-header th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: var(--gray-50);
  z-index: 3;
}
.l-table.has-sticky-header th:after {
  content: "";
  width: 100%;
  height: 0.0625rem;
  background-color: var(--gray-200);
  position: absolute;
  left: 0;
  bottom: 0;
}
.l-table.has-sticky-header th:first-child {
  z-index: 4;
}
.l-table.has-sticky-header th.col-w-48 {
  z-index: 3;
}
.l-table.has-sticky-header td:first-child {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
}
.l-table.has-sticky-header .l-table__wrap {
  height: calc(100vh - var(--top-height) - 26px);
  overflow: auto;
  background-color: var(--white);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.l-table--generic tbody tr:nth-last-child(2) {
  border-bottom: 0;
}
.l-table--generic tbody tr:not(.cdk-no-data-row):hover td {
  background-color: var(--gray-50);
}
.l-table--generic tr:not(.is-hidden-row) td {
  height: 4.5rem;
  padding-block: 0.625rem;
}
.l-table--logged-time .is-hidden-row.is-expanded {
  border-bottom: 0.0625rem solid var(--gray-200);
}
.l-table--logged-time tr.is-expanded:not(.is-hidden-row) {
  border-bottom: none;
}
.l-table--subtasks table {
  min-width: 37.5rem;
}
@container (max-width:650px) {
  .l-table--subtasks th,
  .l-table--subtasks td {
    padding-inline: 0.625rem;
  }
}
.l-table--subtasks tbody tr:not(.cdk-no-data-row):hover td {
  background-color: var(--gray-100);
}
.l-table-custom {
  border-radius: 12px;
  border: 0.0625rem solid var(--gray-200);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  overflow: hidden;
}
.l-table-custom header {
  background: var(--gray-200);
  padding: 1.25rem 1.5rem;
}
.l-table-custom .l-table-custom__body {
  background-color: var(--white);
}
@media screen and (min-width: 992px) {
  .l-table-custom .l-table-custom__body {
    overflow: auto;
  }
}
@media screen and (min-width: 992px) {
  .l-table-custom .l-table-custom__body .row {
    flex-wrap: nowrap;
  }
}
.l-table-custom .l-table-custom__body .col {
  padding: 1rem 1.5rem;
  flex-basis: 100%;
}
@media screen and (min-width: 481px) {
  .l-table-custom .l-table-custom__body .col {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 992px) {
  .l-table-custom .l-table-custom__body .col {
    flex-basis: 1;
  }
}
@media screen and (min-width: 1440px) {
  .l-table-custom--card .l-table-custom__body {
    overflow: visible;
  }
}
.l-table-custom--card .l-table-custom__body .row {
  flex-wrap: wrap;
}
@media screen and (min-width: 1440px) {
  .l-table-custom--card .l-table-custom__body .row {
    flex-wrap: nowrap;
  }
}
.l-table-container {
  border-radius: 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  border: 0.0625rem solid var(--gray-200);
}
.l-table-container > header,
.l-table-container .l-table__header {
  padding: 0.625rem 1.5rem;
  min-height: 3.375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--gray-200);
  border-radius: 0;
  position: sticky;
  top: 0;
  left: 0;
}
.l-table-container > header h2,
.l-table-container .l-table__header h2 {
  padding-top: 3px;
}
.l-table-container > header .l-table__toggle,
.l-table-container .l-table__header .l-table__toggle {
  position: absolute;
  right: 1.5rem;
}
.l-table-container > header .l-table__toggle i,
.l-table-container .l-table__header .l-table__toggle i {
  display: inline-block;
  margin: 0;
  width: auto;
}
.l-table-container > header--budget,
.l-table-container .l-table__header--budget {
  padding: 1.25rem 1.5rem;
}
.l-table-container > header--budget h2,
.l-table-container .l-table__header--budget h2 {
  line-height: 0.8125rem;
  padding-top: 0;
}
.l-table-container .l-table__footer {
  background-color: var(--white);
  border-radius: 0 0 0.75rem 0.75rem;
  position: sticky;
  top: 0;
  left: 0;
}
.l-table-container .l-table__footer.has-border {
  border-top: 0.0625rem solid var(--gray-200);
}
.l-table-container .l-table__footer--task .l-btn--fill {
  padding: 1.0625rem 3.25rem;
  width: 100%;
  border-radius: 0;
  text-align: left;
  color: var(--gray-600);
}
.l-table-container .l-table__footer--task .l-btn--fill.l-btn--icon-left i {
  left: 1.5rem;
}
.l-table-container.is-empty {
  border: none;
}
.l-table-container .l-table--budget--nest .l-table__header {
  background-color: var(--primary-50);
  padding: 1rem 1.5rem 0;
  min-height: auto;
  border-top: 1px solid var(--primary-300);
}
.l-table-container .l-table--budget--nest .l-table__header h2 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--primary-600);
  padding: 0;
}
.l-table-container .l-table--budget--nest tr,
.l-table-container .l-table--budget--nest td {
  background-color: var(--primary-50);
}
.l-table-container .l-table--budget--nest tr:hover,
.l-table-container .l-table--budget--nest td:hover {
  background-color: var(--primary-50);
}
.l-table-container .l-table--budget--nest tbody tr:not(.cdk-no-data-row):hover td {
  background-color: var(--primary-50);
}
.l-table-container--tasks-list {
  margin-right: -0.625rem;
}
.l-table-container--tasks-list .l-table--scroll table {
  min-width: 85.625rem;
}
.l-table-container--tasks-list .l-btn-icon--play {
  margin-right: 1.8125rem;
}
.l-table-container--tasks-list .td-task p {
  line-height: 20px;
}
.l-table-container--invoice {
  margin-bottom: 1.25rem;
}
.l-table-container--invoice .l-table td {
  padding: 0.3125rem 1.5rem;
  height: 4.5rem;
}
.l-table-container--invoice .l-table td.col-invoice-service {
  padding-top: 0.875rem;
}
.l-table-container--invoice .l-table td.col-invoice-service .form-field {
  border: 0;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  background-color: transparent;
  padding-left: 1.5rem;
}
.l-table-container--invoice .l-table td.col-invoice-service > .form__item .form-field {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
}
.l-table-container--invoice .l-table td.col-input {
  padding: 0.875rem 0.875rem 0.3125rem 0.875rem;
}
.l-table-container--invoice .l-table td.col-input input,
.l-table-container--invoice .l-table td.col-input textarea {
  padding: 0 0.625rem;
}
.l-table-container--invoice .l-table td.col-delete {
  padding-top: 1rem;
}
.l-table-container--invoice .l-table td.col-invoice-desc {
  padding-top: 0.3125rem;
}
.l-table-container--invoice .l-table td.col-invoice-desc > .form__item textarea {
  padding-top: 1.25rem;
  padding-bottom: 0.9375rem;
}
.l-table-container--invoice .l-table .form__item--input textarea {
  max-height: 6.25rem;
  padding-left: 0.125rem;
  height: 2.75rem;
}
.l-table-container--invoice .l-table .form__item--invoice-service .form-field--select {
  border-radius: 0.5rem;
  border: 1px solid transparent;
  background-position: calc(100% - 10px) center;
}
.l-table-container--invoice .l-table .form__item--invoice-service .has-error .form-field--select {
  border: 1px solid var(--error-500);
}
.l-table-container + .l-table-container {
  margin-top: 2rem;
}
.l-table-container--inbox {
  overflow: initial;
  border: none;
}
.l-table-container--inbox > header {
  padding: 1.25rem 1.5rem;
  top: 2rem;
  z-index: 2;
  border-radius: 0.75rem 0.75rem 0 0;
  border: 0.0625rem solid var(--gray-200);
  border-bottom: 0;
}
.l-table-container--inbox > header:before,
.l-table-container--inbox > header:after {
  content: "";
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  box-shadow: 0 -17px 0 0 var(--gray-50);
  z-index: 2;
  margin-top: 0;
  top: -1px;
}
.l-table-container--inbox > header:before {
  content: "";
  box-shadow: 0 -17px 0 0 var(--gray-50);
  border-top-left-radius: 12px;
  left: -1px;
}
.l-table-container--inbox > header:after {
  content: "";
  box-shadow: 0 -17px 0 0 var(--gray-50);
  border-top-right-radius: 12px;
  right: -1px;
}
.l-table-container--inbox .l-table {
  border: 0.0625rem solid var(--gray-200);
  border-top: 0;
  border-radius: 0 0 0.75rem 0.75rem;
}
@media screen and (max-width: 991px) {
  .l-table-container--inbox .l-table {
    padding-bottom: 0.625rem;
  }
}
.l-table-container--inbox .notification-buttons {
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  .l-table-container--inbox .notification-buttons {
    justify-content: flex-end;
  }
}
.l-table-container--inbox .notification-buttons .notification-buttons__update {
  cursor: initial;
}
.l-table-container--inbox .l-table__toggle {
  top: 50%;
  transform: translateY(-50%);
}
.l-table-container--inbox.is-active .l-table__toggle {
  transform: translateY(-50%) rotate(-90deg);
}
.l-table-container.has-shadow {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.l-table-wrapper {
  position: relative;
}
.l-table-wrapper:before,
.l-table-wrapper:after {
  content: "";
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  box-shadow: 0 17px 0 0 var(--gray-50);
  z-index: 3;
  margin-top: 0;
  bottom: -1px;
}
.section--light .l-table-wrapper:before,
.section--light .l-table-wrapper:after {
  box-shadow: 0 17px 0 0 var(--white);
}
.l-table-wrapper:before {
  left: -1px;
  border-bottom-left-radius: 12px;
}
.l-table-wrapper:after {
  right: -1px;
  border-bottom-right-radius: 12px;
}
.l-table-wrapper .l-table-header {
  padding: 0.625rem 1.5rem;
  min-height: 3.375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--gray-200);
  border-radius: 0;
  position: sticky;
  top: 5.6875rem;
  left: 0;
  cursor: pointer;
  z-index: 2;
  border-radius: 0.75rem 0.75rem 0 0;
}
.l-table-wrapper .l-table-header:after,
.l-table-wrapper .l-table-header:before {
  content: "";
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  box-shadow: 0 -17px 0 0 var(--gray-50);
  z-index: 2;
  margin-top: 0;
  top: 0;
}
.section--light .l-table-wrapper .l-table-header:after,
.section--light .l-table-wrapper .l-table-header:before {
  box-shadow: 0 -17px 0 0 var(--white);
}
.l-table-wrapper .l-table-header:before {
  left: 0;
  border-top-left-radius: 12px;
}
.l-table-wrapper .l-table-header:after {
  right: 0;
  border-top-right-radius: 12px;
}
.l-table-wrapper .l-table-header + .l-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.l-table-wrapper .l-table-header--project-time {
  top: 11.625rem;
}
.l-table-wrapper .l-table-header--project-task {
  top: 0;
}
.l-table-wrapper .l-table-header--time-manager {
  top: 5.5625rem;
}
.l-table-wrapper .l-table__toggle {
  position: absolute;
  right: 1.5rem;
}
.l-table-wrapper .l-table__toggle i {
  display: inline-block;
  margin: 0;
  width: auto;
}
.l-table-wrapper + .l-table-wrapper {
  margin-top: 2rem;
}
.cf-table__badge .cf-badge {
  width: 100%;
  padding: 0.375rem 0.625rem;
  justify-content: center;
  white-space: nowrap;
  min-height: 2rem;
}
.cf-table__badge .cf-badge.has-border {
  padding: 0.375rem 0.625rem;
}
.cf-table .cf-table__context-menu {
  position: relative;
  left: 0.9375rem;
}
.cf-table .cf-table__cell-placeholder {
  display: block;
  width: 100%;
  min-height: 2.1875rem;
}
.cf-table .cf-table__label {
  white-space: nowrap;
}
.cf-table .cf-col__project-health {
  min-width: 9.0625rem;
}
.cf-table .cf-table__th.is-sortable {
  padding-right: 2.5rem;
  position: relative;
}
.cf-table .cf-table__th .cf-table__sort-reset {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.cf-table tr .cf-task-col {
  --base-task-padding: 34px;
}
.cf-table tr .cf-task-col .cf-task-col__fill-link {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: calc(100% - 10px);
  transform: translateY(-50%);
  font-size: 0;
  color: transparent;
}
.cf-table tr .cf-task-col .cf-radio {
  z-index: 2;
}
.cf-table tr .cf-task-col .td-task__branch {
  color: #98a2b3;
}
.cf-table tr .cf-task-col .cf-task__level {
  padding-left: calc(var(--base-task-padding) * var(--task-level));
}
.cf-table tr.is-completed .cf-task-col .cf-task__level > *:not(.cf-radio) {
  opacity: 0.5;
}
.cf-table tr:hover .cf-notification-actions .cf-button-icon {
  display: block;
}
.cf-table .cf-notification-actions {
  width: 3.75rem;
  min-height: 2.5rem;
}
.cf-table .cf-notification-actions .cf-button-icon {
  display: none;
}
.cf-table .cf-table__cell-width-180 {
  min-width: 11.25rem;
}
.cf-table .cf-table__cell-width-200 {
  min-width: 12.5rem;
}
.cf-table .cf-table__cell-width-250 {
  min-width: 14.125rem;
}
.cf-table .cf-table__cell-width-280 {
  min-width: 16.0625rem;
}
.cf-table .cf-table__cell-width-300 {
  min-width: 18.75rem;
}
.cf-table .cf-table__cell-width-350 {
  min-width: 20.375rem;
}
.cf-table .cf-table__cell-width-392 {
  min-width: 23.75rem;
}
.cf-table .cf-table__cell-width-398 {
  min-width: 24.125rem;
}
.cf-table .cf-table__cell-width-365 {
  min-width: 22.8125rem;
}
.cf-table .cf-table__tags-cell {
  max-height: 1.875rem;
  overflow: auto;
}
.cf-table .cf-table__fill-height {
  height: 100%;
}
.cf-table .cf-table__fill-height > div {
  height: 100%;
}
.cf-table .cf-table__fill-height .cf-combo-box-wrapper {
  display: flex;
  align-items: center;
}
.cf-table .cf-table__cell-fill {
  padding: 0.375rem 0.75rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.cf-table.cf-table--sticky-header .cf-table__wrapper th {
  top: 0;
}
.cf-table tbody td {
  height: 2.5rem;
}
.cf-table tbody td:has(.cf-table__cell-fill) {
  padding: 0;
}
.cf-table tbody td:has(+ .cdk-column-EmptyRightSpace) {
  border-right: none;
}
.cf-table tbody td:has(.is-service-editable) {
  background-color: #f2f4f7;
  padding: 0.125rem;
  border-right: 0 !important;
}
.cf-table .is-hidden-row.is-expanded {
  display: none;
}
.cf-table input:not([type=file]):not([type=checkbox]):not([type=radio]).cf-table__edit-input {
  background: none;
  border: none;
  padding: 0;
  color: #344054;
  font-size: 0.875rem;
  height: auto;
  min-height: auto;
  border-radius: 0;
}
.cf-table input:not([type=file]):not([type=checkbox]):not([type=radio]).cf-table__edit-input::placeholder {
  color: #344054;
}
.cf-table .cf-table__action-cell {
  overflow: visible;
}
.cf-table--listing {
  padding-bottom: 1.5rem;
}
.cf-table--listing table {
  min-width: 68.75rem;
}
.cf-table--listing .cf-table__action-th,
.cf-table--listing .cf-table__action-cell {
  position: sticky;
  left: 0;
  background: #ffffff;
  z-index: 4;
}
.cf-table--listing .cf-table__action-th {
  z-index: 5;
}
.cf-table--listing .cf-table__action-th + th {
  z-index: 4;
}
.cf-table--listing .cf-table__action-cell + td {
  z-index: 3;
}
.cf-table--listing .cf-table__action-cell + td:after {
  content: "";
  width: 0.0625rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #eaecf0;
}
.cf-table--listing .cf-table__action-cell + td:not(.is-empty-cell):not(:last-child) {
  border-right: none;
  padding: 0;
}
.cf-table--listing .cf-table__action-th + th,
.cf-table--listing .cf-table__action-cell + td {
  position: sticky;
  left: 1.5rem;
}
.cf-table--listing td,
.cf-table--listing th {
  background: #ffffff;
}
.cf-table--listing tr.is-selected td {
  background-color: #f2f4f7;
}
.cf-table--listing tr.is-selected .cf-table__cell-primary {
  background-color: #f2f4f7;
}
.cf-table--listing tr:not(.is-active):hover td {
  background-color: #f2f4f7;
}
.cf-table--listing tr:not(.is-active):hover td.cdk-column-EmptyRightSpace {
  background-color: #ffffff;
}
.cf-table--listing tr:not(.is-active):hover td .cf-table__cell-primary {
  background-color: #f2f4f7;
}
.cf-table--listing tr.is-active td {
  background-color: #fff5f5;
}
.cf-table--listing tr.is-active td .cf-table__cell-primary {
  background-color: #fff5f5;
}
.cf-table--listing td:has(.cf-table__badge) {
  padding: 0.25rem;
}
.cf-table--listing .has-horizontal-scroll .cf-table__action-cell + td:after {
  width: 0.125rem;
}
.cf-table--listing .cf-table__cell-primary {
  padding: 0.375rem 0.75rem;
  background-color: #ffffff;
  height: calc(100% - 2px);
  display: flex;
  align-items: center;
}
.cf-table--listing.has-no-scroll table {
  min-width: auto;
}
.cf-table--listing.cf-table--sticky th {
  z-index: 4;
}
.cf-table--listing.cf-table--sticky .cf-table__action-th {
  z-index: 5;
}
.cf-table--listing.cf-table--sticky .cf-table__action-th + th {
  z-index: 5;
}
.cf-table--unset-width table {
  min-width: unset;
}
.cf-table--project-activity table {
  min-width: unset;
}
.cf-table .cf-table__date-cell {
  height: 100%;
}
.cf-table .cf-table__date-cell .cf-date-picker,
.cf-table .cf-table__date-cell .mat-mdc-form-field,
.cf-table .cf-table__date-cell .mat-mdc-text-field-wrapper,
.cf-table .cf-table__date-cell .mat-mdc-form-field-flex,
.cf-table .cf-table__date-cell .mat-mdc-form-field-infix {
  height: 100%;
  width: 100%;
}
.cf-table .cf-table__date-cell .mat-mdc-form-field-infix > .has-pointer {
  display: flex;
  align-items: center;
}
.cf-table--logged-time table {
  min-width: 38.4375rem;
}
.cf-table.cf-table--logged-time td {
  height: 2.5rem;
}
.cf-table--margin {
  margin-left: -1.75rem;
}
.cf-table .cf-table__inline-editable-cell {
  height: 100%;
  padding-top: 0.375rem;
  padding-left: 12px;
  padding-right: 12px;
}
.cf-table .cf-table__inline-editable-cell::before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  border: 0.0625rem solid #98a2b3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
.cf-table .cf-table__inline-editable-cell:hover::before {
  opacity: 1;
}
.cf-table .cf-table__inline-editable-cell .cf-table__badge {
  top: 0.25rem;
  position: relative;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.cf-table--inline-edit tbody td:has(.cf-table__inline-editable-cell) {
  padding: 0;
}
.cf-table.cf-table--notification table {
  min-width: 50rem;
}
.cf-table.cf-table--notification tbody tr {
  vertical-align: top;
}
.cf-table.cf-table--notification tbody tr:hover .cf-message .cf-message__gradient:before {
  background:
    linear-gradient(
      360deg,
      rgba(242, 244, 247, 0.85) 0%,
      rgba(255, 255, 255, 0.01) 80%);
}
.cf-table.cf-table--notification tbody td:has(.cf-table__project-action-cell) {
  padding-top: 0;
  padding-bottom: 0;
}
.cf-table.cf-table--notification tbody td .cf-table__project-action-cell {
  min-height: 2.5rem;
}
.cf-table.cf-table--notification tbody .cf-table__action-cell {
  padding: 0.4375rem 0 0 0.75rem;
}
.cf-table.cf-table--notification tbody .cf-table__action-cell + td {
  left: 1.25rem;
}
.cf-table.cf-table--notification tbody .cf-table__action-cell + td:after {
  width: 0;
}
.cf-table.cf-table--notification .cf-table__action-th {
  width: 1.25rem !important;
  min-width: 1.25rem;
}
.cf-table.cf-table--notification .has-horizontal-scroll .cf-table__action-cell + td:after {
  width: 0.0625rem;
}
.cf-table.cf-table--notification.cf-table--sticky .cf-table__action-th + th {
  left: 1.25rem;
}
.cf-table--invoice-drawer table {
  min-width: 40.625rem;
}
.cf-table th.cdk-footer-cell[data-column-locked=true],
.cf-table td.cdk-footer-cell[data-column-locked=true] {
  background-color: #ffffff;
  opacity: 1;
}
.cf-table td.cdk-footer-cell.cf-table__loader-cell.cdk-column-loadingFooter {
  position: sticky;
  width: calc(100vw - 16.3125rem);
  display: block;
  left: 1.5rem;
}
.cf-table tfoot:has(.cf-table--sticky) {
  position: sticky;
  bottom: 0;
  z-index: 4;
}
.cf-table tfoot td:not(.is-empty-cell):not(:last-child) {
  border-right: 0;
}
.cf-table tfoot tr.cf-table--sticky.cf-table--last-row {
  background-color: #ffffff;
}
.cf-table tfoot tr.cf-table--sticky.cf-table--last-row td.is-empty-cell + td {
  position: sticky !important;
  left: 1.5rem !important;
  z-index: 2 !important;
}
.cf-table tfoot tr.cf-table--sticky.cf-table--last-row:not(.is-empty-cell) {
  border-right: 0 !important;
}
.cf-table tfoot tr.cf-table--sticky.cf-table--last-row:not(.is-active):hover td {
  background-color: #ffffff;
}
.cf-table-container .cf-group-select {
  left: calc(50% + 120px) !important;
  max-width: calc(100% - 260px) !important;
}
.cf-table-container--custom {
  border-radius: 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  border: 0.0625rem solid #eaecf0;
}
.cf-table-sec {
  container-type: inline-size;
}
.cf-table-sec table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
}
.cf-table-sec thead {
  border-bottom: 0.0625rem solid #eaecf0;
}
.cf-table-sec th {
  padding: 0.6875rem 0.75rem;
}
.cf-table-sec th small {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 400;
  color: #667085;
  white-space: nowrap;
  position: relative;
}
.cf-table-sec td {
  padding: 0.25rem 0.75rem;
  font-weight: 400;
  height: 2.5rem;
}
.cf-table-sec td.cf-table__cell-delete {
  text-align: center;
}
.cf-table-sec td.cf-table__cell-delete > button {
  margin-top: 0.5rem;
}
.cf-table-sec td p {
  color: #1d2939;
}
@container (max-width:800px) {
  .cf-table-sec th.hide-md,
  .cf-table-sec td.hide-md {
    display: none;
  }
}
@container (max-width:600px) {
  .cf-table-sec th.hide-sm,
  .cf-table-sec td.hide-sm {
    display: none;
  }
}
.cf-table-sec tbody tr {
  border-bottom: 0.0625rem solid #eaecf0;
  transition: background 0.3s ease-in-out;
  background-color: #ffffff;
}
.cf-table-sec tbody tr:last-child {
  border-bottom: none;
}
.cf-table-sec .cf-table-sec__badge .cf-badge {
  width: 100%;
  justify-content: center;
  padding-block: 0.375rem;
}
.cf-table-sec tfoot td {
  padding: 0;
  border-top: 0.0625rem solid #eaecf0;
}
.cf-table-sec tfoot .cf-table__add-footer {
  height: 100%;
  border-radius: 0 0 1rem 1rem;
  overflow: hidden;
  min-height: 2.875rem;
}
.cf-table-sec tfoot .cf-table__add-footer .cf-table__footer-button {
  height: 100%;
  border-radius: 0;
  width: 100%;
  text-align: left;
  padding: 0 0.875rem;
  border: none;
  background-color: #ffffff;
  color: #475467;
  font-size: 1rem;
}
.cf-table-sec tfoot .cf-table__add-footer .cf-table__footer-button:hover,
.cf-table-sec tfoot .cf-table__add-footer .cf-table__footer-button:focus {
  background-color: #f2f4f7;
}
.cf-table-sec tr input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  transition: background-color 0s ease-in-out;
}
.cf-table-sec tr.is-gray td {
  background-color: #f2f4f7;
}
.cf-table-sec tr.is-fields-disabled input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-table-sec tr.is-fields-disabled--all input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  background-color: transparent;
}
.cf-table-sec tr.is-fields-disabled .cf-input,
.cf-table-sec tr.is-fields-disabled--all .cf-input {
  pointer-events: none;
  opacity: 0.5;
}
.cf-table-sec tr.is-fields-disabled--all,
.cf-table-sec tr.is-fields-disabled--all--all {
  background-color: #f9f9fa;
}
.cf-table-sec tr.is-fields-disabled--all .cf-toggle,
.cf-table-sec tr.is-fields-disabled--all--all .cf-toggle {
  pointer-events: none;
}
.cf-table-sec tr.is-fields-disabled--all .cf-toggle .cf-toggle__input:checked,
.cf-table-sec tr.is-fields-disabled--all--all .cf-toggle .cf-toggle__input:checked {
  opacity: 0.5;
}
.cf-table-sec tr.is-fields-disabled--all .cf-toggle .cf-toggle__input:checked + .cf-toggle__label,
.cf-table-sec tr.is-fields-disabled--all--all .cf-toggle .cf-toggle__input:checked + .cf-toggle__label {
  opacity: 0.5;
}
.cf-table-sec tr.is-fields-disabled .cf-text {
  opacity: 1;
}
.cf-table-sec tr.is-fields-disabled--all .cf-text {
  opacity: 0.5;
}
.cf-table-sec tr.is-fields-disabled--footer {
  opacity: 0.5;
}
@container (max-width:650px) {
  .cf-table-sec--subtasks th,
  .cf-table-sec--subtasks td {
    padding-inline: 0.625rem;
  }
}
.cf-table-sec--subtasks tbody tr:not(.cdk-no-data-row) td {
  transition: all 0.3s ease-in-out;
}
.cf-table-sec--subtasks tbody tr:not(.cdk-no-data-row):hover td {
  background-color: #f2f4f7;
}
.cf-table-sec--invoice {
  border: 0.0625rem solid #d0d5dd;
  border-radius: 1rem;
}
.cf-table-sec--invoice table {
  background-color: transparent;
}
.cf-table-sec--invoice thead th {
  padding: 0.25rem 0.875rem;
}
.cf-table-sec--invoice thead th:first-child {
  border-top-left-radius: 1rem;
}
.cf-table-sec--invoice thead th:last-child {
  border-top-right-radius: 1rem;
}
.cf-table-sec--invoice tbody tr {
  background-color: transparent;
}
.cf-table-sec--invoice tbody tr:last-child td:first-child {
  border-bottom-left-radius: 1rem;
}
.cf-table-sec--invoice tbody tr:last-child td:last-child {
  border-bottom-right-radius: 1rem;
}
.cf-table-sec--invoice tbody tr.has-error td {
  position: relative;
}
.cf-table-sec--invoice tbody tr.has-error td:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #f04438;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
.cf-table-sec--invoice tbody tr.has-error td:not(:first-child):before {
  border-left: none;
}
.cf-table-sec--invoice tbody tr.has-error td:not(:last-child):before {
  border-right: none;
}
.cf-table-sec--invoice th {
  background-color: #f2f4f7;
  height: 3.125rem;
}
.cf-table-sec--invoice td {
  vertical-align: top;
  padding: 0.25rem;
  height: 2.375rem;
}
.cf-table-sec--invoice td.col-invoice-service,
.cf-table-sec--invoice td.col-invoice-desc {
  padding: 0;
}
.cf-table-sec--invoice td.cf-table__cell-delete > button {
  margin-top: 0.3125rem;
}
.cf-table-sec--data {
  border: 0.0625rem solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
  border-radius: 0.5rem;
  overflow: hidden;
}
.cf-table-sec--data thead th {
  border-bottom: 0.125rem solid #d0d5dd;
  text-align: left;
  font-weight: 400;
}
.cf-table-sec--data td,
.cf-table-sec--data th {
  height: 3.75rem;
  padding: 0.5rem 0.875rem;
}
.cf-table-sec--data td:not(:last-child),
.cf-table-sec--data th:not(:last-child) {
  border-right: 0.0625rem solid #d0d5dd;
}
.cf-table .cdk-virtual-scroll-content-wrapper {
  transform: translateY(0px) !important;
  min-width: var(--table-width) !important;
}
.cf-data-table__virtual-scroll-viewport {
  height: calc(100vh - (var(--headerHeight) + 24px)) !important;
}
.rp.page-header {
  padding: 0.625rem 0;
  min-height: 4.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .rp.page-header {
    padding: 0.625rem 2rem 0.625rem 0;
  }
}
.rp.page-header .l-title {
  margin-bottom: 0;
  align-self: flex-start;
}
.rp.page-header .l-title i {
  margin-left: 0.5rem;
}
.rp.page-header .page-header__title {
  position: relative;
}
.rp.page-header .page-header__title .l-btn-icon {
  height: 1.25rem;
}
.rp.page-header--create {
  padding: 1rem 2rem;
  background-color: var(--white);
}
.cf-page-header {
  padding: 0.625rem 0;
  min-height: 4.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .cf-page-header {
    padding: 0.625rem 2rem 0.625rem 0;
  }
}
.cf-page-header--create {
  padding: 1rem 2rem;
  background-color: #ffffff;
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .cf-page-header--create {
    padding-block: 0.25rem;
    min-height: 3rem;
  }
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .cf-page-header--create .cf-button-icon--lg {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.rp.pagination {
  padding: 1rem 1.5rem;
  background-color: var(--white);
}
.rp.pagination > ul {
  justify-content: space-between;
}
.rp.pagination .pagination__nav {
  padding: 0.5rem 0.875rem;
  gap: 0.5rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .rp.pagination .pagination__nav {
    min-width: 8.125rem;
  }
}
.rp.pagination .pagination__nav--prev {
  padding-left: 0;
}
.rp.pagination .pagination__nav--next {
  justify-content: flex-end;
  padding-right: 0;
}
.rp.pagination .pagination__nav.is-disabled {
  opacity: 1;
  color: var(--gray-300);
}
.rp.pagination .pagination__nav.is-disabled svg path {
  stroke: var(--gray-300);
}
.rp.pagination .pagination__items .is-disabled {
  opacity: 1;
}
.rp.pagination .pagination__items li {
  position: relative;
}
.rp.pagination .pagination__items li.is-active a {
  background-color: var(--gray-200);
  color: var(--gray-800);
}
.rp.pagination .pagination__items li a,
.rp.pagination .pagination__items li span {
  min-width: 2.5rem;
  min-height: 2.5rem;
  font-weight: 500;
  color: var(--gray-600);
  position: relative;
  font-size: 0.875rem;
  line-height: 140%;
}
.rp.pagination .pagination__items li a {
  border-radius: 50%;
}
.rp.pagination .pagination__items li:not(:last-child) {
  margin-right: 0.125rem;
}
.rp.pagination .pagination__items li:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--gray-200);
  border-radius: 50%;
  position: absolute;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.rp.pagination .pagination__items li:hover:before,
.rp.pagination .pagination__items li:focus:before {
  opacity: 1;
}
.rp.pagination--border-top {
  margin-top: -0.0625rem;
  border-top: 0.0625rem solid var(--gray-200);
}
.rp.pagination--transparent {
  background-color: transparent;
}
.rp.pagination--projects {
  padding: 1rem 0;
}
.rp.pagination--projects .pagination__nav--prev button {
  padding-left: 0;
}
.rp.pagination--projects .pagination__nav--next button {
  padding-right: 0;
}
.l-health-meter {
  position: relative;
  display: inline-block;
  align-self: baseline;
}
.l-health-meter .l-health-meter__marker {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transform: rotate(var(--degree));
}
.l-health-meter .l-health-meter__marker:before {
  content: "";
  width: 0.0625rem;
  height: calc(100% - 2px);
  position: absolute;
  top: 50%;
  left: 50%;
  background:
    linear-gradient(
      to top,
      transparent calc(100% - 4.5px),
      rgb(0, 0, 0) 50%);
  transform-origin: center;
  transform: translate(50%, -50%);
}
.l-health-meter svg {
  position: relative;
  transform: rotate(-90deg);
  width: calc(var(--radius) * 2);
  height: calc(var(--radius) * 2);
  display: block;
}
.l-health-meter .l-health-meter__round {
  width: 100%;
  height: 100%;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
}
.l-health-meter .l-health-meter__round--back {
  stroke: var(--gray-200);
}
.l-health-meter .l-health-meter__round--front {
  stroke: var(--success-500);
  stroke-dasharray: 62;
  stroke-dashoffset: calc(62px - 62px * var(--percent) / 100);
  stroke-width: 3;
}
.l-health-meter .l-health-meter__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.640625rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--gray-700);
  width: 100%;
  text-align: center;
  word-break: break-word;
}
.l-health-meter .l-health-meter__text--sm {
  font-size: 1.125rem;
}
.l-health-meter .l-health-meter__text--md {
  font-size: 2.1875rem;
}
.l-health-meter + span {
  line-height: 1;
}
.l-health-meter--lg .l-health-meter__round {
  stroke-width: var(--stroke-width);
}
.l-health-meter--lg .l-health-meter__round--back {
  stroke: var(--primary-300);
}
.l-health-meter--lg .l-health-meter__round--front {
  stroke: var(--primary-600);
  stroke-dasharray: 345px;
  --stroke-offset: calc(345px - 345px * var(--percent) / 100);
  stroke-dashoffset: max(0px, var(--stroke-offset));
  opacity: var(--percent);
}
.l-health-meter--lg .l-health-meter__marker:before {
  width: 0.25rem;
  height: calc(100% + 5px);
  background-image: url(/assets/images/health-line-1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-color: transparent;
}
.l-health-meter--recurring .l-health-meter__round--front {
  stroke-dasharray: 28.75rem;
  stroke-dashoffset: calc(460px - 460px * var(--percent) / 100);
}
.l-health-meter--upload {
  padding: 0.375rem;
}
.l-health-meter--upload .l-health-meter__round {
  stroke-width: var(--stroke-width);
}
.l-health-meter--upload .l-health-meter__round--front {
  stroke: var(--primary-600);
  stroke-dasharray: 62px;
  stroke-dashoffset: calc(62px - 62px * var(--percent) / 100);
}
.l-health-meter--sec .l-health-meter__round--back {
  stroke-width: 0.3125rem;
  stroke: var(--gray-200);
}
.l-health-meter--yellow .l-health-meter__round--front {
  stroke: var(--yellow-500);
}
.l-health-meter--error .l-health-meter__round--front {
  stroke: var(--error-500);
}
.l-health-meter--gray .l-health-meter__round--front {
  stroke: var(--gray-200);
}
.l-health-meter--fill {
  border-radius: 50%;
}
.l-health-meter--fill.l-health-meter--error {
  background-color: var(--error-500);
}
.l-health-meter--spinner {
  animation: spin 1s linear infinite;
}
.l-health-meter--gradient .l-health-meter__round--front {
  stroke: var(--linear-gradient);
}
.l-health-meter--graident-sec .l-health-meter__round--front {
  stroke: var(--linear-gradient);
}
.l-health-meter--graident-sec .l-health-meter__round--back {
  stroke: var(--linear-gradient-back);
}
.l-health-meter--overflowed .l-health-meter__round--front {
  stroke-dasharray: 0;
}
.l-health-meter--gray-line .l-health-meter__round--back {
  stroke: var(--gray-200);
  stroke-width: 0.3125rem;
}
.l-health-meter.is-overflowed .l-health-meter__round--front {
  display: none;
}
.l-health-meter.is-overflowed .l-health-meter__round--back {
  stroke-width: 0.5625rem;
  stroke: var(--error-500);
}
.l-health-meter.is-overflowed .l-health-meter__marker:before {
  display: none;
}
.rp.card-info {
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid var(--gray-200);
  background: var(--gray-50);
}
.rp.card-info header {
  padding: 0;
  margin-bottom: 0.25rem;
}
.rp.card-info ul li {
  margin-bottom: 0.25rem;
}
.rp.card-info a[href*=mailto]:hover {
  color: var(--primary-600);
}
.rp.card-info a[href*=tel] {
  color: var(--gray-600);
}
.rp.card-info a[href*=tel]:hover {
  color: var(--gray-800);
}
.rp.card-info:not(:last-child) {
  margin-bottom: 1rem;
}
.cf-card {
  height: 100%;
}
.cf-card--description {
  height: 100%;
}
.cf-card--description .cf-card-header__text {
  margin-bottom: 0.625rem;
}
.cf-card--description .cf-editor .ProseMirror p,
.cf-card--description .cf-editor .ProseMirror ul,
.cf-card--description .cf-editor .ProseMirror ol {
  color: #475467;
}
.cf-card--description > div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.cf-card--description .rp.text-editor .text-editor__panel {
  height: 100%;
}
.cf-card--description .rp.text-editor--card {
  flex-grow: 1;
}
.cf-card--description .cf-editor {
  height: 100%;
}
.cf-card--description .cf-editor .ProseMirror {
  height: 100%;
  max-height: 11.25rem;
  overflow: auto;
}
.cf-card--tags .cf-card-header__text {
  margin-bottom: 0.625rem;
}
.cf-card.is-focused {
  box-shadow: 0px 0px 0px 4px #f6ebff;
}
.cf-card--company-drawer {
  min-height: 10.3125rem;
}
.cf-card--mb-0 .cf-card-header__text {
  margin-bottom: 0;
}
.cf-card--weight-500 .cf-card-header__text {
  font-weight: 500;
}
.cf-card--default-800 .cf-card-header__text {
  color: #1d2939;
}
.cf-card--sm .cf-card-header__text {
  font-size: 0.875rem;
}
.cf-card--align-between .cf-card__wrapper {
  display: flex;
  flex-direction: column;
}
.cf-card.has-sm-header .cf-card-header__text {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1d2939;
  margin-bottom: 1.125rem;
  margin-top: -0.5rem;
}
.cf-card.cf-card--budget {
  border: 0.0625rem solid #d0d5dd;
  background-color: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
  padding: 0;
}
.cf-card.cf-card--budget .cf-card__header {
  border-bottom: 0.0625rem solid #eaecf0;
}
.cf-card.cf-card--budget.is-active {
  border: 0.0625rem solid #ff7376;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05), 0px 0px 0px 4px #f6ebff;
}
.cf-card.cf-card--empty {
  background-color: #f9fafb;
}
.cf-card--empty .cf-card__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cf-card--empty p {
  color: #667085;
}
.cf-card--height-sm {
  min-height: 8.5rem;
}
.cf-card--height-md {
  min-height: 10.5rem;
}
.cf-card--height-xl {
  min-height: 14.5rem;
}
.cf-card--height-xxl {
  min-height: 19.4375rem;
}
.cf-card.cf-card--bg-default-100 {
  background-color: #f2f4f7;
}
.cf-budget-card .cf-budget-card__item:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (max-width: 481px) {
  .rp.analytics {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1201px) {
  .rp.analytics {
    flex-wrap: nowrap;
  }
}
.rp.analytics article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 1rem;
  margin-top: 1rem;
}
@media screen and (min-width: 1201px) {
  .rp.analytics article {
    margin-top: 0;
  }
}
.rp.analytics article h3 {
  margin-bottom: 0;
  color: var(--gray-600);
}
.rp.analytics .analytics__xl-text {
  font-size: 1.25rem;
  line-height: 140%;
  color: var(--gray-900);
  display: inline-block;
  position: relative;
  margin: 0 0.5rem 0 0;
}
.rp.analytics .analytics__label {
  margin-left: 0;
}
.rp.analytics .analytics__cnt li:not(:last-child) {
  margin-bottom: 0.25rem;
}
.rp.analytics .analytics__cnt--blank .analytics__list {
  padding-left: 0;
}
.rp.analytics .analytics__cnt--blank .analytics__list:before {
  display: none;
}
@media screen and (min-width: 768px) {
  .rp.analytics--company article {
    padding-left: 1rem;
  }
}
.rp.analytics--company article h3 {
  color: var(--gray-600);
}
.rp.analytics--company article .analytics__list {
  position: relative;
  padding-left: 1rem;
}
.rp.analytics--company article .analytics__list:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--gray-200);
  position: absolute;
  top: 0.3125rem;
  left: 0;
}
.rp.analytics--company article .analytics__list--primary:before {
  background-color: var(--primary-600);
}
.rp.analytics--company article .analytics__list--sec:before {
  background-color: var(--primary-300);
}
.rp.analytics--company article .analytics__list--gradient:before {
  background:
    linear-gradient(
      45deg,
      #9f2a2d 0%,
      #fa4c4f 100%);
}
.rp.analytics--company article .analytics__list--lg:before {
  top: 0.625rem;
}
.rp.analytics--company article ul p {
  color: var(--gray-900);
}
.rp.analytics--company article ul p span {
  color: var(--gray-600);
  margin-left: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.rp.analytics--health .analytics__cnt label {
  margin-bottom: 0.5rem;
}
.rp.analytics--project-overview,
.rp.analytics--budget {
  padding: 1.5rem 0.625rem;
}
@media screen and (min-width: 1440px) {
  .rp.analytics--project-overview,
  .rp.analytics--budget {
    padding: 1.5rem;
  }
}
.rp.analytics--profit-margin article .analytics__list:before {
  top: 0.5625rem;
}
.rp.profile-block {
  position: relative;
}
.rp.profile-block h4 {
  margin-bottom: 0.5rem;
}
.rp.profile-block .profile-block__close {
  position: absolute;
  top: 0.3125rem;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.rp.profile-block .profile-block__empty {
  height: 0.6875rem;
  border-radius: 6.25rem;
  background-color: var(--gray-200);
  width: 5.9375rem;
  max-width: 100%;
}
.rp.profile-block:hover .profile-block__close {
  opacity: 1;
  visibility: visible;
}
.rp.profile-block--truncate {
  height: 100%;
}
.rp.profile-block--truncate h6 {
  word-break: break-all;
}
.rp.profile-block--truncate:hover h6,
.rp.profile-block--truncate:hover p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  transition: 0.5s width ease-in-out;
}
.rp.profile-block--truncate:hover h6 {
  width: 4.0625rem;
}
.rp.profile-block--truncate:hover p {
  width: 3.75rem;
}
.rp.profile-block--appbar {
  padding: 0 1rem;
  cursor: pointer;
  position: relative;
}
.rp.profile-block--appbar figure,
.rp.profile-block--appbar article {
  position: relative;
  z-index: 2;
}
.rp.profile-block--appbar:before {
  content: "";
  width: calc(100% - 10px);
  opacity: 0;
  height: calc(100% + 15px);
  background-color: var(--gray-300);
  border-radius: 6.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
.rp.profile-block--appbar h6 {
  color: var(--gray-700);
  word-break: break-word;
}
.rp.profile-block--appbar:hover:before,
.rp.profile-block--appbar:focus:before {
  opacity: 1;
}
.rp.profile-block--inbox .l-avatar {
  cursor: pointer;
}
.rp.profile-block--inbox h2 {
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.rp.profile-block--inbox:hover h2,
.rp.profile-block--inbox:focus h2 {
  color: var(--gray-600);
}
.cf-profile-block {
  position: relative;
}
.cf-profile-block h4 {
  margin-bottom: 0.5rem;
}
.cf-profile-block .profile-block__close {
  position: absolute;
  top: 0.3125rem;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.cf-profile-block .profile-block__empty {
  height: 0.6875rem;
  border-radius: 6.25rem;
  background-color: #eaecf0;
  width: 5.9375rem;
  max-width: 100%;
}
.cf-profile-block:hover .profile-block__close {
  opacity: 1;
  visibility: visible;
}
.cf-profile-block--truncate {
  height: 100%;
}
.cf-profile-block--truncate h6 {
  word-break: break-all;
}
.cf-profile-block--truncate:hover h6,
.cf-profile-block--truncate:hover p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  transition: 0.5s width ease-in-out;
}
.cf-profile-block--truncate:hover h6 {
  width: 4.0625rem;
}
.cf-profile-block--truncate:hover p {
  width: 3.75rem;
}
.cf-profile-block--appbar {
  padding: 0.25rem;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.cf-profile-block--appbar figure,
.cf-profile-block--appbar article {
  position: relative;
  z-index: 2;
}
.cf-profile-block--appbar .l-avatar {
  background-color: #1d2939;
  transition: all 0.3s ease-in-out;
}
.cf-profile-block--appbar .l-avatar:after {
  color: #ffffff;
  background-color: #1d2939;
  transition: all 0.3s ease-in-out;
}
.cf-profile-block--appbar h6 {
  color: #ffffff;
  word-break: break-word;
}
.cf-profile-block--appbar p {
  color: #98a2b3;
}
.cf-profile-block--appbar:hover,
.cf-profile-block--appbar:focus {
  background-color: #1d2939;
}
.cf-profile-block--appbar:hover .l-avatar,
.cf-profile-block--appbar:focus .l-avatar {
  background-color: #101828;
}
.cf-profile-block--appbar:hover .l-avatar:after,
.cf-profile-block--appbar:focus .l-avatar:after {
  background-color: #101828;
}
.cf-profile-block--inbox .l-avatar {
  cursor: pointer;
}
.cf-profile-block--inbox h2 {
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.cf-profile-block--inbox:hover h2,
.cf-profile-block--inbox:focus h2 {
  color: #475467;
}
.l-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  min-height: 6.25rem;
  flex-direction: column;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.l-upload:hover + i,
.l-upload:focus + i {
  box-shadow: 0 0.0625rem 0.5rem 0 rgba(16, 24, 40, 0.1);
}
.l-upload:hover p span,
.l-upload:focus p span {
  text-decoration: underline;
}
.l-upload i {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
  margin-bottom: 0.75rem;
}
.l-upload p {
  color: var(--gray-600);
  margin: 0;
}
.l-upload p span {
  color: var(--primary-700);
  font-weight: 500;
}
.l-upload + .rp.file-upload {
  margin-top: 1rem;
}
.rp.file-upload {
  border-radius: 0.75rem;
  border: 1px solid var(--gray-200);
  background: var(--white);
  padding: 0.625rem 1rem;
  overflow: hidden;
  position: relative;
}
.rp.file-upload p {
  margin: 0;
}
.rp.file-upload .file-upload__cnt {
  min-height: 2.125rem;
}
.rp.file-upload .file-upload__name {
  flex-basis: 56%;
}
.rp.file-upload .file-upload__title {
  color: var(--gray-700);
  font-weight: 500;
  word-break: break-word;
}
.rp.file-upload .file-upload__complete {
  display: none;
}
.rp.file-upload .file-upload__check {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.rp.file-upload > .row,
.rp.file-upload > .file-upload__cnt {
  position: relative;
  z-index: 1;
}
.rp.file-upload:after {
  content: "";
  width: var(--data-progress);
  height: 100%;
  background-color: var(--gray-50);
  position: absolute;
  top: 0;
  left: 0;
}
.rp.file-upload:not(:last-child) {
  margin-bottom: 0.75rem;
}
.rp.file-upload.is-uploaded:after {
  display: none;
}
.rp.file-upload.is-uploaded .file-upload__porgress {
  display: none;
}
.rp.file-upload.is-uploaded .file-upload__complete {
  display: flex;
}
.rp.file-upload .file-upload__icons button + button {
  margin-left: 0;
}
.rp.file-upload--sm {
  padding: 0.5rem;
}
.rp.file-upload--sm .file-upload__name {
  flex-basis: 100%;
}
.rp.profile-upload .col {
  padding: 0;
}
.rp.profile-upload .col--image {
  flex-basis: 6.5rem;
  max-width: 6.5rem;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cf-profile-upload .col {
  padding: 0;
}
.cf-profile-upload .col--image {
  flex-basis: 6.5rem;
  max-width: 6.5rem;
}
.cf-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid #eaecf0;
  background: #ffffff;
  min-height: 6.25rem;
  flex-direction: column;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.cf-upload:hover + i,
.cf-upload:focus + i {
  box-shadow: 0 0.0625rem 0.5rem 0 rgba(16, 24, 40, 0.1);
}
.cf-upload:hover p span,
.cf-upload:focus p span {
  text-decoration: underline;
}
.cf-upload i {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #eaecf0;
  background: #ffffff;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
  margin-bottom: 0.75rem;
}
.cf-upload p {
  color: #475467;
  margin: 0;
}
.cf-upload p span {
  color: #e04346;
  font-weight: 500;
}
.cf-upload + .cf-file-upload {
  margin-top: 1rem;
}
.cf-upload--company-documents {
  padding: 0;
}
.cf-upload--company-documents .cf-upload__icon {
  margin: 0 0.5rem 0 0;
}
.cf-upload--company-documents .cf-upload__text {
  margin-top: 0.625rem;
}
.cf-upload--company-documents .cf-file-upload {
  padding: 0.875rem;
}
.cf-upload--company-documents .cf-file-upload:not(:last-child) {
  margin-bottom: 0.375rem;
}
.cf-upload--company-documents .cf-placeholder .cf-placeholder__bg {
  margin-top: 4.25rem;
}
.cf-upload--company-documents .cf-placeholder .cf-placeholder__title {
  margin: 3.875rem 0.625rem 0 0;
}
.cf-file-upload {
  background: #ffffff;
  padding: 0.5625rem 0.9375rem;
  position: relative;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(14, 24, 41, 0.05);
}
.cf-file-upload p {
  margin: 0;
}
.cf-file-upload .cf-file-upload__name {
  flex-basis: 56%;
}
.cf-file-upload > .row,
.cf-file-upload > .cf-file-upload__cnt {
  position: relative;
  z-index: 1;
}
.cf-file-upload:after {
  content: "";
  width: var(--data-progress);
  height: 100%;
  background-color: #f9fafb;
  position: absolute;
  top: 0;
  left: 0;
}
.cf-file-upload:not(:last-child) {
  margin-bottom: 0.75rem;
}
.cf-file-upload.is-uploaded:after {
  display: none;
}
.cf-file-upload .cf-file-upload__icons button + button {
  margin-left: 0;
}
.cf-file-upload--sm {
  padding: 0.5rem;
}
.cf-file-upload--sm .cf-file-upload__name {
  flex-basis: 100%;
}
.cf-attachment-panel {
  min-height: 3rem;
}
.rp.tab .tab__nav {
  padding-top: 1.5rem;
}
.rp.tab .tab__nav ul {
  position: relative;
}
.rp.tab .tab__nav ul:after {
  content: "";
  width: 100%;
  height: 0.0625rem;
  background-color: var(--gray-200);
  position: absolute;
  bottom: 0;
  left: 0;
}
.rp.tab .tab__nav li a {
  color: var(--gray-500);
  padding: 0 0.25rem 0.75rem;
  display: inline-block;
  border-bottom: 0.125rem solid transparent;
  position: relative;
  z-index: 1;
  font-weight: 500;
  line-height: 140%;
  cursor: pointer;
}
.rp.tab .tab__nav li a:hover,
.rp.tab .tab__nav li a:focus {
  color: var(--primary-700);
}
.rp.tab .tab__nav li.is-active a {
  color: var(--primary-700);
  border-color: var(--primary-700);
}
.rp.tab .tab__nav li:not(:last-child) {
  margin-right: 1rem;
}
.rp.tab.is-sticky {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--white);
}
.tab__body {
  overflow: hidden;
}
.tab__body--negative-margin {
  margin: 0 -1.25rem;
}
.rp.mat-tab .mat-mdc-tab-list {
  padding: 1.125rem 0;
}
.rp.mat-tab .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 0;
  padding: 0;
  min-width: auto;
  height: auto;
}
.rp.mat-tab .mdc-tab--active .mdc-tab__text-label {
  background-color: var(--white);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.rp.mat-tab .mdc-tab--active:hover .mdc-tab__ripple::before {
  background-color: var(--white);
}
.rp.mat-tab .mat-mdc-tab-labels {
  gap: 0.5rem;
  padding: 0 1.5rem;
}
.rp.mat-tab .mdc-tab__text-label {
  font-size: 0.875rem;
  line-height: 140%;
  color: var(--gray-500);
  font-weight: 500;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
}
.rp.mat-tab .mdc-tab-indicator .mdc-tab-indicator__content {
  border: none;
}
.rp.mat-tab .mat-mdc-tab:hover .mdc-tab__text-label {
  background: transparent;
  color: var(--primary-700);
}
.rp.mat-tab .mat-mdc-tab .mdc-tab__ripple::before {
  background-color: transparent;
  opacity: 1;
}
.rp.mat-tab .mat-mdc-tab-body-content,
.rp.mat-tab .mat-mdc-tab-body.mat-mdc-tab-body-active {
  overflow: initial;
}
.rp.tab-nav {
  position: relative;
  z-index: 3;
}
.rp.tab-nav ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0.25rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--gray-100);
}
.rp.tab-nav ul a {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--gray-500);
  display: inline-block;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: none;
}
.rp.tab-nav ul a:hover,
.rp.tab-nav ul a:active,
.rp.tab-nav ul a:focus {
  color: var(--primary-700);
}
.rp.tab-nav ul li {
  position: relative;
  list-style: none;
  font-size: 1rem;
}
.rp.tab-nav ul li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.375rem;
  background: var(--white);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease-in-out;
}
.rp.tab-nav ul li.is-active:before {
  opacity: 1;
}
.rp.tab-nav ul li.is-active a {
  background: var(--gradient-primary-70060045-deg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 2;
}
.cf-tab-body {
  overflow: hidden;
}
.cf-tab-body--negative-margin {
  margin: 0 -1.25rem;
}
.cf-tabset--line-height-md .cf-tabs__btn {
  line-height: 1.225rem !important;
}
.has-disabled-fields .cf-tabs {
  opacity: 0.5;
  pointer-events: none;
}
.cf-tabs--budget.cf-tabs--pill .cf-tabs__btn {
  padding-block: 0.5rem;
}
.cf-tabs--budget.cf-tabs--pill .cf-tabs__header {
  padding: 0.25rem;
}
.l-list {
  height: 20rem;
  margin-top: 0.5rem;
  overflow: auto;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  padding: 0.375rem;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  overflow: auto;
}
.l-list > li {
  padding: 0.625rem 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.l-list > li:not(:last-child) {
  margin-bottom: 0.25rem;
}
.l-list > li:hover {
  background: var(--gray-50);
}
.l-list > li:hover .l-list__actions {
  opacity: 1;
  visibility: visible;
}
.l-list .l-list__actions {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.l-list .l-list__label {
  flex: 1;
  color: var(--gray-900);
  line-height: 140%;
}
.l-list--scroll {
  height: var(--list-height);
}
.l-list--checkbox li {
  position: relative;
  font-weight: 500;
}
.l-list--checkbox li:before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
  position: absolute;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s ease-in-out;
}
.l-list--checkbox li.is-active:before {
  background-image: url(/assets/icons/icon-check-list.svg);
  border-color: var(--primary-600);
  background-color: var(--primary-50);
}
.l-list--checkbox .l-list__label {
  padding-right: 1.25rem;
}
.l-list--settings {
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
  margin-bottom: 0.5rem;
}
.l-list--modal {
  position: relative;
  z-index: 3;
}
@media (min-width: 1199px) and (max-width: 1399px) and (max-height: 799px) {
  .l-list--project {
    max-height: 9.375rem;
  }
}
.cf-list.cf-list--members ul {
  max-height: calc(100vh - 212px);
  overflow: auto;
}
.cf-list.cf-list--members ul li {
  min-height: 3.75rem;
}
.cf-analytics-list .cf-analytics-list__item:not(:last-child) {
  margin-bottom: 0.25rem;
}
.cf-analytics-list .cf-analytics-list__item p {
  word-break: break-word;
}
.cf-analytics-list.has-bullet .cf-analytics-list__item {
  position: relative;
  padding-left: 1rem;
}
.cf-analytics-list.has-bullet .cf-analytics-list__item:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fa4c4f;
  position: absolute;
  left: 0;
  top: 0.375rem;
}
.cf-analytics-list.has-bullet .cf-analytics-list__item--primary-200:before {
  background-color: #ffd0d1;
}
.rp.time-machine button {
  padding: 0.625rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
}
.rp.time-machine .time-machine__box {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
.cf-time-machine button {
  padding: 0.625rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  border-radius: 1.25rem;
  border: 0.0625rem solid #fa4c4f;
  background: #c73538;
}
.cf-time-machine button:hover,
.cf-time-machine button:focus {
  background: #fa4c4f;
}
.cf-time-machine .cf-time-machine__box {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #fa4c4f;
  background: #5a211e;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(14, 24, 41, 0.05);
}
.rp.icon-card {
  gap: 0.75rem;
}
.rp.icon-card i {
  min-width: var(--icon-size);
  height: var(--icon-size);
  background-color: var(--gray-200);
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
.rp.icon-card i svg path {
  transition: 0.3s ease-in-out;
}
.rp.icon-card article h6 {
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
  transition: 0.3s ease-in-out;
}
.rp.icon-card article p {
  transition: 0.3s ease-in-out;
}
.rp.icon-card--search {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.rp.icon-card--search:hover,
.rp.icon-card--search:focus {
  background-color: var(--primary-50);
}
.rp.icon-card--search:hover i,
.rp.icon-card--search:focus i {
  background-color: var(--primary-200);
}
.rp.icon-card--search:hover svg path,
.rp.icon-card--search:focus svg path {
  stroke: var(--primary-600);
}
.rp.icon-card--search:hover article h6,
.rp.icon-card--search:focus article h6 {
  color: var(--primary-800);
}
.rp.icon-card--search:hover article p,
.rp.icon-card--search:focus article p {
  color: var(--primary-700);
}
@media screen and (min-width: 1440px) {
  .rp.icon-card--overview p {
    white-space: nowrap;
  }
}
.cf-icon-card {
  gap: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.cf-icon-card .cf-icon-card__figure {
  min-width: var(--icon-size);
  height: var(--icon-size);
  background-color: #eaecf0;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.cf-icon-card .cf-icon-card__figure svg path {
  transition: all 0.3s ease-in-out;
}
.cf-icon-card article h6 {
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.cf-icon-card article p {
  transition: all 0.3s ease-in-out;
}
.cf-icon-card--search .cf-icon-card__figure {
  color: #475467;
}
.cf-icon-card--search:hover,
.cf-icon-card--search:focus {
  background-color: #f2f4f7;
}
.cf-icon-card--search .cf-list-group li p {
  color: #667085;
}
.cf-icon-round {
  width: 1.25rem;
  height: 1.25rem;
  background: #eaecf0;
  color: #475467;
}
.cf-icon-round--purple {
  background: #ddd6fe;
  color: #6938ef;
}
.cf-icon-round--warning {
  background-color: #fedf89;
  color: #dc6803;
}
.cf-icon-round--error {
  background-color: #fecdca;
  color: #d92d20;
}
.cf-icon-round--success {
  background-color: #abefc6;
  color: #079455;
}
.cf-featured-icon {
  padding: 0.75rem;
  width: 3.5rem;
  height: 3.5rem;
  border: 8px solid #f5f8fb;
  background-color: #eaecf0;
  color: #667085;
}
.cf-featured-icon--warning {
  border-color: #fffaeb;
  background-color: #fef0c7;
  color: #b54708;
}
.cf-box-icon {
  width: 1.625rem;
  height: 1.625rem;
}
.rp.rate-box .rate-box__item {
  border-radius: var(--border-radius);
  border: 0.0625rem solid var(--gray-300);
  background-color: var(--white);
  overflow: hidden;
}
.rp.rate-box .rate-box__item label {
  margin: 0;
}
.rp.rate-box .rate-box__item.is-budget-disabled {
  background-color: var(--gray-50);
}
.rp.rate-box .rate-box__item.is-budget-disabled label {
  display: none;
}
.rp.rate-box .rate-box__item.is-budget-disabled .rate-box__title p {
  color: var(--gray-500);
}
.rp.rate-box .rate-box__item.is-budget-disabled .rate-box__title p strong {
  color: inherit;
}
.rp.rate-box .rate-box__item.is-budget-disabled .rp.toggle span {
  color: var(--gray-500);
}
.rp.rate-box .rate-box__pannel {
  padding: 0.625rem 0.875rem;
}
.rp.rate-box .rate-box__title p {
  font-size: 1rem;
  color: var(--gray-700);
}
.rp.rate-box .rate-box__title p strong {
  font-weight: 500;
  color: var(--gray-900);
}
.rp.rate-box .rate-box__content {
  border-top: 0.0625rem solid var(--gray-300);
  background: var(--gray-450);
  padding: 1rem;
}
.rp.rate-box .rate-box__content h6 {
  margin-bottom: 0.75rem;
  color: var(--gray-700);
}
.rp.rate-box .rate-box__content .rate-box__label {
  position: absolute;
  right: 0.75rem;
  top: 0.625rem;
}
.rp.rate-box .rate-box__content .form__item input {
  padding-right: 6.25rem;
}
@media screen and (min-width: 768px) {
  .rp.rate-box .rate-box__content .form__item input {
    padding-right: 9.375rem;
  }
}
.rp.rate-box--disabled .rate-box__item {
  border: 0.0625rem solid var(--gray-300);
  background: var(--gray-50);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.rp.rate-box--disabled .rate-box__title p {
  color: var(--gray-500);
}
.rp.rate-box--disabled .rate-box__title p strong {
  color: var(--gray-500);
}
.cf-rate-box .cf-rate-box__item .cf-rate-box__title p {
  color: #1d2939;
}
.cf-rate-box .cf-rate-box__item.is-budget-disabled {
  background-color: #f9fafb;
}
.cf-rate-box .cf-rate-box__item.is-budget-disabled label {
  display: none;
}
.cf-rate-box .cf-rate-box__item.is-budget-disabled .cf-rate-box__title p {
  color: #667085;
}
.cf-rate-box .cf-rate-box__item.is-budget-disabled .cf-rate-box__title p strong {
  color: inherit;
}
.cf-rate-box .cf-rate-box__item.is-budget-disabled .rp.toggle span {
  color: #667085;
}
.cf-rate-box .cf-rate-box__pannel {
  padding: 0.625rem 0.875rem;
  min-height: 3.75rem;
}
.cf-rate-box .cf-rate-box__content {
  border-top: 0.0625rem solid #d0d5dd;
}
.cf-rate-box .cf-rate-box__title span {
  line-height: 1.125rem;
}
.cf-rate-box--disabled .cf-rate-box__item {
  border: 0.0625rem solid #d0d5dd;
  background: #f9fafb;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.cf-rate-box--disabled .cf-rate-box__title p {
  color: #667085;
}
.cf-rate-box--disabled .cf-rate-box__title p strong {
  color: #667085;
}
.l-drop {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.l-drop .l-drop__btn {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.l-drop .l-drop__btn:hover,
.l-drop .l-drop__btn:focus {
  background-color: var(--white);
}
.l-drop .l-drop__btn:hover svg path,
.l-drop .l-drop__btn:focus svg path {
  stroke: var(--primary-700);
}
.l-drop .l-drop__btn svg {
  display: inline-block;
}
.l-drop .l-drop__btn svg path {
  transition: 0.3s ease-in-out;
}
.l-dropdown {
  background-color: var(--white);
  border: 0.0625rem solid var(--gray-200);
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  border-radius: 0.5rem;
  position: absolute;
  top: 2.1875rem;
  right: 0;
  min-width: 15rem;
  z-index: 9;
}
.l-dropdown .l-line {
  margin: 4px 0;
}
.l-dropdown li {
  padding: 0.5625rem 1rem;
  margin: 0.125rem 0;
}
.l-dropdown li a {
  display: flex;
  align-items: center;
  color: var(--gray-700);
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 500;
}
.l-dropdown li a svg {
  display: block;
  margin-right: 0.5rem;
}
.l-dropdown li a svg path {
  transition: all 0.3s ease-in-out;
}
.l-dropdown li a:hover,
.l-dropdown li a:focus {
  color: var(--primary-700);
}
.l-dropdown li a:hover svg path,
.l-dropdown li a:focus svg path {
  stroke: var(--primary-700);
}
.l-dropdown li a:hover svg.has-fill path,
.l-dropdown li a:focus svg.has-fill path {
  fill: var(--primary-700);
  stroke: none;
}
.l-dropdown--user {
  position: relative;
  top: -0.3125rem;
  right: auto;
  left: 0.9375rem;
  min-width: 12.5rem;
  cursor: pointer;
}
.l-dropdown--project-header {
  position: initial;
  top: initial;
  right: initial;
  border: unset;
}
.l-dropdown--table {
  position: initial;
  top: initial;
  right: initial;
  border: unset;
  box-shadow: none;
  border-radius: unset;
}
.l-dropdown--table .cdk-menu {
  background-color: var(--white);
  border: 0.0625rem solid var(--gray-200);
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  border-radius: 0.5rem;
}
.l-dropdown--task-tools {
  min-width: 15.625rem;
  position: relative;
  top: auto;
  right: auto;
}
@media (max-height: 650px) {
  .l-dropdown--task-tools {
    max-height: 50vh;
    overflow: auto;
  }
}
.l-select {
  display: block;
  width: 100%;
  border: 1px solid black;
  background-color: white;
  border-radius: 0.5rem;
  border: 1px solid var(--gray-200);
  background: var(--white);
  box-shadow: 0 0.25rem 0.375rem -0.125rem rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.l-select .l-avatar {
  background: transparent;
  align-self: flex-start;
  margin-top: 0.0625rem;
}
.l-select .l-select__cnt > i {
  align-self: flex-start;
  margin-top: 0.0625rem;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-select .l-select__box {
  padding: 0.375rem;
}
.l-select .l-select__option {
  padding: 0.625rem 0.5rem;
  border-radius: 0.375rem;
  margin: 0.125rem 0;
  cursor: pointer;
  background-size: contain;
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  transition: 0.3s ease-in-out;
}
.l-select .l-select__option:hover,
.l-select .l-select__option:focus,
.l-select .l-select__option.is-active {
  background-color: var(--gray-50);
}
.l-select .l-select__option.is-active {
  background-image: url(/assets/icons/icon-check-select.svg);
}
.l-select .l-select__option.is-active .l-select__text {
  padding-right: 1.25rem;
}
.l-select .l-select__text {
  font-weight: 500;
  color: var(--gray-900);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  align-self: stretch;
  word-break: break-word;
  line-height: 140%;
}
.l-select .l-select__text.has-label small {
  margin-left: 0.25rem;
}
.l-select .l-select__text small {
  color: var(--gray-600);
  font-weight: 400;
  font-size: 1rem;
}
.l-select .l-select__text--inline {
  display: flex;
  align-items: center;
}
.l-select .l-avatar img {
  object-fit: cover;
}
.l-select .l-avatar img.img-contain {
  object-fit: contain;
  border-radius: 0;
}
.l-select .l-select__country {
  flex-basis: 100%;
  color: var(--gray-600);
  padding-left: 1.75rem;
}
.l-select.has-header .l-select__box li {
  position: relative;
}
.l-select.has-header .l-select__box li:first-child {
  margin-bottom: 0.3125rem;
}
.l-select.has-header .l-select__box li:first-child:after {
  content: "";
  width: calc(100% + 14px);
  height: 0.0625rem;
  background-color: var(--gray-200);
  position: absolute;
  bottom: -0.1875rem;
  left: 50%;
  transform: translateX(-50%);
}
.l-select.has-checkbox .l-select__option {
  position: relative;
  background-image: none;
}
.l-select.has-checkbox .l-select__option:before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--gray-300);
  position: absolute;
  right: 1rem;
  top: 0.625rem;
}
.l-select.has-checkbox .l-select__option:after {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  position: absolute;
  right: 1.25rem;
  top: 0.875rem;
  background-image: url(/assets/icons/icon-check-sm.svg);
  background-size: contain;
  opacity: 0;
}
.l-select.has-checkbox .l-select__option.is-active:before {
  border-color: var(--primary-600);
  background: var(--primary-50);
}
.l-select.has-checkbox .l-select__option.is-active:after {
  opacity: 1;
}
.l-select--sm .l-select__text {
  font-size: 0.875rem;
}
.l-select--invoice-service {
  overflow: hidden;
}
.l-select--invoice-service .l-select__box {
  padding: 0;
}
.l-select--invoice-service .l-select__option {
  padding: 0.625rem 0.875rem;
  margin: 0.125rem 0;
  border-radius: 0;
}
.l-select--invoice-service .l-select__option:first-child {
  margin-top: 0;
}
.l-select--invoice-service .l-select__option:last-child {
  margin-bottom: 0;
}
.l-select--sec {
  min-width: 15rem;
  z-index: 1;
}
.l-select--sec .l-select__box {
  padding: 0.25rem 0;
}
.l-select--sec .l-select__option {
  padding: 0.6875rem 1rem;
}
.l-select--sec .l-select__option:hover {
  background-color: rgba(250, 76, 79, 0.05);
}
.l-select--sec .l-select__option:first-child:hover {
  background-color: transparent;
}
.l-select--scroll {
  max-height: var(--scroll-height);
  overflow: auto;
}
.l-select--search {
  min-width: 10rem;
}
.l-select--search ul {
  max-height: 50vh;
  overflow: auto;
}
.l-select--search .l-select__option {
  padding: 0.5625rem 0.625rem;
}
.l-select--search .l-select__option.is-active {
  background-image: none;
}
.l-select--fluid .l-select__box {
  padding: 0;
}
.l-select--fluid .l-select__option {
  padding: 0.625rem 0.75rem;
}
.l-select--fluid .l-select__option:first-child {
  margin-top: 0;
}
.l-select--fluid .l-select__option:last-child {
  margin-bottom: 0;
}
.l-select--related-project .l-select__option {
  position: relative;
}
.l-select--related-project .l-select__option hr {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 12px);
  margin: 0;
}
.l-select--related-project li:last-child hr {
  display: none;
}
.cdk-virtual-scroll-spacer {
  display: none;
}
.cdk-virtual-scroll-content-wrapper {
  position: relative !important;
}
.cdk-virtual-scrollable {
  contain: content !important;
}
.cdk-overlay-pane.has-margin {
  margin: 0.25rem 0 0 -0.3125rem;
}
.cdk-overlay-pane.mat-datepicker-popup {
  margin-top: 0.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.cf-dropdown {
  background-color: #ffffff;
  border: 0.0625rem solid #eaecf0;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  border-radius: 0.5rem;
  min-width: 15rem;
  z-index: 9;
  padding: 0.375rem 0;
}
.cf-dropdown li {
  padding: 0 0.25rem;
}
.cf-dropdown li:not(:last-child) {
  margin-bottom: 0.125rem;
}
.cf-dropdown li a,
.cf-dropdown li .cf-btn-reset {
  display: flex;
  align-items: center;
  color: #344054;
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
.cf-dropdown li a svg,
.cf-dropdown li .cf-btn-reset svg {
  display: block;
}
.cf-dropdown li a svg path,
.cf-dropdown li .cf-btn-reset svg path {
  transition: all 0.3s ease-in-out;
}
.cf-dropdown li a.cf-link--error-600,
.cf-dropdown li .cf-btn-reset.cf-link--error-600 {
  color: #d92d20;
}
.cf-dropdown li a.cf-link--error-600:hover,
.cf-dropdown li .cf-btn-reset.cf-link--error-600:hover {
  color: #b42318;
}
.cf-dropdown li a.cf-link--error-600:focus,
.cf-dropdown li .cf-btn-reset.cf-link--error-600:focus {
  color: #912018;
}
.cf-dropdown li button {
  line-height: 140%;
  padding: 0.25rem 0.5rem;
  background: transparent;
}
.cf-dropdown .cf-dropdown__item a:hover,
.cf-dropdown .cf-dropdown__item a:focus-visible,
.cf-dropdown .cf-dropdown__item .cf-btn-reset:hover,
.cf-dropdown .cf-dropdown__item .cf-btn-reset:focus-visible {
  background-color: #f2f4f7;
  color: #1d2939;
}
.cf-dropdown .cf-dropdown__header {
  border-bottom: 0.0625rem solid #eaecf0;
  margin-bottom: 0.375rem;
}
.cf-dropdown.cf-dropdown--user {
  position: relative;
  top: -0.3125rem;
  right: auto;
  left: 0.75rem;
  min-width: 12.5rem;
  padding: 0.3125rem 0;
  cursor: pointer;
}
.cf-dropdown.cf-dropdown--project-header {
  border: unset;
}
.cf-dropdown--table {
  position: initial;
  top: initial;
  right: initial;
  border: unset;
  box-shadow: none;
  border-radius: 0.5rem;
  padding: 0;
}
.cf-dropdown--table ul {
  padding: 0.375rem 0;
}
.cf-dropdown--table.cdk-menu {
  background-color: #ffffff;
  border: 0.0625rem solid #eaecf0;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  border-radius: 0.5rem;
  padding: 0;
}
.cf-dropdown--sec li a:hover,
.cf-dropdown--sec li a:focus,
.cf-dropdown--sec li .cf-btn-reset:hover,
.cf-dropdown--sec li .cf-btn-reset:focus {
  color: #e04346;
}
.cf-dropdown--sec li a:hover svg path,
.cf-dropdown--sec li a:focus svg path,
.cf-dropdown--sec li .cf-btn-reset:hover svg path,
.cf-dropdown--sec li .cf-btn-reset:focus svg path {
  stroke: #e04346;
}
.cf-dropdown--sec li a:hover svg.has-fill path,
.cf-dropdown--sec li a:focus svg.has-fill path,
.cf-dropdown--sec li .cf-btn-reset:hover svg.has-fill path,
.cf-dropdown--sec li .cf-btn-reset:focus svg.has-fill path {
  fill: #e04346;
  stroke: none;
}
.cf-dropdown--height-200 {
  max-height: 12.5rem;
  overflow: auto;
}
.cf-dropdown.cf-dropdown--buttons {
  min-width: 7.125rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ng-select.ng-select-searchable .ng-value-container {
  flex-wrap: nowrap;
}
.ng-select.ng-select-searchable .ng-value-container .ng-value {
  flex-shrink: 0;
}
.ng-select.ng-select-searchable .ng-value-container .ng-input {
  padding: 0;
}
.ng-select.ng-select-searchable .ng-value-container .ng-input > input {
  height: 1.5625rem;
  font-size: 0.875rem;
  border-radius: 0;
}
.ng-select.ng-select-searchable.ng-select-single .ng-select-container .ng-value-container .ng-value + .ng-input input {
  border-radius: 0;
}
.ng-select.ng-select-searchable.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0;
}
.ng-select-searchable--lg.ng-select-searchable .ng-value-container .ng-input > input {
  font-size: 1rem;
}
.ng-dropdown-panel {
  border-radius: 0.5rem !important;
}
.ng-dropdown-panel .ng-option .ng-dropdown-footer {
  padding: 0;
}
.ng-dropdown-panel .ng-option .ng-dropdown-footer:has(.ng-dropdown-footer-button) {
  border: none;
  padding: 0;
}
.ng-dropdown-panel .ng-option .ng-dropdown-footer .cf-button--dropdown-fluid {
  padding: 0.875rem 1rem;
  box-shadow: none;
  border-radius: 0;
}
.ng-dropdown-panel .ng-option .ng-dropdown-footer .cf-button--dropdown-fluid .cf-button__label {
  font-weight: 400;
}
.ng-dropdown-panel.cf-dropdown--modal {
  z-index: 99999999 !important;
}
.ng-dropdown-panel.cf-dropdown--modal ng-select-bottom {
  margin-top: 0rem;
}
.cf-dropdown-catalog .ng-select.ng-select-multiple .ng-select-container {
  height: auto;
  overflow: auto;
  align-items: flex-start;
}
.cf-dropdown-catalog .ng-select.ng-select-multiple .ng-value-container,
.cf-dropdown-catalog .ng-select.ng-select-multiple .ng-arrow-wrapper {
  min-height: 3.625rem;
}
.cf-select-box input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  border: none;
}
.cf-select-box.has-footer-button .ng-dropdown-footer {
  padding: 0;
}
.cf-select-box.has-footer-button .ng-dropdown-footer .cf-button {
  min-height: 3rem;
  background-color: #f2f4f7;
  border-radius: 0 0 0.25rem 0.25rem;
}
.cf-select-box.has-footer-button .ng-dropdown-footer .cf-button:hover,
.cf-select-box.has-footer-button .ng-dropdown-footer .cf-button:focus {
  background-color: #eaecf0;
}
.cf-select-box--reset .ng-select .ng-select-container {
  height: auto;
  min-height: auto;
  border: none;
  box-shadow: none;
}
.cf-select-box--reset .ng-select .ng-select-container:hover {
  box-shadow: none;
}
.cf-select-box--reset .ng-select .ng-select-container .ng-arrow-wrapper {
  display: none;
}
.cf-select-box--reset .ng-select .ng-input {
  cursor: text;
}
.cf-select-box--reset .ng-select.ng-select-multiple {
  height: auto;
}
.cf-select-box--reset .ng-select.ng-select-multiple .ng-select-container {
  height: auto;
}
.cf-select-box--reset .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding: 0;
}
.cf-select-box.cf-select-box--input.hide-arrow .ng-arrow-wrapper {
  display: none;
}
.cf-select-box.cf-select-box--task-list.has-fixed-placeholder .ng-select.ng-select-opened .ng-select-container:not(.ng-has-value) .ng-placeholder {
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
}
.cf-select-box.cf-select-box--task-list .ng-select .ng-select-container.ng-has-value {
  min-height: 4.625rem;
}
.cf-select-box.cf-select-box--task-list .ng-select .ng-select-container .ng-value-container .ng-value {
  flex-shrink: 1;
}
.cf-select-box.cf-select-box--task-list .ng-select .ng-select-container .ng-value-container .ng-input {
  display: none;
}
.cf-select-box.cf-select-box--task-list.cf-select-box--input.has-fixed-placeholder .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 1.3125rem;
  transform: none;
}
.cf-select-box.cf-select-box--task-list .ng-option.ng-option-selected {
  white-space: pre-wrap;
}
.cf-select-box.cf-select-box--disabled-label .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input:first-of-type {
  padding-left: 0.875rem;
}
.cf-select-box.cf-select-box--manage-team .ng-select .ng-select-container .ng-value-container {
  padding-top: 1.5625rem;
}
.cf-select-box--button-select .ng-select .ng-value-container > div {
  width: max-content;
}
.cf-select-box--button-select .ng-select .ng-arrow-wrapper {
  display: block;
  width: 0.625rem;
  height: 0.625rem;
}
.cf-select-box--button-select .ng-select .ng-arrow-wrapper .ng-arrow {
  width: 0.3125rem;
  height: 0.3125rem;
  border: 0.0625rem solid #667085;
  transform: rotate(45deg);
  border-width: 0 0.0625rem 0.0625rem 0;
  position: absolute;
  left: 0.125rem;
  top: 0.0625rem;
}
.cf-select-box--button.cf-select-box--button-select .ng-select .ng-select-container {
  width: 100%;
  border-color: #eaecf0;
  color: #667085;
  height: 2rem;
}
.cf-select-box.cf-select-box--custom .ng-select-multiple .ng-value-container .ng-value {
  top: -0.0625rem;
  position: relative;
}
.cf-select-box--button.cf-select-box--notification-button .ng-select:not([ng-reflect-model=none]) .ng-has-value {
  border-color: #d0d5dd;
  background: #ffffff;
}
.cf-select-box--button.cf-select-box--notification-button .ng-select:not([ng-reflect-model=none]) .ng-has-value .ng-value {
  color: #475467;
}
.cf-select-box--button.cf-select-box--notification-button .ng-select:not([ng-reflect-model=none]) .ng-has-value .ng-value svg path {
  stroke: #475467;
}
.cf-select-box--button.cf-select-box--notification-button .ng-select .ng-select-container:hover,
.cf-select-box--button.cf-select-box--notification-button .ng-select .ng-select-container:focus {
  border-color: #d0d5dd;
  background: #ffffff;
}
.cf-select-box--button.cf-select-box--notification-button .ng-select .ng-select-container.ng-has-value:hover,
.cf-select-box--button.cf-select-box--notification-button .ng-select .ng-select-container.ng-has-value:focus {
  border-color: #d0d5dd;
  background: #ffffff;
}
.cf-select-box--button.cf-select-box--dropdown-button .ng-select .ng-dropdown-panel {
  width: 8.625rem !important;
  left: -0.4375rem;
}
.cf-select-box--button.is-filter-active .ng-select .ng-select-container {
  border-color: #ffd0d1;
  background: #fff5f5;
  box-shadow: 0 1px 2px 0 rgba(14, 24, 41, 0.05);
  color: #e04346;
}
.cf-select-box--button.is-filter-active .ng-select .ng-select-container:hover {
  border-color: #ffd0d1;
  background: #fff5f5;
}
.cf-select-box--avatar-dropdown.cf-select-box--input.has-fixed-placeholder .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 2.3125rem;
}
@media (max-width: 1536px) and (max-height: 768px) {
  .cf-select-box--dropdown-items-limit.cf-select-box--input.has-fixed-placeholder .ng-select .ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 6.25rem;
  }
}
.cf-select-box--width-200 {
  min-width: 12.5rem;
}
.cf-select-box--width-lg-150 {
  min-width: 9.375rem;
}
@media screen and (min-width: 1367px) {
  .cf-select-box--width-xxl-200 {
    min-width: 12.5rem;
  }
}
.has-disabled-fields .cf-select-box--input .ng-select .ng-select-container {
  background-color: #f9fafb;
}
.cf-select-box--input .ng-select.ng-select-searchable.ng-select-single .ng-input {
  position: absolute !important;
}
.cf-select-box--input.cf-select-box--invoice .ng-select .ng-select-container .ng-value-container {
  padding-bottom: 0.75rem;
}
.cf-select-box--input.cf-select-box--invoice.has-fixed-placeholder .ng-select.ng-select-opened .ng-placeholder {
  top: 0.75rem;
  font-size: 0.625rem;
}
.cf-select-box--input.cf-select-box--invoice.has-fixed-placeholder .ng-select .ng-has-value .ng-placeholder {
  top: 0.75rem;
  font-size: 0.625rem;
}
.cf-select-box--input.cf-select-box--invoice.has-fixed-placeholder .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-left: 0;
  top: 2.125rem;
}
.cf-select-box--input.cf-select-box--add-service {
  background-color: transparent;
}
.cf-select-box--input.cf-select-box--add-service .ng-select.ng-select-opened .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 1rem;
}
.cf-select-box--input.cf-select-box--add-service .ng-select .ng-select-container {
  padding: 0.625rem 0.625rem;
  border-color: transparent;
  box-shadow: none;
  height: 100%;
}
.cf-select-box--input.cf-select-box--add-service .ng-select .ng-select-container .ng-value-container {
  padding: 0;
  padding-left: 0.25rem;
  gap: 0.25rem;
  flex-wrap: wrap;
  max-height: 3.75rem;
  overflow: auto;
}
.cf-select-box--input.cf-select-box--add-service .ng-select .ng-select-container .ng-value-container .ng-input {
  min-width: 0.3125rem;
  flex-grow: 1;
}
.cf-select-box--input.cf-select-box--add-service .ng-select.ng-select-single .ng-select-container {
  min-height: 2.8125rem;
  height: auto;
  border-radius: 0;
}
.cf-select-box--input.cf-select-box--add-service .ng-select.ng-select-single .ng-select-container .ng-value-container > .ng-input:first-of-type {
  padding-left: 0.875rem;
}
.cf-select-box--input.cf-select-box--add-service .ng-select .ng-arrow-wrapper {
  width: 1.25rem;
  height: 1.25rem;
  padding-right: 0;
  margin-right: 0;
}
.cf-select-box--input.has-sm-label.has-fixed-placeholder .ng-select .ng-has-value .ng-placeholder {
  font-size: 0.625rem;
}
.cf-select-box--input.has-sm-label.has-fixed-placeholder .ng-select.ng-select-opened .ng-placeholder {
  font-size: 0.625rem;
}
.cf-select-box--input.has-height-62 .ng-select .ng-select-container {
  min-height: 3.875rem;
}
.cf-select-box--input.cf-select-box--default-900 .ng-select .ng-select-container .ng-value {
  color: #101828;
}
.cf-select-box--input.cf-select-box--member-disabled {
  pointer-events: none;
}
.cf-select-box--input.cf-select-box--member-disabled .ng-select .ng-select-container {
  background-color: #f9fafb;
}
.cf-select-box--input.cf-select-box--member-disabled .ng-select .ng-select-container .ng-input {
  display: none;
}
.cf-select-box--input.cf-select-box--member-disabled.has-fixed-placeholder .ng-select .ng-select-container .ng-placeholder {
  display: none;
}
.cf-select-box--input.cf-select-box--member-disabled.has-fixed-placeholder .ng-select .ng-select-container .ng-value-container {
  align-items: center;
}
.cf-select-box--input.cf-select-box--member-disabled.has-fixed-placeholder .ng-select .ng-select-container .ng-arrow-wrapper {
  display: none;
}
.cf-select-box--input.has-fixed-placeholder .ng-select .ng-select-container {
  overflow: unset !important;
}
.cf-select-box--inline .ng-select .ng-select-container .ng-value-container {
  display: initial;
  flex: none;
}
.cf-select-box--invoice .ng-select .ng-select-container {
  padding-right: 0.875rem;
}
.cf-select-box--invoice .ng-select .ng-select-container .ng-value-container .ng-input > input {
  padding-left: 0.875rem;
  padding-right: 1.75rem;
}
.cf-select-box--invoice .ng-select .ng-select-container .ng-arrow-wrapper {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  padding-right: 0;
  margin-right: 0;
}
.cf-select-box--invoice .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow {
  border: none;
  width: 1.25rem;
  height: 1.25rem;
  background: url(/assets/icons/icon-chevron-down.svg) center/contain no-repeat;
}
.cf-select-box--tags .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  position: relative;
  top: 0.125rem;
}
.cf-select-box--tags .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  margin-top: 0.875rem;
}
.cf-select-box--tags.has-fixed-placeholder .ng-select .ng-has-value .ng-placeholder {
  display: inline !important;
}
.cf-select-box--tags .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  margin-top: 0.875rem;
}
.cf-select-box--tags.has-fixed-placeholder .ng-select .ng-has-value .ng-placeholder {
  display: inline !important;
}
.cf-select-box.has-expand-row .ng-select.ng-select-multiple .ng-select-container {
  height: auto;
  align-items: flex-end;
}
.cf-select-box.has-expand-row .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  overflow: auto;
  padding-top: 1.6875rem;
  row-gap: 0.125rem;
}
.cf-select-box.has-expand-row .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  background-color: #ffffff;
  width: calc(100% - 22px);
}
.cf-select-box.has-expand-row .ng-select.ng-select-multiple .ng-select-container .ng-arrow-wrapper {
  align-self: flex-start;
  margin-top: 1rem;
}
.cf-select-box.has-expand-row .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-placeholder {
  top: 0;
  padding-top: 0.625rem;
  padding-bottom: 0.125rem;
}
.cf-select-box.has-max-height-80 .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  max-height: 5rem;
}
.cf-select-box--add-tags {
  margin-top: -0.1875rem;
}
.cf-select-box--add-tags .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 0.875rem;
  color: #98a2b3;
  font-weight: 400;
}
.cf-select-box--disabled {
  pointer-events: none;
}
.cf-select-box--disabled .ng-select .ng-select-container {
  background-color: #f9fafb;
}
.cf-select-box--disabled.cf-select-box--input .ng-arrow-wrapper {
  display: none !important;
}
.has-disabled-fields .cf-select-box {
  pointer-events: none;
}
.cf-select-box.is-chevron-visible .ng-select .ng-select-container.ng-has-value .ng-arrow-wrapper {
  display: block;
}
.cf-select-box--expense .ng-select .ng-select-container.ng-has-value .ng-arrow-wrapper .ng-arrow {
  background-image: url(/assets/icons/icon-chevron-down.svg);
}
.cf-select-box--expense.cf-select-box--input .ng-select .ng-select-container.ng-has-value .ng-value-container .ng-placeholder {
  position: absolute;
}
.cf-select-box--border-bottom-0 .ng-select .ng-select-container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-dropdown-panel--width-200 {
  width: 12.5rem;
}
.ng-dropdown-panel--input.cf-select-box--invoice .ng-select .ng-select-container .ng-value-container {
  padding-bottom: 0.75rem;
}
.ng-dropdown-panel--input.cf-select-box--invoice .ng-select .ng-select-container .ng-value {
  color: #475467;
}
.ng-dropdown-panel--input.cf-select-box--invoice.has-fixed-placeholder .ng-select.ng-select-opened .ng-placeholder {
  top: 0.75rem;
  font-size: 0.625rem;
}
.ng-dropdown-panel--input.cf-select-box--invoice.has-fixed-placeholder .ng-select .ng-has-value .ng-placeholder {
  top: 0.75rem;
  font-size: 0.625rem;
}
.ng-dropdown-panel--input.cf-select-box--invoice.has-fixed-placeholder .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-left: 0;
}
.ng-dropdown-panel--input.cf-select-box--add-service .ng-select .ng-select-container {
  padding: 0.75rem 0.625rem;
  border: none;
  box-shadow: none;
}
.ng-dropdown-panel--input.cf-select-box--add-service .ng-select .ng-select-container .ng-value-container {
  padding: 0;
}
.ng-dropdown-panel--input.cf-select-box--add-service .ng-select .ng-arrow-wrapper {
  margin-right: 0;
}
.ng-dropdown-panel--input.cf-select-box--add-service .ng-select.ng-select-single .ng-select-container {
  height: 2.875rem;
  min-height: auto;
}
.ng-dropdown-panel--input.cf-select-box--add-service .ng-select .ng-arrow-wrapper {
  width: 1.25rem;
  height: 1.25rem;
  padding-right: 0;
}
.cf-date-dropdown {
  min-height: 3.75rem;
  min-width: 14.375rem;
  padding: 0.5rem 0.875rem;
  border: 0.0625rem solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
  font-size: 1rem;
}
.cf-date-dropdown .cf-date-dropdown__label {
  font-size: 1rem;
  color: #475467;
  flex-basis: 100%;
}
.cf-date-dropdown .cf-date-dropdown__chevron {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.8125rem;
}
.cf-date-dropdown.has-value .cf-date-dropdown__label {
  font-size: 0.625rem;
  color: #1d2939;
}
.cf-date-dropdown.is-focused {
  border: 0.0625rem solid #ffa8aa;
  box-shadow: 0 0 0 0.25rem #ffe8e8, 0 0.0625rem 0.125rem rgba(16, 24, 40, 0.0509803922);
}
.cf-date-dropdown--width-lg-180 {
  min-width: 11.25rem;
}
@media screen and (min-width: 1367px) {
  .cf-date-dropdown--width-xxl-200 {
    min-width: 12.5rem;
  }
}
.cf-date-dropdown--width-180 {
  min-width: 11.25rem;
}
.cf-date-dropdown--width-200 {
  min-width: 12.5rem;
}
.cf-date-dropdown--width-260 {
  min-width: 16.25rem;
}
cf-panel-filters cf-multi-select-dropdown .cf-filter-prefix {
  top: 0 !important;
}
.cf-dropdown-list {
  display: inline;
}
.cf-dropdown-list li {
  display: inline-block;
  position: relative;
  line-height: 1rem;
}
.cf-dropdown-list li:not(:last-child) {
  margin-right: 0.625rem;
}
.cf-dropdown-list li:not(:last-child)::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  background-color: #667085;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  right: -0.6875rem;
  top: 50%;
  transform: translateY(-50%);
}
.cf-dropdown-list--task-box li {
  display: inline;
  word-break: break-all;
}
.cf-dropdown-list--task li:not(:last-child)::before {
  right: -0.4375rem;
}
@media (max-height: 800px) and (max-width: 1440px) {
  .cf-filter-dropdown-list .ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 6.5625rem;
  }
}
.cf-popover {
  background: #ffffff;
  box-shadow: 0px 4px 8px -2px rgba(14, 24, 41, 0.1), 0px 2px 4px -2px rgba(14, 24, 41, 0.06);
  width: 19.625rem;
}
.cf-popover .cf-popover__header {
  border-bottom: 0.0625rem solid #eaecf0;
}
.cf-popover .cf-popover__footer {
  border-top: 0.0625rem solid #eaecf0;
}
.cf-popover--linked-days .col-sm {
  min-width: 3.125rem;
  flex-grow: unset;
}
body > .ng-dropdown-panel {
  z-index: 999999 !important;
}
.cf-team-block__follower .cf-combo-box-wrapper {
  display: flex;
  gap: 0.5rem;
}
.cf-team-block__follower cf-avatar,
.cf-team-block__follower .cf-avatar {
  cursor: pointer;
}
.cf-dropdown--placeholder-sm .ng-dropdown-panel span {
  font-size: 0.875rem;
}
.cf-dropdown--placeholder-sm .ng-select .ng-placeholder {
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.cf-dropdown--placeholder-sm .ng-select.ng-select-opened .ng-placeholder,
.cf-dropdown--placeholder-sm .ng-select.ng-has-value .ng-placeholder {
  font-size: 0.625rem;
}
.cf-dropdown--placeholder-sm-adjust .ng-placeholder {
  position: absolute;
}
.cf-dropdown--placeholder-sm-adjust .ng-select.ng-select-single .ng-select-container .ng-value-container.has-opened {
  padding-top: 1.5rem;
}
.cf-dropdown--placeholder-sm-adjust .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  transform: none;
}
.cf-dropdown--placeholder-text .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  margin-left: 0.6875rem;
  padding-left: 0rem;
}
.cf-dropdown--placeholder-text.cf-select-box--input.has-fixed-placeholder .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 1.75rem;
  padding-left: 0rem;
}
.cf-dropdown--placeholder-text.has-fixed-placeholder .ng-select .ng-has-value .ng-placeholder {
  display: inline !important;
}
.cf-dropdown--input-offset .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value + .ng-input input {
  position: relative;
  bottom: 0.75rem;
  padding-left: 0.75rem;
}
.is-field-disabled .ng-select .ng-select-container {
  background-color: #f9fafb;
  pointer-events: none;
}
body:has(cf-panel-filters) > .ng-dropdown-panel.ng-select-multiple {
  left: auto !important;
  right: 1rem !important;
  margin-top: 0.125rem;
  transform-origin: top right;
}
.modular-input .modular-input--suffix .modular-input__btn {
  border-radius: 0;
  border: none;
  height: 100%;
  align-items: center;
  box-shadow: none;
}
.modular-input .modular-input--suffix .modular-input__btn + .modular-input__btn {
  margin-left: 0;
}
.modular-input--h44 .modular-input__field {
  min-height: 2.75rem;
}
.modular-input--suffix-border .modular-input--suffix {
  border-left: 0.0625rem solid var(--gray-300);
}
.modular-input--settings {
  background-color: var(--white);
}
.is-focused .modular-input {
  border: 0.0625rem solid var(--primary-300);
  box-shadow: 0 0 0 0.25rem var(--primary-100), 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
.is-focused .modular-input input:not([type=file]):not([type=checkbox]):not([type=radio]),
.is-focused .modular-input select,
.is-focused .modular-input textarea,
.is-focused .modular-input .form-field {
  box-shadow: none;
}
.is-chip-focused .dynamic-chips-input {
  border: 0.0625rem solid var(--primary-300) !important;
  box-shadow: 0 0 0 4px var(--primary-100);
}
.rp.card-widget {
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  padding: 1rem;
  justify-content: space-between;
}
@media screen and (min-width: 1201px) {
  .rp.card-widget {
    padding: 1rem 1.5rem;
  }
}
.rp.card-widget:not(:last-child) {
  margin-bottom: 1rem;
}
.rp.card-widget .card-widget__info {
  gap: 0.75rem;
}
.rp.card-widget .card-widget__info p {
  color: var(--gray-900);
  font-weight: 500;
}
.rp.card-widget .card-widget__info p span {
  color: var(--gray-600);
  font-weight: 400;
}
.rp.card-widget .card-widget__cta li {
  position: relative;
}
.rp.card-widget .card-widget__cta li:not(:first-child) {
  padding-left: 0.5rem;
}
@media screen and (min-width: 1201px) {
  .rp.card-widget .card-widget__cta li:not(:first-child) {
    padding-left: 1rem;
  }
}
.rp.card-widget .card-widget__cta li:not(:last-child) {
  padding-right: 0.5rem;
}
@media screen and (min-width: 1201px) {
  .rp.card-widget .card-widget__cta li:not(:last-child) {
    padding-right: 1rem;
  }
}
.rp.card-widget .card-widget__cta li:not(:last-child):after {
  content: "";
  width: 0.0625rem;
  height: 2.5rem;
  background-color: var(--gray-500);
  position: absolute;
  right: -0.0625rem;
  top: 50%;
  transform: translateY(-50%);
}
.rp.card-widget .card-widget__cta button svg path {
  transition: 0.3s ease-in-out;
}
.rp.card-widget .card-widget__cta button:hover svg path,
.rp.card-widget .card-widget__cta button:focus svg path {
  stroke: var(--primary-600);
}
.rp.card-widget .card-widget__cta .form__item {
  margin-bottom: 0;
}
.rp.card-widget .card-widget__cta--right {
  justify-content: flex-end;
}
.rp.feed {
  position: relative;
  transition: 0.3s ease-in-out;
}
.rp.feed .feed__wrapper {
  align-items: flex-start;
}
.rp.feed .i-status {
  position: absolute;
  top: 0.0625rem;
  right: 0.75rem;
}
.rp.feed p {
  margin: 0;
  font-weight: 400;
  word-break: break-word;
}
.rp.feed p a {
  font-weight: 500;
  word-break: break-word;
}
.rp.feed h6 {
  font-weight: 500;
  color: var(--gray-700);
  padding-right: 1.25rem;
  font-size: 0.875rem;
  margin: 0;
}
.rp.feed h6 time {
  font-weight: 400;
  color: var(--gray-600);
  font-size: 0.75rem;
  line-height: 140%;
}
.rp.feed .feed__message {
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  padding: 0.75rem;
  margin-top: 0.75rem;
}
.rp.feed .feed__message p {
  color: var(--gray-700);
}
.rp.feed .feed__message p a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.rp.feed .feed__message p a:hover {
  color: var(--primary-700);
}
.rp.feed .feed__message pre {
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  background-color: var(--gray-50);
  color: var(--gray-700);
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  word-break: break-word;
  white-space: pre-wrap;
  margin: 0.375rem 0;
  padding: 0.3125rem 0.625rem;
  margin: 1rem 0;
}
.rp.feed .feed__message code:not(pre code) {
  word-break: break-word;
  color: var(--warning-600) !important;
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  background-color: var(--gray-50);
  padding: 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  margin-bottom: 0.1875rem;
  padding: 0.125rem 0.375rem;
  display: inline-block;
}
.rp.feed .feed__message blockquote {
  padding: 0.125rem 0 0.125rem 0.9375rem;
  position: relative;
  margin: 1rem 0;
}
.rp.feed .feed__message blockquote::before {
  content: "";
  width: 0.375rem;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--gray-200);
  border-radius: 0.5rem;
}
.rp.feed .feed__message p:has(> code),
.rp.feed .feed__message p:last-of-type:has(> code) {
  margin: 1rem 0;
}
.rp.feed .feed__message p:first-of-type:has(> code) {
  margin-top: 0;
}
.rp.feed .feed__attachment {
  margin-top: 0.75rem;
}
.rp.feed .feed__attachment i {
  min-width: 2.5rem;
}
.rp.feed .feed__attachment i img {
  width: 100%;
}
.rp.feed .feed__attachment-title {
  color: var(--gray-700);
  font-weight: 500;
}
.rp.feed .feed__attachment-title .feed__attachment-size {
  font-weight: 400;
  color: var(--gray-600);
  display: block;
}
.rp.feed .feed__reactions {
  margin-top: 0.25rem;
}
.rp.feed .feed__reactions .l-badge {
  transition: 0.3s ease-in-out;
}
.rp.feed .feed__reactions .l-badge:hover,
.rp.feed .feed__reactions .l-badge:focus {
  border-color: var(--gray-400);
}
.rp.feed .feed__reactions .l-badge.is-active {
  border-color: var(--primary-500);
  background-color: var(--primary-300);
}
.rp.feed .feed__reactions .l-badge i {
  font-style: normal;
  margin-top: 0.0625rem;
  display: inline-block;
  margin-left: 0.0625rem;
}
.rp.feed .feed__attachment {
  margin: 0.375rem 0;
}
.rp.feed .feed__name {
  margin-bottom: 0.375rem;
}
.rp.feed .feed__text strong,
.rp.feed .feed__text font {
  font-weight: 600;
}
.rp.feed .feed__text font {
  color: var(--gray-600);
}
.rp.feed .feed__text p a {
  word-break: break-word;
}
.rp.feed .feed__text img {
  display: inline-block;
}
.rp.feed .feed__text ol,
.rp.feed .feed__text ul {
  color: var(--gray-600);
  margin: 0.5rem 0 0.875rem;
  padding-left: 1.25rem;
}
.rp.feed .feed__text ol li,
.rp.feed .feed__text ul li {
  padding: 0;
  font-size: 0.875rem;
}
.rp.feed .feed__text ol li.ql-indent-1,
.rp.feed .feed__text ul li.ql-indent-1 {
  margin-left: 1.25rem;
}
.rp.feed .feed__text ol li.ql-indent-2,
.rp.feed .feed__text ul li.ql-indent-2 {
  margin-left: 2.5rem;
}
.rp.feed .feed__text ol li.ql-indent-3,
.rp.feed .feed__text ul li.ql-indent-3 {
  margin-left: 3.75rem;
}
.rp.feed .feed__text ol li.ql-indent-4,
.rp.feed .feed__text ul li.ql-indent-4 {
  margin-left: 5rem;
}
.rp.feed .feed__text ol li.ql-indent-5,
.rp.feed .feed__text ul li.ql-indent-5 {
  margin-left: 3.75rem;
}
.rp.feed .feed__text ol li:before,
.rp.feed .feed__text ul li:before {
  display: none;
}
.rp.feed .feed__text ul li {
  position: relative;
  list-style: initial;
}
.rp.feed .feed__text ul li:before {
  position: absolute;
  top: -0.125rem;
}
.rp.feed .feed__text ul li li {
  list-style: circle;
}
.rp.feed .feed__text ul li li li {
  list-style: square;
}
.rp.feed .feed__text ul li li li li {
  list-style: disc;
}
.rp.feed .feed__text ul li li li li li {
  list-style: circle;
}
.rp.feed .feed__text ul li li li li li li {
  list-style: square;
}
.rp.feed .feed__text ul li li li li li li li {
  list-style: disc;
}
.rp.feed .feed__text ol li {
  list-style: decimal;
}
.rp.feed .feed__text ol li li {
  list-style: lower-alpha;
}
.rp.feed .feed__text ol li li li {
  list-style: lower-roman;
}
.rp.feed .feed__text ol li li li li {
  list-style: decimal;
}
.rp.feed .feed__text ol li li li li li {
  list-style: lower-alpha;
}
.rp.feed .feed__text ol li li li li li li {
  list-style: lower-roman;
}
.rp.feed .feed__text ol li li li li li li li {
  list-style: decimal;
}
.rp.feed .feed__text table {
  border: 0.0625rem solid var(--gray-400);
  border-collapse: collapse;
}
.rp.feed .feed__text table td {
  border: 0.0625rem solid var(--gray-400);
  padding: 0.25rem;
  min-width: 3.125rem;
  height: 1.75rem;
}
.rp.feed .feed__text code:not(pre code) {
  color: var(--warning-600) !important;
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  background-color: var(--gray-50);
  padding: 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  margin-bottom: 0.1875rem;
  padding: 0.125rem 0.375rem;
  display: inline-block;
}
.rp.feed .feed__text pre {
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  background-color: var(--gray-50);
  color: var(--gray-700);
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  word-break: break-word;
  white-space: pre-wrap;
  margin: 0.375rem 0;
  padding: 0.3125rem 0.625rem;
  margin: 1rem 0;
}
.rp.feed .feed__text blockquote {
  padding: 0.125rem 0 0.125rem 0.9375rem;
  position: relative;
  margin: 1rem 0;
}
.rp.feed .feed__text blockquote::before {
  content: "";
  width: 0.375rem;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--gray-200);
  border-radius: 0.5rem;
}
.rp.feed .feed__text p:has(> code),
.rp.feed .feed__text p:last-of-type:has(> code) {
  margin: 1rem 0;
}
.rp.feed .feed__text p:first-of-type:has(> code) {
  margin-top: 0;
}
.rp.feed .feed__text hr {
  margin: 0.625rem 0;
  border: none;
  border-top: 0.0625rem solid var(--gray-300);
}
.rp.feed--comment {
  padding: 1rem 0;
}
.rp.feed--comment p a {
  color: var(--primary-600);
  font-weight: 600;
}
.rp.feed--comment p a:hover {
  color: var(--gray-900);
}
.rp.feed--comment .feed__text img {
  display: block;
  margin: 0.75rem auto;
  border-radius: 0.5rem;
}
.rp.feed--comment h6 time {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
.rp.feed--comment .feed__attachment-title .feed__attachment-size {
  display: block;
}
.rp.feed--comment figure,
.rp.feed--comment article {
  z-index: 1;
}
.rp.feed--comment article {
  width: 100%;
}
.rp.feed--comment:before {
  content: "";
  width: calc(100% + 30px);
  height: calc(100% + 2px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: var(--gray-100);
  border-radius: 0.5rem;
  transition: 0.3s ease-in-out;
  pointer-events: none;
}
.rp.feed--comment:hover:before {
  opacity: 1;
  visibility: visible;
}
.highlighted-comment .rp.feed--comment:hover:before {
  opacity: 0;
}
.rp.feed--comment:hover .l-btn-group {
  opacity: 1;
  display: block;
  pointer-events: all;
}
.highlighted-comment .rp.feed--comment {
  background-color: var(--warning-25);
}
.rp.feed--comment.is-attachment-hovered:before {
  display: none;
}
.rp.feed--activity article {
  width: 100%;
}
.rp.feed--activity article p a {
  font-weight: 500;
}
.cf-feed {
  position: relative;
  transition: 0.3s ease-in-out;
}
.cf-feed .cf-feed__wrapper {
  align-items: flex-start;
}
.cf-feed .i-status {
  position: absolute;
  top: 0.0625rem;
  right: 0.75rem;
}
.cf-feed p {
  margin: 0;
  font-weight: 400;
  word-break: break-word;
}
.cf-feed p a {
  font-weight: 500;
  word-break: break-word;
}
.cf-feed h6 {
  font-weight: 500;
  color: var(--gray-700);
  padding-right: 1.25rem;
  font-size: 0.875rem;
  margin: 0;
}
.cf-feed h6 time {
  font-weight: 400;
  color: var(--gray-600);
  font-size: 0.75rem;
  line-height: 140%;
}
.cf-feed .cf-feed__message {
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  padding: 0.75rem;
  margin-top: 0.75rem;
}
.cf-feed .cf-feed__message p {
  color: var(--gray-700);
}
.cf-feed .cf-feed__message p a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cf-feed .cf-feed__message p a:hover {
  color: var(--primary-700);
}
.cf-feed .cf-feed__message pre {
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  background-color: var(--gray-50);
  color: var(--gray-700);
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  word-break: break-word;
  white-space: pre-wrap;
  margin: 0.375rem 0;
  padding: 0.3125rem 0.625rem;
  margin: 1rem 0;
}
.cf-feed .cf-feed__message code:not(pre code) {
  word-break: break-word;
  color: var(--warning-600) !important;
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  background-color: var(--gray-50);
  padding: 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  margin-bottom: 0.1875rem;
  padding: 0.125rem 0.375rem;
  display: inline-block;
}
.cf-feed .cf-feed__message blockquote {
  padding: 0.125rem 0 0.125rem 0.9375rem;
  position: relative;
  margin: 1rem 0;
}
.cf-feed .cf-feed__message blockquote::before {
  content: "";
  width: 0.375rem;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--gray-200);
  border-radius: 0.5rem;
}
.cf-feed .cf-feed__message p:has(> code),
.cf-feed .cf-feed__message p:last-of-type:has(> code) {
  margin: 1rem 0;
}
.cf-feed .cf-feed__message p:first-of-type:has(> code) {
  margin-top: 0;
}
.cf-feed .cf-feed__attachment {
  margin-top: 0.75rem;
}
.cf-feed .cf-feed__attachment .cf-file-icon i {
  min-width: 2.5rem;
}
.cf-feed .cf-feed__attachment .cf-file-icon i img {
  width: 100%;
}
.cf-feed .cf-feed__attachment-title {
  color: var(--gray-700);
  font-weight: 500;
}
.cf-feed .cf-feed__attachment-title .cf-feed__attachment-size {
  font-weight: 400;
  color: var(--gray-600);
  display: block;
}
.cf-feed .cf-feed__reactions {
  margin-top: 0.25rem;
}
.cf-feed .cf-feed__reactions .cf-comment-badge {
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.cf-feed .cf-feed__reactions .cf-comment-badge:hover,
.cf-feed .cf-feed__reactions .cf-comment-badge:focus {
  border-color: #98a2b3;
}
.cf-feed .cf-feed__reactions .cf-comment-badge.is-active {
  border-color: #fa4c4f;
  background-color: #ffa8aa;
}
.cf-feed .cf-feed__reactions .cf-comment-badge i {
  font-style: normal;
  margin-top: 0.0625rem;
  display: inline-block;
  margin-left: 0.0625rem;
}
.cf-feed .cf-feed__attachment {
  margin: 0.375rem 0;
}
.cf-feed .cf-feed__name {
  margin-bottom: 0.375rem;
}
.cf-feed .cf-feed__text strong,
.cf-feed .cf-feed__text font {
  font-weight: 600;
}
.cf-feed .cf-feed__text font {
  color: var(--gray-600);
}
.cf-feed .cf-feed__text p a {
  word-break: break-word;
}
.cf-feed .cf-feed__text img {
  display: inline-block;
}
.cf-feed .cf-feed__text ol,
.cf-feed .cf-feed__text ul {
  color: var(--gray-600);
  margin: 0.5rem 0 0.875rem;
  padding-left: 1.25rem;
}
.cf-feed .cf-feed__text ol li,
.cf-feed .cf-feed__text ul li {
  padding: 0;
  font-size: 0.875rem;
}
.cf-feed .cf-feed__text ol li.ql-indent-1,
.cf-feed .cf-feed__text ul li.ql-indent-1 {
  margin-left: 1.25rem;
}
.cf-feed .cf-feed__text ol li.ql-indent-2,
.cf-feed .cf-feed__text ul li.ql-indent-2 {
  margin-left: 2.5rem;
}
.cf-feed .cf-feed__text ol li.ql-indent-3,
.cf-feed .cf-feed__text ul li.ql-indent-3 {
  margin-left: 3.75rem;
}
.cf-feed .cf-feed__text ol li.ql-indent-4,
.cf-feed .cf-feed__text ul li.ql-indent-4 {
  margin-left: 5rem;
}
.cf-feed .cf-feed__text ol li.ql-indent-5,
.cf-feed .cf-feed__text ul li.ql-indent-5 {
  margin-left: 3.75rem;
}
.cf-feed .cf-feed__text ol li:before,
.cf-feed .cf-feed__text ul li:before {
  display: none;
}
.cf-feed .cf-feed__text ul li {
  position: relative;
  list-style: initial;
}
.cf-feed .cf-feed__text ul li:before {
  position: absolute;
  top: -0.125rem;
}
.cf-feed .cf-feed__text ul li li {
  list-style: circle;
}
.cf-feed .cf-feed__text ul li li li {
  list-style: square;
}
.cf-feed .cf-feed__text ul li li li li {
  list-style: disc;
}
.cf-feed .cf-feed__text ul li li li li li {
  list-style: circle;
}
.cf-feed .cf-feed__text ul li li li li li li {
  list-style: square;
}
.cf-feed .cf-feed__text ul li li li li li li li {
  list-style: disc;
}
.cf-feed .cf-feed__text ol li {
  list-style: decimal;
}
.cf-feed .cf-feed__text ol li li {
  list-style: lower-alpha;
}
.cf-feed .cf-feed__text ol li li li {
  list-style: lower-roman;
}
.cf-feed .cf-feed__text ol li li li li {
  list-style: decimal;
}
.cf-feed .cf-feed__text ol li li li li li {
  list-style: lower-alpha;
}
.cf-feed .cf-feed__text ol li li li li li li {
  list-style: lower-roman;
}
.cf-feed .cf-feed__text ol li li li li li li li {
  list-style: decimal;
}
.cf-feed .cf-feed__text table {
  border: 0.0625rem solid var(--gray-400);
  border-collapse: collapse;
}
.cf-feed .cf-feed__text table td {
  border: 0.0625rem solid var(--gray-400);
  padding: 0.25rem;
  min-width: 3.125rem;
  height: 1.75rem;
}
.cf-feed .cf-feed__text code:not(pre code) {
  color: var(--warning-600) !important;
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  background-color: var(--gray-50);
  padding: 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  margin-bottom: 0.1875rem;
  padding: 0.125rem 0.375rem;
  display: inline-block;
}
.cf-feed .cf-feed__text pre {
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  background-color: var(--gray-50);
  color: var(--gray-700);
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  word-break: break-word;
  white-space: pre-wrap;
  margin: 0.375rem 0;
  padding: 0.3125rem 0.625rem;
  margin: 1rem 0;
}
.cf-feed .cf-feed__text blockquote {
  padding: 0.125rem 0 0.125rem 0.9375rem;
  position: relative;
  margin: 1rem 0;
}
.cf-feed .cf-feed__text blockquote::before {
  content: "";
  width: 0.375rem;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--gray-200);
  border-radius: 0.5rem;
}
.cf-feed .cf-feed__text p:has(> code),
.cf-feed .cf-feed__text p:last-of-type:has(> code) {
  margin: 1rem 0;
}
.cf-feed .cf-feed__text p:first-of-type:has(> code) {
  margin-top: 0;
}
.cf-feed .cf-feed__text hr {
  margin: 0.625rem 0;
  border: none;
  border-top: 0.0625rem solid var(--gray-300);
}
.cf-feed--comment {
  padding: 1rem 0;
}
.cf-feed--comment p {
  margin-bottom: 0.5rem;
}
.cf-feed--comment p + p {
  margin-top: 0;
}
.cf-feed--comment p:has(.ProseMirror-trailingBreak) {
  margin: 0 !important;
  line-height: 1;
}
.cf-feed--comment p:empty {
  margin-bottom: 0;
}
.cf-feed--comment p a {
  color: var(--primary-600);
  font-weight: 600;
}
.cf-feed--comment p a:hover {
  color: var(--gray-900);
}
.cf-feed--comment .cf-feed__text img {
  display: block;
  margin: 0.75rem auto;
  border-radius: 0.5rem;
}
.cf-feed--comment h6 time {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
.cf-feed--comment .cf-feed__attachment-title .cf-feed__attachment-size {
  display: block;
}
.cf-feed--comment figure,
.cf-feed--comment article {
  z-index: 1;
}
.cf-feed--comment article {
  width: 100%;
}
.cf-feed--comment:before {
  content: "";
  width: calc(100% + 30px);
  height: calc(100% + 2px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: var(--gray-100);
  border-radius: 0.5rem;
  transition: 0.3s ease-in-out;
}
.cf-feed--comment:hover:before {
  opacity: 1;
  visibility: visible;
}
.highlighted-comment .cf-feed--comment:hover:before {
  opacity: 0;
}
.cf-feed--comment:hover .cf-btn-group {
  opacity: 1;
  pointer-events: all;
}
.highlighted-comment .cf-feed--comment {
  background-color: #fffcf5;
  animation: fadeHighlight 5s ease-out forwards;
}
@keyframes fadeHighlight {
  0% {
    background-color: #fffcf5;
  }
  50% {
    background-color: #fffcf5;
  }
  100% {
    background-color: transparent;
  }
}
.cf-feed--comment.is-attachment-hovered:before {
  display: none;
}
.cf-feed--activity article {
  width: 100%;
}
.cf-feed--activity article p a {
  font-weight: 500;
}
.rp.message {
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
}
.rp.message .message__actions button {
  padding: 0;
  margin: 0;
}
.rp.message .message__actions button + button {
  margin-left: 0.5rem;
}
.rp.message .message__actions button i path {
  transition: 0.3s ease-in-out;
}
.rp.message .message__actions button:hover i svg path {
  stroke: var(--primary-700);
}
.rp.message p {
  color: var(--gray-700);
}
.rp.message p strong {
  font-weight: 500;
}
.rp.message--inbox {
  margin-top: 0.75rem;
  position: relative;
}
.rp.message--inbox .message__actions {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
}
.rp.message--inbox .message__desc {
  padding-right: 3.75rem;
}
.rp.time-box {
  padding: 0.875rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--gray-50);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
.rp.time-box .time-box__desc {
  margin-top: 0.5rem;
}
.rp.time-box--table {
  margin: 0 1.5rem 1rem;
}
.rp.number-control {
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 0.4375rem 0.75rem;
}
.rp.number-control label {
  color: var(--gray-900);
  font-weight: 400;
}
.rp.number-control .number-control__btn {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.625rem 0 1rem;
}
.rp.number-control .number-control__btn button {
  background-color: transparent;
  border: none;
  margin: 0;
  display: block;
}
.rp.number-control .number-control__btn button + button {
  margin-top: 0.125rem;
}
.rp.number-control input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.number-control select,
.rp.number-control textarea,
.rp.number-control .form-field {
  height: 1.25rem;
}
.rp.number-control input::-webkit-outer-spin-button,
.rp.number-control input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.rp.number-control.is-focused input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.number-control.is-focused select,
.rp.number-control.is-focused textarea,
.rp.number-control.is-focused .form-field {
  box-shadow: none;
  border: none;
}
.rp.number-control--invoice {
  max-width: 17.125rem;
  margin-left: auto;
}
@media screen and (min-width: 992px) {
  .rp.number-control--invoice {
    margin-top: 1.6875rem;
  }
}
@media (max-width: 991px) {
  .rp.number-control--invoice {
    margin-bottom: 1.25rem;
  }
}
.form-field--select-services {
  height: auto;
  padding-left: 0;
}
.drawer__sub-head {
  padding: 1.5rem 0;
  background-color: var(--white);
}
.drawer__sub-head.is-sticky {
  top: 0;
}
.cf-message p {
  color: #344054;
  font-size: 0.875rem;
}
.cf-message p strong {
  font-weight: 500;
}
.cf-message p .mention {
  background-color: #ffe8e8;
  color: #c73538;
  font-weight: 500;
}
.cf-message p + img {
  margin-top: 0.3125rem;
}
.cf-message img {
  max-height: 12.5rem;
  width: auto;
  border: 0.0625rem solid #eaecf0;
  border-radius: 0.5rem;
}
.cf-message img + img {
  margin-top: 0.625rem;
}
.cf-message .cf-message__desc .cf-clamp {
  max-height: 120px;
}
.cf-message .cf-message__desc pre {
  white-space: pre-wrap;
}
.cf-message--inbox p .mention {
  background-color: #eaecf0;
  color: #344054;
}
.cf-message .cf-message__gradient {
  position: relative;
}
.cf-message .cf-message__gradient:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.75rem;
  background:
    linear-gradient(
      360deg,
      rgba(255, 255, 255, 0.85) 0%,
      rgba(255, 255, 255, 0.01) 80%);
}
.cf-number-control {
  max-width: 23.3125rem;
  margin-left: auto;
}
.cf-number-control .cf-number-control__item {
  flex: 1;
  height: auto;
}
.cf-number-control .cf-select-box .ng-select-container {
  border-radius: 0.5rem 0 0 0.5rem;
}
.cf-number-control .cf-select-box--input .ng-select .ng-select-container {
  min-height: 2.875rem;
  padding-right: 0.8125rem;
}
.cf-number-control .cf-select-box--input .ng-select .ng-select-container .ng-value-container {
  padding-right: 0.5rem;
}
.cf-number-control .cf-select-box--input .ng-select .ng-arrow-wrapper {
  padding: 0;
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.cf-number-control .cf-input {
  border-radius: 0 0.5rem 0.5rem 0;
  border-left: none;
  height: 100%;
}
.cf-number-control .cf-input input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  min-height: auto;
  height: 100%;
}
.cf-invoice-footer .col--percent {
  flex-basis: 23.3125rem;
  max-width: 18.75rem;
}
@media screen and (min-width: 768px) {
  .cf-invoice-footer .col--percent {
    padding-top: 2.125rem;
  }
}
@media screen and (min-width: 1367px) {
  .cf-invoice-footer .col--percent {
    max-width: 23.3125rem;
  }
}
.cf-invoice-footer .col--data {
  flex-basis: 17.9375rem;
}
.cf-drawer__sub-head {
  padding: 1.25rem 1.5rem 1rem;
  background-color: var(--white);
}
.cf-drawer__sub-head.is-sticky {
  top: 0;
}
.cf-drawer__sub-head {
  padding: 1.25rem 1.5rem 1rem;
  background-color: var(--white);
}
.cf-drawer__sub-head.is-sticky {
  top: 0;
}
.cf-chart-container .chart-budget--recurring {
  width: 100%;
  padding-right: 1.5rem;
}
.cf-chart-container .chart-budget--recurring rect.billable {
  clip-path: inset(0% 0% 0% 0% round 2px);
}
.cf-chart-container .chart-budget--recurring rect.non-billable {
  clip-path: inset(0% 0% 0% 0% round 2px);
}
.cf-chart-container .chart-budget--recurring g.x-axis .domain {
  stroke: #d0d5dd;
}
.cf-chart-container--budget {
  padding-right: 1.5rem;
}
body:has(.has-no-appbar) .cf-alert-banner {
  width: 100%;
}
.cf-task-card__tags .cf-combo-box-wrapper {
  display: inline-block;
}
.rp.alert {
  border-radius: 0.75rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--gray-25, #fcfcfd);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
  min-height: 3.25rem;
  padding: 0.4375rem;
  padding-right: 3.125rem;
  position: relative;
}
.rp.alert .alert__close {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.rp.alert p {
  color: var(--gray-700);
}
.rp.alert .alert__text {
  padding: 0.5rem 0;
}
.rp.alert--error {
  border-color: var(--error-300);
  background: var(--error-25);
}
.rp.alert--error p {
  color: var(--error-700);
}
.l-round-icon {
  width: 2.375rem;
  height: 2.375rem;
  position: relative;
}
.l-round-icon:before,
.l-round-icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.125rem solid var(--gray-600);
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.l-round-icon:before {
  opacity: 0.1;
}
.l-round-icon:after {
  opacity: 0.3;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
}
.l-round-icon--error:before,
.l-round-icon--error:after {
  border-color: var(--error-600);
}
body:has(.has-appbar) .rp.toast {
  left: 16rem;
}
.cf-round-icon {
  width: 2.375rem;
  height: 2.375rem;
  position: relative;
}
.cf-round-icon:before,
.cf-round-icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.125rem solid var(--gray-600);
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.cf-round-icon:before {
  opacity: 0.1;
}
.cf-round-icon:after {
  opacity: 0.3;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
}
.cf-round-icon--error:before,
.cf-round-icon--error:after {
  border-color: var(--error-600);
}
.rp.budget-box {
  padding: 1.25rem 1.5rem 1.25rem 1.5rem;
  border-radius: 12px;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.rp.rich-editor .rich-editor__footer {
  margin-top: 0.375rem;
  height: 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.rp.feed--comment p {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--gray-600);
}
.rp.feed--comment p:empty {
  display: block;
  height: 0.75rem;
}
.task__comment-uploads {
  max-height: 12.5rem;
  overflow: auto;
  margin-top: 0.625rem;
}
.task__comment-uploads.is-hidden {
  display: none;
}
.mention {
  background-color: var(--primary-100);
  color: var(--primary-800);
  padding: 0 0.0625rem;
  border-radius: 0.125rem;
  margin-right: 0.25rem;
  display: inline-block;
  cursor: pointer;
}
.mention--warning {
  background-color: var(--warning-100);
  color: var(--warning-700);
}
.cf-feed--comment p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #475467;
}
.cf-feed--comment p:empty {
  display: block;
  height: 0.75rem;
}
.cf-feed--comment .cf-avatar {
  cursor: pointer;
}
.ProseMirror-selectednode {
  outline: none !important;
}
.cf-text-editor--description.is-focused .ProseMirror-selectednode .cf-image-block {
  border: 0.125rem solid transparent;
  box-shadow: 0 0 0 0.125rem #fa4c4f;
  border-radius: 0.25rem;
}
.l-color-picker {
  border: none;
  border-radius: 50%;
  position: relative;
  width: 1.375rem;
  height: 1.375rem;
  display: block;
  outline: none;
}
.l-color-picker:before {
  content: "";
  background-color: var(--gray-25);
  filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.l-color-picker:hover:before,
.l-color-picker:focus:before,
.l-color-picker.is-active:before {
  opacity: 1;
}
.l-color-picker span {
  font-size: 0;
  color: transparent;
  background-color: transparent;
  position: absolute;
  inset: 0;
  width: 1.375rem;
  height: 1.375rem;
  display: block;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.l-color-picker--gray-neutral span {
  background-color: #9da4ae;
}
.l-color-picker--gray-warm span {
  background-color: #79716b;
}
.l-color-picker--error span {
  background-color: #f04438;
}
.l-color-picker--warning span {
  background-color: #fec84b;
}
.l-color-picker--green-light span {
  background-color: #a6ef67;
}
.l-color-picker--teal span {
  background-color: #2ed3b7;
}
.l-color-picker--blue span {
  background-color: #53b1fd;
}
.l-color-picker--purple span {
  background-color: #7a5af8;
}
.l-color-picker--fuchsia span {
  background-color: #d444f1;
}
.l-color-picker--pink span {
  background-color: #f670c7;
}
.l-color-picker--orange span {
  background-color: #f38744;
}
.l-color-picker--yellow span {
  background-color: #fef7c3;
}
.rp.color-picker {
  margin: 0 -1.8125rem;
}
.rp.color-picker li {
  flex-basis: 25%;
  padding: 0 1.8125rem;
}
.rp.empty-state {
  position: relative;
  padding: 1.5rem 0 8.375rem;
  overflow: hidden;
}
.rp.empty-state:after {
  content: "";
  width: 30rem;
  height: 30rem;
  position: absolute;
  top: -7.1875rem;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/assets/images/empty-state-bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
.rp.empty-state i {
  width: 3rem;
  height: 3rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  margin: 0 auto 1rem;
  position: relative;
  z-index: 2;
}
.rp.empty-state article {
  position: relative;
  z-index: 2;
  max-width: 22rem;
  margin: auto;
}
.rp.empty-state h5 {
  margin-bottom: 0.25rem;
}
.rp.empty-state p {
  color: var(--gray-600);
}
.rp.empty-state--table:after {
  display: none;
}
.cf-empty-state {
  position: relative;
  padding: 1.5rem 0 8.375rem;
  overflow: hidden;
}
.cf-empty-state:after {
  content: "";
  width: 30rem;
  height: 30rem;
  position: absolute;
  top: -7.1875rem;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/assets/images/empty-state-bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
.cf-empty-state i {
  width: 3rem;
  height: 3rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid #eaecf0;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  margin: 0 auto 1rem;
  position: relative;
  z-index: 2;
}
.cf-empty-state article {
  position: relative;
  z-index: 2;
  max-width: 22rem;
  margin: auto;
}
.cf-empty-state h5 {
  margin-bottom: 0.25rem;
}
.cf-empty-state p {
  color: #475467;
}
.cf-empty-state--table:after {
  display: none;
}
.rp.form .mat-date-range-input-mirror {
  display: none;
}
.rp.form .mat-date-range-input-inner {
  position: initial;
}
.rp.form .mat-date-range-input-wrapper {
  position: relative;
  overflow: unset;
}
.rp.form .mat-date-range-input-wrapper:before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(/assets/icons/icon-calendar-gray-500.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
}
.rp.form .mat-date-range-input-wrapper input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  background-image: url(/assets/icons/icon-chevron-down.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
  padding-right: 1.875rem;
}
.rp.form .mat-date-range-input-wrapper input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.form .mat-date-range-input-wrapper select,
.rp.form .mat-date-range-input-wrapper textarea,
.rp.form .mat-date-range-input-wrapper .form-field {
  padding-left: 2.625rem;
}
.rp.form .mat-date-range-input-separator-hidden {
  opacity: 1;
  color: var(--gray-500);
}
.rp.form .mat-datepicker-content .mat-calendar {
  height: auto;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-calendar {
  height: auto;
}
.mat-calendar-table tbody .mat-calendar-body-label[colspan="7"] {
  display: none;
}
.mat-calendar-body-cell .mat-calendar-body-selected.mat-calendar-body-today {
  box-shadow: none;
}
.mat-calendar-body-cell.mat-calendar-body-in-range::before {
  background: var(--gray-50);
}
.mat-calendar-body-cell.mat-calendar-body-in-range .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: transparent;
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border: none;
  background: var(--gray-100);
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--gray-100) !important;
}
.mat-datepicker-content .mat-calendar-previous-button:hover,
.mat-datepicker-content .mat-calendar-previous-button:focus,
.mat-datepicker-content .mat-calendar-next-button:hover,
.mat-datepicker-content .mat-calendar-next-button:focus {
  color: var(--primary-700);
  background-color: var(--primary-50);
}
.mat-calendar-header .mat-calendar-controls {
  justify-content: center;
  margin: 0.75rem 0;
}
.mat-calendar-header .mat-calendar-spacer {
  display: none;
}
.mat-calendar-header .mat-mdc-icon-button {
  position: absolute;
}
.mat-calendar-header .mat-calendar-previous-button {
  left: 1.25rem;
}
.mat-calendar-header .mat-calendar-next-button {
  right: 1.25rem;
}
.mat-calendar-header .mat-calendar-arrow {
  display: none;
}
.mat-calendar-header .mat-mdc-button-persistent-ripple::before {
  transition: 0.3s ease-in-out;
}
.mat-calendar-header .mat-calendar-period-button .mat-mdc-button-persistent-ripple::before {
  box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px;
  border-color: var(--primary-200);
  background: var(--primary-50);
}
.mat-calendar-header .mat-calendar-period-button:hover .mdc-button__label,
.mat-calendar-header .mat-calendar-period-button:focus .mdc-button__label {
  color: var(--primary-700);
}
.mat-calendar-header .mat-calendar-period-button:hover .mat-mdc-button-persistent-ripple::before,
.mat-calendar-header .mat-calendar-period-button:focus .mat-mdc-button-persistent-ripple::before {
  opacity: 1;
}
.mat-calendar-header .mdc-button__label {
  color: var(--gray-700);
  text-transform: lowercase;
  transition: 0.3s ease-in-out;
}
.mat-calendar-header .mdc-button__label::first-letter {
  text-transform: uppercase;
}
.mat-datepicker-popup .mat-datepicker-content {
  border-radius: 0.5rem;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}
.mat-calendar-table .mat-calendar-table-header tr th span + span {
  font-size: 0;
}
.mat-calendar-table .mat-calendar-table-header tr th span + span:before {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-700);
}
.mat-calendar-table .mat-calendar-table-header tr th:nth-child(1) span + span:before {
  content: "Su";
}
.mat-calendar-table .mat-calendar-table-header tr th:nth-child(2) span + span:before {
  content: "Mo";
}
.mat-calendar-table .mat-calendar-table-header tr th:nth-child(3) span + span:before {
  content: "Tu";
}
.mat-calendar-table .mat-calendar-table-header tr th:nth-child(4) span + span:before {
  content: "We";
}
.mat-calendar-table .mat-calendar-table-header tr th:nth-child(5) span + span:before {
  content: "Th";
}
.mat-calendar-table .mat-calendar-table-header tr th:nth-child(6) span + span:before {
  content: "Fr";
}
.mat-calendar-table .mat-calendar-table-header tr th:nth-child(7) span + span:before {
  content: "Sat";
}
.mat-calendar-table .mat-calendar-table-header-divider {
  display: none;
}
.rp.progress p {
  margin: 0;
}
.rp.progress label,
.rp.progress p {
  margin: 0;
  color: var(--gray-500);
  font-size: 0.75rem;
  font-weight: 500;
  flex: 1;
}
.rp.progress .progress__value span {
  color: var(--gray-700);
}
.rp.progress progress {
  background: var(--gray-200);
  height: 0.25rem;
  border-radius: 0.3125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  flex: 1;
}
.rp.progress progress[value]::-webkit-progress-bar {
  border-radius: 0.3125rem;
  background: var(--gray-200);
}
.rp.progress progress[value]::-webkit-progress-value {
  border-radius: 0.3125rem;
  background: var(--primary-600);
}
.rp.progress progress[value]::-moz-progress-bar {
  border-radius: 0.3125rem;
  background: var(--gray-200);
}
.rp.progress.has-marker progress {
  position: relative;
}
.rp.progress.has-marker progress:before {
  content: "";
  width: 0.0625rem;
  height: 0.3125rem;
  background-color: var(--black);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(var(--data-marker) - 1px);
}
.cf-linear-progress-group li:not(:last-child) {
  margin-bottom: 0.225rem;
}
.cf-linear-progress-group .cf-progress .cf-progress__title {
  color: #667085;
}
.cf-linear-progress-group .cf-progress .cf-progress__data {
  color: #475467;
}
.cf-linear-progress-group .cf-progress .cf-progress__value {
  color: #101828;
}
.cf-media-progress-bar input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  -webkit-appearance: none;
  width: 100%;
  height: 0.25rem;
  background: #98a2b3;
  outline: none;
  border-radius: 0.5rem;
  cursor: pointer;
  padding: 0;
  border: none;
}
.cf-media-progress-bar input:not([type=file]):not([type=checkbox]):not([type=radio])::-webkit-slider-thumb {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #fa4c4f;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.cf-media-progress-bar input:not([type=file]):not([type=checkbox]):not([type=radio])::-moz-range-thumb {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #fa4c4f;
  cursor: pointer;
}
.cf-media-progress-bar--sm input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  height: 0.0625rem;
  width: 3.125rem;
}
.progress-meter--track-white.progress-meter--sec .progress-meter__round--back {
  stroke: #ffffff;
  stroke-width: 0.125rem;
}
.rp.chip {
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-700);
  padding: 0.0625rem 0.25rem 0.0625rem 0.3125rem;
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
}
.rp.chip:not(:last-child) {
  margin-right: 0.375rem;
}
.rp.chip input {
  all: unset;
}
.rp.chip .chip__icon {
  width: 1rem;
  height: 1rem;
}
.rp.chip .chip__icon.is-rounded img {
  border-radius: 50%;
}
.rp.chip .chip__text {
  line-height: 140%;
}
.rp.chip .l-avatar[data-name]:after {
  font-size: calc(var(--size) * 0.5);
  line-height: inherit;
}
.rp.chip--project {
  background-color: var(--gray-50);
  border-color: var(--gray-200);
  padding: 0.0625rem 0.1875rem;
}
.rp.chip--project .l-avatar[data-name]:after {
  font-size: 0.5rem;
}
.rp.chip--gray {
  background-color: var(--gray-50);
  mix-blend-mode: multiply;
}
.rp.chip--gray .l-clamp,
.rp.chip--gray .l-badge--ellipsis {
  line-height: 140%;
}
@media screen and (max-width: 1366px) {
  .rp.chip--xl-w-100 {
    min-width: 6.25rem;
  }
}
.skeleton {
  display: block;
  position: relative;
  border-radius: 0.5rem;
  max-width: 9.375rem;
  width: 100%;
  color: transparent;
  font-size: 0;
  background-color: #f9fafb;
  animation: none;
  overflow: hidden;
}
.skeleton--sm {
  height: 1rem;
  max-width: 7.0625rem;
}
.skeleton--md {
  height: 1.25rem;
}
.skeleton--lg {
  height: 3rem;
}
.skeleton--xl {
  height: 7.5rem;
}
.skeleton--xxl {
  height: 16.6875rem;
}
.skeleton--btn {
  width: 8.0625rem;
  height: 2.25rem;
}
.skeleton--btn-icon {
  width: 2.25rem;
  height: 2.25rem;
}
.skeleton--btn-icon-md {
  width: 1.75rem;
  height: 1.75rem;
}
.skeleton--heading {
  max-width: initial;
  width: auto;
  height: 2.3125rem;
  margin: 0 -0.9375rem;
}
.skeleton--block {
  max-width: initial;
}
.skeleton--avatar {
  width: var(--size);
  height: var(--size);
  display: block;
  border-radius: 50%;
  background-image: url(/assets/images/team-placeholder-border.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.skeleton--follow {
  width: 2.6875rem;
}
.skeleton--profile-app {
  opacity: 0.05;
  height: 3rem;
  max-width: unset;
}
.skeleton--auto-width {
  max-width: initial;
  width: auto;
}
.skeleton--tab {
  height: 2rem;
  margin: 1.5rem 1.5rem 0rem 1.5rem;
}
.skeleton--timepicker {
  height: 7.5rem;
}
.skeleton--checkbox {
  height: 2.625rem;
}
.skeleton--task-dropdown {
  height: 4.625rem;
}
.skeleton--description {
  height: 9rem;
}
.skeleton--accordion {
  max-width: 14.5625rem;
  width: 14.5625rem;
  height: 1rem;
  margin: 0.25rem 0.25rem 0rem 0.25rem;
}
.skeleton--chevron {
  width: 1.75rem;
  height: 1.75rem;
}
.skeleton--legends {
  max-width: 4.6875rem;
  width: 4.6875rem;
  height: 1rem;
}
.skeleton--edit {
  height: 1rem;
  max-width: 1.5rem;
}
.skeleton--text {
  height: 1rem;
  max-width: 8.9375rem;
}
.skeleton--circle {
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
}
.skeleton--auto-width {
  max-width: initial;
  width: auto;
}
.skeleton--tab {
  height: 2rem;
  margin: 1.5rem 1.5rem 0rem 1.5rem;
}
.skeleton--days {
  height: 2rem;
  width: 3rem;
}
.skeleton--timepicker {
  height: 7.5rem;
}
.skeleton--checkbox {
  height: 2.625rem;
}
.skeleton--task-dropdown {
  height: 4.625rem;
}
.skeleton--description {
  height: 9rem;
}
.skeleton--tabset {
  height: 0.875rem;
  width: 3rem;
}
.skeleton--block-lg {
  height: 8.25rem;
  max-width: unset;
}
.skeleton--block-xl {
  height: 10.625rem;
  max-width: unset;
}
.skeleton--static {
  background-color: #ffffff;
  animation: none;
}
.skeleton--accordion-title {
  max-width: 14.5625rem;
}
.skeleton--tabset-tab {
  height: 2.375rem;
  max-width: 4.0625rem;
  margin: 0.3125rem;
}
.skeleton--field {
  height: 3.75rem;
  display: block;
}
.skeleton--task-field {
  width: 11.25rem;
  height: 1.5625rem;
  position: relative;
  top: 0.125rem;
}
.skeleton--subtask {
  width: 5rem;
  height: 0.875rem;
  margin-top: 0.1875rem;
}
.skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #edf0f3;
  animation: skeleton-loading 1s linear infinite alternate;
  will-change: opacity;
  pointer-events: none;
}
@keyframes skeleton-loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cf-footer-loader {
  top: -1.0625rem;
}
.cf-accordion__loader {
  position: sticky;
  left: 1.5rem;
  display: block;
  width: calc(100vw - 18rem);
}
.rp.drawer .loader-overlay {
  position: fixed;
  top: 0;
  left: auto;
  right: 0;
  transform: none;
  width: 44.375rem;
  contain: layout paint;
}
.rp.drawer header .l-btn--sm {
  padding: 0.4375rem 0.8125rem 0.4375rem 2.5625rem;
}
.rp.drawer header .l-btn--icon-left i {
  left: 0.8125rem;
}
.cf-drawer {
  transition: right 0.3s ease-in-out;
  contain: layout style;
}
.cf-drawer header .cf-button-icon {
  position: relative;
}
.cf-drawer header .cf-button-icon:before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 0.0625rem solid transparent;
  border-radius: 0.5rem;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.cf-drawer header .cf-button-icon.is-active {
  background-color: #fff5f5;
  color: #fa4c4f;
}
.cf-drawer header .cf-button-icon.is-active:before {
  border-color: #ffd0d1;
  opacity: 1;
  visibility: visible;
}
.cf-drawer header .cf-button-icon--fav.is-active {
  background-color: transparent;
  color: #fdb022;
}
.cf-drawer header .cf-button-icon--fav.is-active:before {
  opacity: 0;
  visibility: hidden;
}
.cf-drawer .cf-drawer__body:has(.cf-company-drawer-invoices) {
  overflow: hidden;
}
.is-sub-drawer .cf-drawer.cf-drawer--logged-time {
  width: calc(var(--drawer-width) - 40px);
  min-width: unset;
}
body:has(.is-project-closed) .cf-task__bottom {
  padding-bottom: 3.875rem;
}
.has-disabled-fields .cf-form__footer-panel {
  opacity: 0.5;
}
html:has(.cf-drawer) {
  overflow: hidden;
}
.rp.toggle-list {
  padding: 0.5625rem 1.25rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200);
}
.cf-toggle .cf-toggle__label:after {
  display: none;
}
.cf-toggle .cf-toggle__label:before {
  border: none;
}
.cf-toggle--custom-toggle {
  position: relative;
  top: -0.5rem;
}
.cf-toggle--drag-toggle {
  position: relative;
  top: 0.1875rem;
}
.cf-toggle-list {
  padding: 0.5625rem 1.25rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #d0d5dd;
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .cf-toggle-list {
    padding: 0.125rem 1rem;
    border-width: 0 0 0 0.0625rem;
    border-radius: 0;
  }
}
.rp.legend .legend__text {
  color: var(--gray-sec-600);
  font-size: 0.875rem;
}
.cf-legend-list {
  row-gap: 0.3125rem;
  column-gap: 1.5rem;
}
.cf-legend-list .cf-legend-list__ellipse {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #d0d5dd;
  font-size: 0;
  color: transparent;
}
.cf-legend-list .cf-legend-list__ellipse--primary {
  background-color: #fa4c4f;
}
.cf-legend-list .cf-legend-list__ellipse--ring {
  border: 0.125rem solid #fa4c4f;
  background-color: #ffffff;
}
.cf-legend-list--skeleton {
  position: relative;
  top: -1.6875rem;
}
.cf-legend-list--listing {
  background-color: #ffffff;
  position: relative;
  z-index: 4;
}
.cf-legend-list--sticky-right {
  position: sticky;
  left: 0;
}
.cf-legend-point {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: var(--legend-color);
  font-size: 0;
  color: transparent;
}
.rp.text-editor {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid var(--gray-300);
  border-radius: 0.5rem;
  background: var(--white);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.rp.text-editor.is-focused {
  border-color: var(--primary-300);
  box-shadow: 0 0 0 4px var(--primary-100);
}
.rp.text-editor.is-focused .text-editor__panel--comment {
  max-height: 35vh;
  overflow: auto;
}
.rp.text-editor.is-focused .text-editor__menu {
  pointer-events: all;
}
.rp.text-editor .text-editor__menu {
  order: 2;
  pointer-events: none;
}
.rp.text-editor .text-editor__panel {
  padding: 0 0.8125rem 0;
}
.rp.text-editor .text-editor__panel--comment {
  max-height: 3rem;
  overflow: hidden;
}
.rp.text-editor--description {
  border-color: transparent;
  margin: -0.5rem -0.5rem 0;
  box-shadow: none;
  cursor: text;
  transition: 0.3s ease-in-out;
}
.rp.text-editor--description:hover {
  border-color: var(--gray-300);
}
.rp.text-editor--description .text-editor__panel {
  padding: 0.5rem 0.5rem 0;
}
.rp.text-editor--description .rp.editor-action {
  opacity: 0;
  visibility: hidden;
}
.rp.text-editor--description.is-focused {
  cursor: default;
}
.rp.text-editor--description.is-focused .rp.editor-action {
  opacity: 1;
  visibility: visible;
}
.rp.text-editor--comment {
  padding-top: 0.8125rem;
}
.rp.text-editor--card {
  box-shadow: none;
}
.rp.text-editor--card p,
.rp.text-editor--card ul,
.rp.text-editor--card ol {
  color: #475467;
}
.cf-editor {
}
.cf-editor ul,
.cf-editor ol {
  color: var(--gray-800);
  margin: 1rem 0;
  font-size: 0.875rem;
  padding-left: 1.25rem;
}
.cf-editor ul ul,
.cf-editor ul ol,
.cf-editor ol ul,
.cf-editor ol ol {
  margin: 0.25rem 0;
}
.cf-editor ul li {
  position: relative;
  list-style: initial;
}
.cf-editor ul li:before {
  position: absolute;
  top: -0.125rem;
}
.cf-editor ul li li {
  list-style: circle;
}
.cf-editor ul li li li {
  list-style: square;
}
.cf-editor ul li li li li {
  list-style: disc;
}
.cf-editor ul li li li li li {
  list-style: circle;
}
.cf-editor ul li li li li li li {
  list-style: square;
}
.cf-editor ul li li li li li li li {
  list-style: disc;
}
.cf-editor ol li {
  list-style: decimal;
}
.cf-editor ol li li {
  list-style: lower-alpha;
}
.cf-editor ol li li li {
  list-style: lower-roman;
}
.cf-editor ol li li li li {
  list-style: decimal;
}
.cf-editor ol li li li li li {
  list-style: lower-alpha;
}
.cf-editor ol li li li li li li {
  list-style: lower-roman;
}
.cf-editor ol li li li li li li li {
  list-style: decimal;
}
.cf-editor blockquote {
  padding: 0.125rem 0 0.125rem 0.9375rem;
  position: relative;
  margin: 1rem 0;
}
.cf-editor blockquote::before {
  content: "";
  width: 0.375rem;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--gray-200);
  border-radius: 0.5rem;
}
.cf-editor > p {
  margin-bottom: 1rem;
}
.cf-editor p {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.cf-editor p:last-of-type {
  margin-bottom: 0;
}
.cf-editor p u {
  text-underline-offset: 0.125rem;
}
.cf-editor p a {
  font-weight: 600;
}
.cf-editor h1,
.cf-editor h2,
.cf-editor h3,
.cf-editor h4,
.cf-editor h5,
.cf-editor h6 {
  margin-bottom: 0.375rem;
  margin-top: 0.75rem;
}
.cf-editor h1:first-of-type,
.cf-editor h2:first-of-type,
.cf-editor h3:first-of-type,
.cf-editor h4:first-of-type,
.cf-editor h5:first-of-type,
.cf-editor h6:first-of-type {
  margin-top: 0;
}
.cf-editor hr {
  outline: none;
  margin: 0.625rem 0;
  border: none;
  border-top: 0.0625rem solid var(--gray-300);
}
.cf-editor hr:before {
  display: none;
}
.cf-editor table {
  border: 0.0625rem solid var(--gray-400);
  border-collapse: collapse;
}
.cf-editor table td {
  border: 0.0625rem solid var(--gray-400);
  padding: 0.25rem;
  min-width: 3.125rem;
  min-height: 1.875rem;
}
.cf-editor .toolbar {
  display: flex;
  flex-wrap: wrap;
}
.cf-editor .cf-editor__tooltip {
  position: fixed;
  border-radius: 2px;
  border: 1px solid #333;
  min-width: 300px;
  min-height: 50px;
  background-color: red;
  padding: 10px;
  transform: translateY(-1px);
  z-index: 2;
}
.cf-editor #link-input {
  margin-right: 5px;
}
.cf-editor .imageResizeBoxWrapper {
  top: 0;
  position: absolute;
}
.cf-editor .imagePluginRoot {
  display: flex;
  justify-content: center;
  position: relative;
  outline: none;
}
.cf-editor .imagePluginRoot[imageplugin-align=left] {
  float: none;
  align-items: flex-start;
}
.cf-editor .imagePluginRoot[imageplugin-align=left] img {
  align-self: auto;
}
.cf-editor .imagePluginRoot[imageplugin-align=left] .imagePluginOverlay,
.cf-editor .imagePluginRoot[imageplugin-align=left] .imageResizeBoxWrapper {
  justify-content: flex-start;
}
.cf-editor .imagePluginRoot[imageplugin-align=right] {
  float: none;
  align-items: flex-end;
}
.cf-editor .imagePluginRoot[imageplugin-align=right] img {
  align-self: auto;
}
.cf-editor .imagePluginRoot[imageplugin-align=right] .imagePluginOverlay,
.cf-editor .imagePluginRoot[imageplugin-align=right] .imageResizeBoxWrapper {
  justify-content: flex-end;
}
.cf-editor .imagePluginRoot .imageResizeBoxWrapper {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.cf-editor .imagePluginRoot:not(:last-child) {
  margin-bottom: 0.75rem;
}
.cf-editor .imagePluginRoot:hover .imagePluginOverlay {
  opacity: 1;
}
.cf-editor .imagePluginRoot:hover .imageResizeBoxWrapper {
  opacity: 1;
  visibility: visible;
}
.cf-editor .imagePluginRoot + img.ProseMirror-separator + br.ProseMirror-trailingBreak {
  display: none;
}
.cf-editor .cf-editor__toolbar {
  order: 2;
  margin-top: 1.25rem;
}
.cf-editor article {
  max-width: 800px;
  margin: auto;
}
.cf-editor h1 {
  font-family: "Roboto", sans-serif;
}
.cf-editor code:not(pre code) {
  color: var(--warning-600) !important;
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  background-color: var(--gray-50);
  padding: 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  margin-bottom: 0.1875rem;
  padding: 0.125rem 0.375rem;
  display: inline-block;
}
.cf-editor p:has(> code),
.cf-editor p:last-of-type:has(> code) {
  margin: 1rem 0;
}
.cf-editor p:first-of-type:has(> code) {
  margin-top: 0;
}
.cf-editor pre {
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  background-color: var(--gray-50);
  color: var(--gray-700);
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  word-break: break-word;
  white-space: pre-wrap;
  margin: 0.375rem 0;
  padding: 0.3125rem 0.625rem;
  margin: 1rem 0;
}
.cf-editor pre code {
  text-decoration: none;
}
.cf-editor p {
  font-size: 0.875rem;
  color: var(--gray-800);
}
.cf-editor p img {
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  width: 100%;
  font-size: 0;
}
.cf-editor p img[src=""],
.cf-editor p img:not([src]) {
  display: none;
}
.cf-editor p img.ProseMirror-separator {
  display: none !important;
}
.cf-editor p img + img {
  margin-top: 1rem;
}
.cf-editor p + p {
  margin-top: 0.375rem;
}
.cf-editor .autocomplete {
  background-color: var(--primary-50);
  color: var(--primary-800);
  padding: 0 0.0625rem;
  border-radius: 0.125rem;
}
.cf-editor .command {
  color: red;
}
.cf-editor #info {
  margin-top: 1em;
  background-color: transparent;
  min-height: 1.5em;
  display: block;
}
.cf-editor .cf-editor__mention {
  display: none;
  position: fixed;
  border-radius: 2px;
  border: 1px solid #333;
  min-width: 300px;
  background-color: white;
  padding: 10px;
  transform: translateY(-1px);
  z-index: 2;
}
.cf-editor .cf-editor__mention:hover .selected {
  background-color: white;
}
.cf-editor .cf-editor__mention:hover > div:hover,
.cf-editor .cf-editor__mention .selected {
  background-color: wheat;
  cursor: pointer;
}
.cf-editor .cf-editor__dropdown {
  position: relative;
}
.cf-editor .cf-editor__dropdown .cf-editor__dropdown-content {
  border: 0.0625rem solid #ccc;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  background-color: var(--white);
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  z-index: 2;
  border-radius: 4px;
}
.cf-editor .cf-editor__dropdown .cf-editor__dropdown-content button + button {
  margin-left: 0;
}
.cf-editor .l-btn-icon {
  padding: 0;
  width: 1.5625rem;
  height: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.cf-editor .l-btn-icon:hover svg path,
.cf-editor .l-btn-icon:focus svg path {
  stroke: var(--gray-700);
}
.cf-editor .l-btn-icon.is-active {
  background-color: var(--gray-100);
}
.cf-editor .l-btn-icon svg path {
  transition: 0.3s ease-in-out;
}
.cf-editor .cf-editor__separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 0.625rem;
  font-size: 0;
  color: transparent;
}
.cf-editor .cf-editor__separator:after {
  content: "";
  width: 0.0625rem;
  height: 1.125rem;
  background-color: var(--gray-425);
}
.cf-editor .ProseMirror {
  outline: none;
  min-height: 1.875rem;
}
.cf-editor .ProseMirror-focused {
  cursor: initial;
}
.cf-editor .imageResizeBox {
  box-shadow: none;
}
.cf-editor .imageResizeBoxControl.bottomRight:after {
  left: auto;
  right: -0.5rem;
}
.cf-editor .imageResizeBoxControl.bottomLeft:after {
  left: -0.5rem;
}
.cf-editor .imageResizeBoxControl:after {
  top: 50%;
  transform: translateY(-50%);
  width: 0.375rem;
  border-radius: 0.25rem;
  background-color: var(--gray-500);
  border-color: var(--gray-300);
  transition: 0.3s ease-in-out;
}
.cf-editor .imageResizeBoxControl:hover:after,
.cf-editor .imageResizeBoxControl:focus:after {
  background-color: var(--gray-700);
}
.cf-editor .imagePluginOverlay {
  display: none;
}
.cf-editor placeholder {
  display: block;
  animation: skeleton-loading 1s linear infinite alternate;
  border-radius: 0.5rem;
  width: 100%;
  color: transparent;
  font-size: 0;
  min-height: 150px;
  position: relative;
  background-color: #eaecf0;
}
.cf-editor .cf-editor__placeholder {
  margin: 0;
  font-weight: 400;
  line-height: 140%;
  line-height: 1.25rem;
}
.cf-editor .cf-editor__placeholder::before {
  color: #98a2b3;
  opacity: 1;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  cursor: text;
  content: attr(data-placeholder);
  font-size: 0.875rem;
  top: 0;
}
.cf-editor .cf-editor__placeholder[data-align=right]::before {
  position: relative;
}
.cf-editor .cf-editor__placeholder:has(.ProseMirror-widget):before {
  opacity: 0;
}
.cf-editor--project-desc .cf-editor__placeholder:before {
  color: #475467;
}
.cf-editor--project-desc .ProseMirror {
  padding-top: 0.125rem;
}
.cf-editor--task-comment p {
  margin-bottom: 0.5rem;
}
.cf-editor--task-comment p + p {
  margin-top: 0;
}
.cf-editor--task-comment p:has(.ProseMirror-trailingBreak) {
  margin: 0 !important;
  line-height: 1.25rem;
}
.rp.editor-action {
  padding: 0.8125rem;
  transition: 0.3s ease-in-out;
}
.rp.editor-action .editor-action__cta {
  display: flex;
  align-items: flex-start;
}
.rp.editor-action .editor-action__cta .l-btn {
  font-size: 0.875rem;
  padding: 0.1875rem 0.6875rem;
}
.rp.editor-action .editor-action__cta .l-btn--gradient {
  background-size: 200%;
}
.rp.editor-action .editor-action__cta .l-btn--gradient:hover,
.rp.editor-action .editor-action__cta .l-btn--gradient:focus {
  color: var(--white);
  background-position: 100% 0;
}
.rp.editor-action .editor-action__cta .l-btn + .l-btn {
  margin-left: 0.5rem;
}
.rp.editor-action--card {
  padding-bottom: 0;
  padding-left: 0;
  max-height: 0;
  padding-top: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.rp.editor-action--card.is-active {
  padding-top: 0.875rem;
  max-height: 12.5rem;
  overflow: unset;
}
.rp.editor-action--card .editor-action__toolbar-row {
  gap: 0.3125rem;
}
.rp.editor-action--card .editor-action__toolbar-insert {
  padding: 0.1875rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
}
.rp.suggestion-box {
  margin-bottom: 0.625rem;
  background-color: var(--white);
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200, #eaecf0);
  background: var(--white);
  box-shadow: 0 0.25rem 0.375rem -0.125rem rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  padding: 0.375rem;
  overflow: auto;
}
.cf-text-editor {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid #d0d5dd;
  border-radius: 0.5rem;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.cf-text-editor.is-focused {
  border-color: #ffa8aa;
  box-shadow: 0 0 0 4px #ffe8e8;
}
.cf-text-editor.is-focused .cf-text-editor__panel--comment {
  max-height: 35vh;
  overflow: auto;
}
.cf-text-editor.is-focused .cf-text-editor__menu {
  pointer-events: all;
}
.cf-text-editor .cf-text-editor__menu {
  order: 2;
  pointer-events: none;
}
.cf-text-editor .cf-text-editor__panel {
  padding: 0 0.8125rem 0;
}
.cf-text-editor .cf-text-editor__panel--comment {
  max-height: 3rem;
  overflow: hidden;
}
.cf-text-editor--description {
  border-color: transparent;
  margin: -0.5rem -0.5rem 0;
  box-shadow: none;
  cursor: text;
  transition: 0.3s ease-in-out;
}
.cf-text-editor--description:hover {
  border-color: #d0d5dd;
}
.cf-text-editor--description .cf-text-editor__panel {
  padding: 0.5rem 0.5rem 0;
}
.cf-text-editor--description .editor-action {
  opacity: 0;
  visibility: hidden;
}
.cf-text-editor--description.is-focused {
  cursor: default;
}
.cf-text-editor--description.is-focused .editor-action {
  opacity: 1;
  visibility: visible;
}
.cf-text-editor--comment {
  padding-top: 0.8125rem;
  min-height: 3rem;
}
.cf-editor-action {
  padding: 0.8125rem;
  transition: 0.3s ease-in-out;
}
.cf-editor-action .cf-editor-action__cta {
  display: flex;
  align-items: flex-start;
}
.cf-editor-action .cf-editor-action__cta .l-btn {
  font-size: 0.875rem;
  padding: 0.1875rem 0.6875rem;
}
.cf-editor-action .cf-editor-action__cta .l-btn--gradient {
  background-size: 200%;
}
.cf-editor-action .cf-editor-action__cta .l-btn--gradient:hover,
.cf-editor-action .cf-editor-action__cta .l-btn--gradient:focus {
  color: var(--white);
  background-position: 100% 0;
}
.cf-editor-action .cf-editor-action__cta .l-btn + .l-btn {
  margin-left: 0.5rem;
}
.cf-editor-field {
}
.cf-editor-field ul,
.cf-editor-field ol {
  color: #1d2939;
  margin: 1rem 0;
  font-size: 0.875rem;
  padding-left: 1.25rem;
}
.cf-editor-field ul ul,
.cf-editor-field ul ol,
.cf-editor-field ol ul,
.cf-editor-field ol ol {
  margin: 0.25rem 0;
}
.cf-editor-field ul li {
  position: relative;
  list-style: initial;
}
.cf-editor-field ul li:before {
  position: absolute;
  top: -0.125rem;
}
.cf-editor-field ul li li {
  list-style: circle;
}
.cf-editor-field ul li li li {
  list-style: square;
}
.cf-editor-field ul li li li li {
  list-style: disc;
}
.cf-editor-field ul li li li li li {
  list-style: circle;
}
.cf-editor-field ul li li li li li li {
  list-style: square;
}
.cf-editor-field ul li li li li li li li {
  list-style: disc;
}
.cf-editor-field ol li {
  list-style: decimal;
}
.cf-editor-field ol li li {
  list-style: lower-alpha;
}
.cf-editor-field ol li li li {
  list-style: lower-roman;
}
.cf-editor-field ol li li li li {
  list-style: decimal;
}
.cf-editor-field ol li li li li li {
  list-style: lower-alpha;
}
.cf-editor-field ol li li li li li li {
  list-style: lower-roman;
}
.cf-editor-field ol li li li li li li li {
  list-style: decimal;
}
.cf-editor-field blockquote {
  padding: 0.125rem 0 0.125rem 0.9375rem;
  position: relative;
  margin: 1rem 0;
}
.cf-editor-field blockquote::before {
  content: "";
  width: 0.375rem;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--gray-200);
  border-radius: 0.5rem;
}
.cf-editor-field > p {
  margin-bottom: 1rem;
}
.cf-editor-field p {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.cf-editor-field p:last-of-type {
  margin-bottom: 0;
}
.cf-editor-field p u {
  text-underline-offset: 0.125rem;
}
.cf-editor-field p a {
  font-weight: 600;
}
.cf-editor-field h1,
.cf-editor-field h2,
.cf-editor-field h3,
.cf-editor-field h4,
.cf-editor-field h5,
.cf-editor-field h6 {
  margin-bottom: 0.375rem;
  margin-top: 0.75rem;
}
.cf-editor-field h1:first-of-type,
.cf-editor-field h2:first-of-type,
.cf-editor-field h3:first-of-type,
.cf-editor-field h4:first-of-type,
.cf-editor-field h5:first-of-type,
.cf-editor-field h6:first-of-type {
  margin-top: 0;
}
.cf-editor-field hr {
  outline: none;
  margin: 0.625rem 0;
  border: none;
  border-top: 0.0625rem solid #d0d5dd;
}
.cf-editor-field hr:before {
  display: none;
}
.cf-editor-field table {
  border: 0.0625rem solid #98a2b3;
  border-collapse: collapse;
}
.cf-editor-field table td {
  border: 0.0625rem solid #98a2b3;
  padding: 0.25rem;
  min-width: 3.125rem;
  min-height: 1.875rem;
}
.cf-editor-field .toolbar {
  display: flex;
  flex-wrap: wrap;
}
.cf-editor-field .cf-editor-field__tooltip {
  position: fixed;
  border-radius: 2px;
  border: 1px solid #333;
  min-width: 300px;
  min-height: 50px;
  background-color: red;
  padding: 10px;
  transform: translateY(-1px);
  z-index: 2;
}
.cf-editor-field #link-input {
  margin-right: 5px;
}
.cf-editor-field .imageResizeBoxWrapper {
  top: 0;
  position: absolute;
}
.cf-editor-field .imagePluginRoot {
  display: flex;
  justify-content: center;
  position: relative;
  outline: none;
}
.cf-editor-field .imagePluginRoot[imageplugin-align=left] {
  float: none;
  align-items: flex-start;
}
.cf-editor-field .imagePluginRoot[imageplugin-align=left] img {
  align-self: auto;
}
.cf-editor-field .imagePluginRoot[imageplugin-align=left] .imagePluginOverlay,
.cf-editor-field .imagePluginRoot[imageplugin-align=left] .imageResizeBoxWrapper {
  justify-content: flex-start;
}
.cf-editor-field .imagePluginRoot[imageplugin-align=right] {
  float: none;
  align-items: flex-end;
}
.cf-editor-field .imagePluginRoot[imageplugin-align=right] img {
  align-self: auto;
}
.cf-editor-field .imagePluginRoot[imageplugin-align=right] .imagePluginOverlay,
.cf-editor-field .imagePluginRoot[imageplugin-align=right] .imageResizeBoxWrapper {
  justify-content: flex-end;
}
.cf-editor-field .imagePluginRoot .imageResizeBoxWrapper {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.cf-editor-field .imagePluginRoot:not(:last-child) {
  margin-bottom: 0.75rem;
}
.cf-editor-field .imagePluginRoot:hover .imagePluginOverlay {
  opacity: 1;
}
.cf-editor-field .imagePluginRoot:hover .imageResizeBoxWrapper {
  opacity: 1;
  visibility: visible;
}
.cf-editor-field .imagePluginRoot + img.ProseMirror-separator + br.ProseMirror-trailingBreak {
  display: none;
}
.cf-editor-field .cf-editor__toolbar {
  order: 2;
  margin-top: 1.25rem;
}
.cf-editor-field article {
  max-width: 800px;
  margin: auto;
}
.cf-editor-field code:not(pre code) {
  color: var(--warning-600) !important;
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  background-color: var(--gray-50);
  padding: 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  margin-bottom: 0.1875rem;
  padding: 0.125rem 0.375rem;
  display: inline-block;
}
.cf-editor-field p:has(> code),
.cf-editor-field p:last-of-type:has(> code) {
  margin: 1rem 0;
}
.cf-editor-field p:first-of-type:has(> code) {
  margin-top: 0;
}
.cf-editor-field pre {
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--gray-300);
  background-color: var(--gray-50);
  color: var(--gray-700);
  font-family: var(--system-ui-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  word-break: break-word;
  white-space: pre-wrap;
  margin: 0.375rem 0;
  padding: 0.3125rem 0.625rem;
  margin: 1rem 0;
}
.cf-editor-field pre code {
  text-decoration: none;
}
.cf-editor-field p {
  font-size: 0.875rem;
  color: #1d2939;
}
.cf-editor-field p img {
  border-radius: 0.5rem;
  border: 0.0625rem solid #eaecf0;
  width: 100%;
  font-size: 0;
}
.cf-editor-field p img[src=""],
.cf-editor-field p img:not([src]) {
  display: none;
}
.cf-editor-field p img.ProseMirror-separator {
  display: none !important;
}
.cf-editor-field p img + img {
  margin-top: 1rem;
}
.cf-editor-field p + p {
  margin-top: 0.375rem;
}
.cf-editor-field .autocomplete {
  background-color: #fff5f5;
  color: #1d2939;
  padding: 0 0.0625rem;
  border-radius: 0.125rem;
}
.cf-editor-field .command {
  color: red;
}
.cf-editor-field #info {
  margin-top: 1em;
  background-color: transparent;
  min-height: 1.5em;
  display: block;
}
.cf-editor-field .cf-editor__mention {
  display: none;
  position: fixed;
  border-radius: 2px;
  border: 1px solid #333;
  min-width: 300px;
  background-color: #ffffff;
  padding: 10px;
  transform: translateY(-1px);
  z-index: 2;
}
.cf-editor-field .cf-editor__mention:hover .selected {
  background-color: #ffffff;
}
.cf-editor-field .cf-editor__mention:hover > div:hover,
.cf-editor-field .cf-editor__mention .selected {
  background-color: wheat;
  cursor: pointer;
}
.cf-editor-field .cf-editor__dropdown {
  position: relative;
}
.cf-editor-field .cf-editor__dropdown .cf-editor__dropdown-content {
  border: 0.0625rem solid #ccc;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  z-index: 2;
  border-radius: 4px;
}
.cf-editor-field .cf-editor__dropdown .cf-editor__dropdown-content button + button {
  margin-left: 0;
}
.cf-editor-field .l-btn-icon {
  padding: 0;
  width: 1.5625rem;
  height: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.cf-editor-field .l-btn-icon:hover svg path,
.cf-editor-field .l-btn-icon:focus svg path {
  stroke: #344054;
}
.cf-editor-field .l-btn-icon.is-active {
  background-color: #f2f4f7;
}
.cf-editor-field .l-btn-icon svg path {
  transition: 0.3s ease-in-out;
}
.cf-editor-field .cf-editor__separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 0.625rem;
  font-size: 0;
  color: transparent;
}
.cf-editor-field .cf-editor__separator:after {
  content: "";
  width: 0.0625rem;
  height: 1.125rem;
  background-color: var(--gray-425);
}
.cf-editor-field .ProseMirror {
  outline: none;
  min-height: 1.875rem;
}
.cf-editor-field .ProseMirror-focused {
  cursor: initial;
}
.cf-editor-field .imageResizeBox {
  box-shadow: none;
}
.cf-editor-field .imageResizeBoxControl.bottomRight:after {
  left: auto;
  right: -0.5rem;
}
.cf-editor-field .imageResizeBoxControl.bottomLeft:after {
  left: -0.5rem;
}
.cf-editor-field .imageResizeBoxControl:after {
  top: 50%;
  transform: translateY(-50%);
  width: 0.375rem;
  border-radius: 0.25rem;
  background-color: #667085;
  border-color: #d0d5dd;
  transition: 0.3s ease-in-out;
}
.cf-editor-field .imageResizeBoxControl:hover:after,
.cf-editor-field .imageResizeBoxControl:focus:after {
  background-color: #344054;
}
.cf-editor-field .imagePluginOverlay {
  display: none;
}
.cf-editor-field placeholder {
  display: block;
  animation: skeleton-loading 1s linear infinite alternate;
  border-radius: 0.5rem;
  width: 100%;
  color: transparent;
  font-size: 0;
  min-height: 150px;
  position: relative;
}
.cf-editor-field .cf-editor__placeholder {
  margin: 0;
  font-weight: 400;
  line-height: 140%;
}
.cf-editor-field .cf-editor__placeholder::before {
  color: #98a2b3;
  opacity: 1;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  cursor: text;
  content: attr(data-placeholder);
  font-size: 0.875rem;
}
.cf-editor-field .cf-editor__placeholder[data-align=right]::before {
  position: relative;
}
.cf-suggestion-box {
  margin-bottom: 0.625rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  border: 0.0625rem solid #eaecf0;
  background: #ffffff;
  box-shadow: 0 0.25rem 0.375rem -0.125rem rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  padding: 0.375rem;
  overflow: auto;
  max-width: 28.125rem;
  height: 10.9375rem;
}
.cf-suggestion-box:has(cf-editor-mentions:not(.has-loaded)) {
  height: auto;
}
.cf-suggestion-box:has(cf-editor-mentions.has-adaptive-height) {
  height: auto;
}
.cf-table-container {
  overflow: auto;
  position: relative;
  width: 100%;
}
.cf-table-container--invoice-create,
.cf-table-container--time-manager {
  overflow: unset;
}
.cf-table-container--invoice-create .cf-table-sec__wrap {
  max-height: 60vh;
  overflow-y: auto;
}
.cf-table-container .cf-group-content {
  min-width: var(--table-width, 100%);
}
.cf-listing-wrapper {
  position: relative;
}
.cf-listing-wrapper--constrained {
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  min-height: 0;
}
.cf-listing-wrapper .cf-table-container {
  max-height: calc(100vh - var(--headerHeight));
}
.cf-listing-wrapper .cf-table .cf-table__loader-cell {
  padding: 0;
}
.cf-listing-wrapper .cf-table .cf-table__loader-cell:before {
  display: none;
}
.cf-listing-wrapper .cf-table .cf-infinite-loader {
  max-width: calc(100vw - 240px);
  position: sticky;
  left: 0;
  margin-top: 0.5625rem;
}
cf-groups-list-wrapper + cf-groups-list-wrapper {
  padding-top: 0.5rem;
  display: block;
}
cf-table-wrapper cf-group-list-wrapper:first-child .cf-accordion--group header {
  margin-top: 0;
}
.cf-member-catalog-container .cf-list--members ul {
  max-height: calc(100vh - (var(--member-dropdown-height) + 152px));
}
.cf-date-picker--reset .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background: none;
}
.cf-date-picker--reset .mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}
.cf-date-picker--reset .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding: 0;
  margin: 0;
  min-height: unset;
  width: auto;
}
.cf-date-picker--reset .mdc-text-field--no-label .mat-mdc-form-field-infix .has-pointer {
  width: 100%;
}
.cf-date-picker--reset .mdc-text-field--no-label .mat-mdc-form-field-infix .has-pointer .cf-text--height-30 {
  min-height: 1.875rem;
  display: flex;
  align-items: center;
}
.cf-date-picker--reset .mat-mdc-form-field-focus-overlay {
  display: none;
}
.cf-date-picker--reset .mat-mdc-form-field-flex {
  border: none;
}
.cf-date-picker--reset .mat-mdc-form-field-type-mat-date-range-input {
  width: auto;
}
.cf-date-picker--dropdown .mat-mdc-text-field-wrapper,
.cf-date-picker--dropdown .mat-mdc-form-field-flex {
  border-radius: 0;
}
.cf-date-picker--dropdown .mat-mdc-text-field-wrapper {
  overflow: unset;
}
.cf-date-picker--fluid {
  width: 100%;
}
.cf-date-picker--fluid .mat-mdc-form-field {
  width: 100%;
}
.cf-date-picker--timefield {
  height: 100%;
}
.cf-date-picker--timefield .mat-mdc-form-field {
  height: 100%;
}
.cf-date-picker--timefield .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  height: 100%;
}
.cf-date-picker--timefield .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 100%;
}
.cf-date-picker--timefield .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  height: 100%;
}
.cf-date-picker--inline-dropdown .mat-mdc-card {
  box-shadow: none;
  margin: 0 -0.5rem;
}
.cf-date-picker--inline-dropdown .mat-calendar {
  padding-top: 0;
}
.cf-date-picker--inline-dropdown .mat-calendar .mat-calendar-table {
  margin-top: 1.25rem;
}
.cf-date-picker--task-details .mat-mdc-form-field-focus-overlay {
  display: none;
}
.cf-date-picker--task-details .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding: 0 0.125rem;
  width: 100%;
  min-height: unset;
}
.cf-date-picker--task-details .mdc-text-field--filled {
  margin-left: -0.25rem;
  margin-right: 0.25rem;
  padding-top: 0.125rem !important;
}
.cf-date-picker--task-details .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.cf-date-picker--overflow-unset .mdc-text-field {
  overflow: unset;
}
.cf-calendar-header .cf-calendar-header__wrap input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  padding: 0 0.125rem;
  height: unset;
  font-size: 0.875rem;
}
.cf-calendar-header input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  padding: 0 0.125rem;
  height: unset;
}
.cf-avatar-picker .cf-avatar-picker__panel {
  max-width: 18.5rem;
}
.cf-avatar-picker .cf-avatar-picker__panel button {
  background: transparent;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
}
.cf-avatar-picker .cf-avatar-picker__panel--tags-task {
  max-width: 22.875rem;
}
.cf-avatar-picker .cf-avatar-picker__color {
  width: 1.625rem;
  height: 1.625rem;
  background: var(--picker-color);
  border: 0.125rem solid #ffffff;
}
.cf-avatar-picker .cf-avatar-picker__color:before {
  content: "";
  border-radius: 50%;
  width: 1.5625rem;
  height: 1.5625rem;
  display: block;
  border: 0.125rem solid transparent;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cf-avatar-picker .cf-avatar-picker__color.is-active:before {
  border-color: #fa4c4f;
  transition: all 0.3s ease-in-out;
}
.cf-avatar-picker .cf-avatar-picker__color:hover,
.cf-avatar-picker .cf-avatar-picker__color:focus-visible {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.06), 0 1px 3px 0 rgba(16, 24, 40, 0.1);
}
.cf-budget-layout {
  height: calc(100vh - 73px);
  display: flex;
  flex-wrap: nowrap;
}
.cf-budget-layout .cf-budget-layout__col {
  height: 100%;
  overflow: auto;
  min-width: 18.75rem;
}
@media screen and (min-width: 1201px) {
  .cf-budget-layout .cf-budget-layout__col {
    min-width: 24rem;
  }
}
.cf-budget-layout .cf-budget-layout__col--history {
  background-color: #f9fafb;
}
.cf-budget-layout .cf-budget-layout__col--history ul li {
  padding: 0.75rem 0;
}
.cf-budget-layout .cf-budget-layout__col--history ul li:not(:last-child) {
  border-bottom: 0.0625rem solid #eaecf0;
}
.cf-budget-layout .cf-budget-layout__col--budgets {
  flex-basis: 23.9375rem;
  max-width: 23.9375rem;
  border-right: 0.0625rem solid #eaecf0;
}
.cf-budget-layout .cf-budget-layout__col--details {
  flex-basis: calc(100% - 383px);
  max-width: calc(100% - 383px);
}
.cf-budget-header {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #ffffff;
}
.cf-budget-header--gray {
  background-color: #f9fafb;
}
.cf-budget-info p {
  color: #475467;
  font-size: 1rem;
}
.cf-budget-info .cf-budget-info__list li:not(:last-child) {
  margin-bottom: 0.25rem;
}
.cf-budget-info .cf-budget-info__list li p {
  margin-bottom: 0;
}
.cf-budget-info .cf-budget-info__list li p:first-child {
  flex-basis: 13.25rem;
  max-width: 13.25rem;
}
.cf-budget-info.has-outline {
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
}
.cf-combo-box .cf-combo-box__search {
  flex-wrap: nowrap;
}
.cf-combo-box .cf-combo-box__search .cf-combo-box__search-field input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  background: transparent;
  width: 100%;
  height: 100%;
  width: 1.25rem;
  align-self: center;
}
.cf-combo-box .cf-combo-box__list_item {
  font-size: 1rem;
}
.cf-combo-box.cf-combo-box--text-sm .cf-combo-box__list_item {
  font-size: 0.875rem;
}
.cf-combo-box.cf-combo-box--secondary {
  box-shadow: none;
  margin-top: -0.3125rem;
}
.cf-combo-box.cf-combo-box--secondary .cdk-virtual-scroll-content-wrapper {
  padding: 0.375rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #eaecf0;
  background: #ffffff;
  box-shadow: 0px 12px 16px -4px rgba(14, 24, 41, 0.08), 0px 4px 6px -2px rgba(14, 24, 41, 0.03);
}
.cf-combo-box.cf-combo-box--secondary .cf-combo-box__wrap {
  max-height: 11.875rem;
  overflow: auto;
}
.cf-combo-box.cf-combo-box--secondary .cf-combo-box__search {
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05), 0px 0px 0px 4px #f6ebff;
  border-color: #ffa8aa;
  min-height: 2.25rem;
}
.cf-combo-box--w-200 {
  min-width: 12.5rem;
}
.cf-combo-box--dropdown-search .cf-combo-box__search {
  min-height: 2.25rem;
}
.cf-combo-box.has-no-outline .cf-combo-box__chip {
  border: none;
  padding: 0;
}
.cf-combo-box--tags-footer .cf-combo-box__list_item {
  padding-top: 0.1875rem !important;
  padding-bottom: 0.1875rem !important;
}
.cf-combo-box--tags-footer .cf-combo-box__search {
  border: 0.0625rem solid #ffa8aa !important;
  box-shadow: 0 0 0 0.25rem #ffe8e8, 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
.cf-combo-box--tags-footer .cf-combo-box__footer {
  margin-right: 0.46875rem;
  width: auto !important;
}
.cf-combo-box--no-items {
  box-shadow: none !important;
}
.cf-combo-box.cf-combo-box--accounts .cf-combo-box__search {
  height: 2.5rem;
  border-width: 0 0 0.0625rem 0;
  padding: 0.375rem 0.875rem;
  margin: 0;
  border-radius: 0 !important;
}
.cf-combo-box.cf-combo-box--accounts .cf-combo-box__search > i {
  display: none;
}
.cf-combo-box.cf-combo-box--accounts .cf-combo-box__search .cf-combo-box__search-field {
  position: relative;
}
.cf-combo-box.cf-combo-box--accounts .cf-combo-box__search .cf-combo-box__search-field ul:has(li) input:not([type=file]):not([type=checkbox]):not([type=radio])::placeholder {
  color: transparent;
}
.cf-combo-box.cf-combo-box--accounts .cf-combo-box__search .cf-combo-box__search-field input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  position: absolute;
  height: 1.25rem;
}
.cf-combo-box.cf-combo-box--accounts .cf-combo-box__search .cf-combo-box__search-field input:not([type=file]):not([type=checkbox]):not([type=radio])::placeholder {
  font-size: 0.875rem;
}
.cf-combo-box.cf-combo-box--accounts .cf-combo-box__list_item .cf-combo-box__check svg {
  width: 1rem;
  height: 1rem;
}
.cf-combo-box.cf-combo-box--accounts .cf-combo-box__list_item .cf-combo-box__check svg path {
  color: #475467;
}
.cf-radio-group--col {
  display: flex;
}
.cf-radio-group--col .cf-radio-group {
  flex-basis: 50%;
  max-width: calc(50% - 6px);
  max-height: 5rem;
}
.cf-radio-group--col .cf-radio-group:first-child {
  margin-right: 6px;
}
.cf-radio-group--col .cf-radio-group:last-child {
  margin-left: 6px;
}
.cf-radio-group--no-description .cf-radio {
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
}
.cf-radio-group--no-description .cf-radio__title {
  margin-bottom: 0;
}
.cf-radio-group--mt-16 {
  margin-top: 1rem;
}
.cf-radio-group--shrink-0 figure {
  flex-shrink: 0;
}
.cf-card-grid .cf-card-grid__item {
  flex-basis: 19.9375rem;
  max-width: 19.9375rem;
}
* input {
  outline: none;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  list-style: none;
}
.l-bullet {
  padding-left: 0.9375rem;
}
.l-bullet li {
  list-style: disc;
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
  color: var(--gray-600);
}
p {
  font-size: 0.875em;
  line-height: 140%;
  margin: 0 0 1.25rem;
  color: var(--gray-600);
}
p:last-of-type {
  margin-bottom: 0;
}
p:empty {
  display: none;
}
p a:hover,
p a:focus {
  color: var(--primary-700);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0 0 1rem;
  color: var(--gray-900);
  font-weight: 600;
  line-height: 140%;
}
a {
  color: var(--primary-700);
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:focus,
a:active {
  color: var(--gray-900);
}
a.is-reset {
  color: inherit;
}
a.is-reset:hover,
a.is-reset:focus {
  color: var(--primary-700);
}
button {
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
strong {
  font-weight: 700;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
img.img-contain {
  object-fit: contain;
}
i svg {
  display: block;
}
button + button {
  margin-left: 0.75rem;
}
.m-0 {
  margin: 0 !important;
}
.m-4 {
  margin: 0.25rem !important;
}
.m-8 {
  margin: 0.5rem !important;
}
.m-10 {
  margin: 0.625rem !important;
}
.m-12 {
  margin: 0.75rem !important;
}
.m-16 {
  margin: 1rem !important;
}
.m-24 {
  margin: 1.5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mt {
  margin-top: var(--gap);
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-2 {
  margin-top: 0.125rem !important;
}
.mt-3 {
  margin-top: 0.1875rem !important;
}
.mt-4 {
  margin-top: 0.25rem !important;
}
.mt-8 {
  margin-top: 0.5rem !important;
}
.mt-10 {
  margin-top: 0.625rem !important;
}
.mt-12 {
  margin-top: 0.75rem !important;
}
.mt-16 {
  margin-top: 1rem !important;
}
.mt-20 {
  margin-top: 1.25rem !important;
}
.mt-22 {
  margin-top: 1.375rem !important;
}
.mt-24 {
  margin-top: 1.5rem !important;
}
.mt-32 {
  margin-top: 2rem !important;
}
.mt-40 {
  margin-top: 2.5rem;
}
.mt-negative-9 {
  margin-top: -0.5625rem;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-4 {
  margin-right: 0.25rem !important;
}
.mr-8 {
  margin-right: 0.5rem !important;
}
.mr-5 {
  margin-right: 0.3125rem !important;
}
.mr-12 {
  margin-right: 0.75rem !important;
}
.mr-16 {
  margin-right: 1rem !important;
}
.mr-20 {
  margin-right: 1.25rem !important;
}
.mr-24 {
  margin-right: 1.5rem;
}
.mr-28 {
  margin-right: 1.75rem !important;
}
.mr-32 {
  margin-right: 2rem;
}
.mb {
  margin-bottom: var(--gap);
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-2 {
  margin-bottom: 0.125rem !important;
}
.mb-4 {
  margin-bottom: 0.25rem !important;
}
.mb-6 {
  margin-bottom: 0.375rem !important;
}
.mb-8 {
  margin-bottom: 0.5rem !important;
}
.mb-10 {
  margin-bottom: 0.625rem !important;
}
.mb-12 {
  margin-bottom: 0.75rem !important;
}
.mb-16 {
  margin-bottom: 1rem !important;
}
.mb-20 {
  margin-bottom: 1.25rem !important;
}
.mb-22 {
  margin-bottom: 1.375rem !important;
}
.mb-24 {
  margin-bottom: 1.5rem !important;
}
.mb-30 {
  margin-bottom: 1.875rem !important;
}
.mb-32 {
  margin-bottom: 2rem !important;
}
.mb-42 {
  margin-bottom: 2.625rem !important;
}
.mb-46 {
  margin-bottom: 2.875rem !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-4 {
  margin-left: 0.25rem !important;
}
.ml-8 {
  margin-left: 0.5rem !important;
}
.ml-12 {
  margin-left: 0.75rem !important;
}
.ml-16 {
  margin-left: 1rem !important;
}
.ml-20 {
  margin-left: 1.25rem !important;
}
.ml-22 {
  margin-left: 1.375rem !important;
}
.ml-24 {
  margin-left: 1.5rem !important;
}
.ml-32 {
  margin-left: 2rem !important;
}
.ml-48 {
  margin-left: 3rem !important;
}
.ml-auto {
  margin-left: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.mx-4 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-8 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-16 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-24 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-32 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my {
  margin: var(--gap) 0;
}
@media (max-width: 991px) {
  .sm-md-1 {
    margin-bottom: 1rem;
  }
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.0625rem !important;
}
.p-3 {
  padding: 0.1875rem !important;
}
.p-4 {
  padding: 0.25rem !important;
}
.p-6 {
  padding: 0.375rem !important;
}
.p-8 {
  padding: 0.5rem !important;
}
.p-12 {
  padding: 0.75rem !important;
}
.p-13 {
  padding: 0.8125rem !important;
}
.p-14 {
  padding: 0.875rem !important;
}
.p-16 {
  padding: 1rem !important;
}
.p-20 {
  padding: 1.25rem !important;
}
.p-24 {
  padding: 1.5rem !important;
}
.p-48 {
  padding: 3rem !important;
}
@media screen and (max-width: 991px) {
  .p-lg-12 {
    padding: 0.75rem !important;
  }
}
.p-32 {
  padding: 2rem !important;
}
.px-4 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.pt {
  padding-top: var(--gap);
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.0625rem !important;
}
.pt-4 {
  padding-top: 0.25rem !important;
}
.pt-6 {
  padding-top: 0.375rem !important;
}
.pt-8 {
  padding-top: 0.5rem !important;
}
.pt-10 {
  padding-top: 0.625rem !important;
}
.pt-12 {
  padding-top: 0.75rem !important;
}
.pt-14 {
  padding-top: 0.875rem !important;
}
.pt-16 {
  padding-top: 1rem !important;
}
.pt-20 {
  padding-top: 1.25rem !important;
}
.pt-24 {
  padding-top: 1.5rem !important;
}
@media screen and (max-width: 991px) {
  .pt-lg-12 {
    padding-top: 0.75rem !important;
  }
}
.pt-32 {
  padding-top: 2rem !important;
}
.pt-48 {
  padding-top: 3rem !important;
}
pt-64 {
  padding-top: 4rem !important;
}
@media screen and (max-width: 991px) {
  .pt-lg-16 {
    padding-top: 1rem !important;
  }
}
.pr {
  padding-right: var(--gap);
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-4 {
  padding-right: 0.25rem !important;
}
.pr-8 {
  padding-right: 0.5rem !important;
}
.pr-12 {
  padding-right: 0.75rem !important;
}
.pr-16 {
  padding-right: 1rem !important;
}
.pr-20 {
  padding-right: 1.25rem !important;
}
.pr-24 {
  padding-right: 1.5rem !important;
}
.pr-28 {
  padding-right: 1.75rem !important;
}
.pr-32 {
  padding-right: 2rem !important;
}
.pb {
  padding-bottom: var(--gap);
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-2 {
  padding-bottom: 0.125rem !important;
}
.pb-4 {
  padding-bottom: 0.25rem !important;
}
.pb-8 {
  padding-bottom: 0.5rem !important;
}
.pb-10 {
  padding-bottom: 0.625rem !important;
}
.pb-12 {
  padding-bottom: 0.75rem !important;
}
.pb-16 {
  padding-bottom: 1rem !important;
}
.pb-20 {
  padding-bottom: 1.25rem !important;
}
.pb-24 {
  padding-bottom: 1.5rem !important;
}
.p-4 {
  padding: 0.25rem;
}
.pb-32 {
  padding-bottom: 2rem !important;
}
.pb-48 {
  padding-bottom: 3rem !important;
}
.pb-lg-16 {
  padding-bottom: 1rem !important;
}
.pl {
  padding-left: var(--gap);
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-2 {
  padding-left: 0.125rem !important;
}
.pl-4 {
  padding-left: 0.25rem !important;
}
.pl-8 {
  padding-left: 0.5rem !important;
}
.pl-12 {
  padding-left: 0.75rem !important;
}
.pl-14 {
  padding-left: 0.875rem !important;
}
.pl-16 {
  padding-left: 1rem !important;
}
.pl-20 {
  padding-left: 1.25rem !important;
}
.pl-24 {
  padding-left: 1.5rem !important;
}
.pl-32 {
  padding-left: 2rem !important;
}
.pl-48 {
  padding-left: 3rem !important;
}
.pl-60 {
  padding-left: 3.75rem !important;
}
.px {
  padding-left: calc(var(--gap) / 2) !important;
  padding-right: calc(var(--gap) / 2) !important;
}
@media screen and (min-width: 992px) {
  .px {
    padding-left: var(--gap) !important;
    padding-right: var(--gap) !important;
  }
}
.py {
  padding-top: calc(var(--gap) / 2) !important;
  padding-bottom: calc(var(--gap) / 2) !important;
}
@media screen and (min-width: 992px) {
  .py {
    padding-top: var(--gap) !important;
    padding-bottom: var(--gap) !important;
  }
}
.py-2 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.py-3 {
  padding-top: 0.1875rem !important;
  padding-bottom: 0.1875rem !important;
}
.py-4 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-6 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.py-8 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-10 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.py-12 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-19 {
  padding-top: 1.1875rem !important;
  padding-bottom: 1.1875rem !important;
}
.py-24 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-30 {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}
.py-32 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
@media screen and (max-width: 991px) {
  .py-lg-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
.px-2 {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}
.px-5 {
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}
.px-6 {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.px-8 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-12 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-16 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-20 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.px-24 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-32 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
@media screen and (max-width: 991px) {
  .px-lg-12 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-16 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.gx-0 {
  margin: 0;
}
.gx-0 [class*=col-] {
  padding: 0;
}
h1,
.h1 {
  font-size: 1.5em;
}
h2,
.h2 {
  font-size: 1.125em;
}
h3,
.h3 {
  font-size: 1em;
}
h4,
.h4 {
  font-size: 0.875em;
}
h5,
.h5 {
  font-size: 0.75em;
}
h6,
.h6 {
  font-size: 0.625em;
}
.l-title {
  font-weight: 600;
}
.l-title--xxxl {
  font-size: 3em;
  letter-spacing: -0.06rem;
}
.l-title--xxl {
  font-size: 2.25em;
  letter-spacing: -0.045rem;
}
.l-title--xl {
  font-size: 1.5em;
}
.l-title--lg {
  font-size: 1.125em;
}
.l-title--md {
  font-size: 1em;
}
.l-title--sm {
  font-size: 0.875em;
}
.l-title--gray-600 {
  color: var(--gray-600);
}
.l-text {
  line-height: 140%;
}
.l-text--display-lg {
  font-size: 3em;
}
.l-text--xl {
  font-size: 1.25em;
}
.l-text--lg {
  font-size: 1.125em;
}
.l-text--md {
  font-size: 1em;
}
.l-text--sm {
  font-size: 0.875em;
}
.l-text--xs {
  font-size: 0.75rem !important;
}
.l-text--medium {
  font-weight: 500;
}
.l-text--regular {
  font-weight: 400 !important;
}
.l-text--primary {
  color: var(--primary-700);
}
.l-text--dark {
  color: var(--primary-900);
}
.l-text--danger {
  color: var(--error-500);
}
.l-text--error-500 {
  color: var(--error-500) !important;
}
.l-text--error-600 {
  color: var(--error-600);
}
.l-text--error-700 {
  color: var(--error-700) !important;
}
.l-text--primary-700 {
  color: var(--primary-700) !important;
}
.l-text--gray-400 {
  color: var(--gray-400) !important;
}
.l-text--gray-500 {
  color: var(--gray-500) !important;
}
.l-text--gray-600 {
  color: var(--gray-600) !important;
}
.l-text--gray-700 {
  color: var(--gray-700) !important;
}
.l-text--gray-900 {
  color: var(--gray-900) !important;
}
.l-text--warning-600 {
  color: var(--warning-600) !important;
}
.l-text--base-white {
  color: var(--white) !important;
}
.text-gray-600 {
  color: var(--gray-600);
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.w-100 {
  width: 100% !important;
}
.w-276 {
  max-width: 17.25rem !important;
}
.w-300 {
  max-width: 18.75rem !important;
}
.w-350 {
  max-width: 21.875rem !important;
}
.h-100 {
  height: 100% !important;
}
.h-13 {
  height: 0.8125rem !important;
}
.italic {
  font-style: italic;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-webkit-box {
  display: -webkit-box !important;
}
.d-block {
  display: block !important;
}
.d-none {
  display: none !important;
}
.d-flex {
  display: flex;
  flex-wrap: wrap;
}
.d-flex > i {
  flex-shrink: 0;
}
.d-flex-inline {
  display: inline-flex;
}
.d-flex-column {
  flex-direction: column;
}
.d-v-center {
  align-items: center;
}
.d-v-start {
  align-items: start;
}
.align-self-center {
  align-self: center;
}
@media screen and (min-width: 481px) {
  .d-nowrap-sm {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 992px) {
  .d-nowrap-lg {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1201px) {
  .d-nowrap-xl {
    flex-wrap: nowrap;
  }
}
.d-h-between {
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .d-h-end {
    justify-content: flex-end;
  }
}
.d-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.d-nowrap {
  flex-wrap: nowrap;
}
.d-gap {
  gap: var(--d-gap);
}
.d-gap .l-avatar + p {
  margin-left: 0;
}
.gap-0 {
  gap: 0rem !important;
}
.gap-2 {
  gap: 0.125rem !important;
}
.gap-4 {
  gap: 0.25rem !important;
}
.gap-6 {
  gap: 0.375rem !important;
}
.gap-8 {
  gap: 0.5rem !important;
}
.gap-10 {
  gap: 0.625rem !important;
}
.gap-12 {
  gap: 0.75rem !important;
}
.gap-14 {
  gap: 0.875rem !important;
}
.gap-16 {
  gap: 1rem !important;
}
.gap-18 {
  gap: 1.125rem !important;
}
.gap-20 {
  gap: 1.25rem !important;
}
.gap-22 {
  gap: 1.375rem !important;
}
.gap-24 {
  gap: 1.5rem !important;
}
.gap-32 {
  gap: 2rem !important;
}
.gap-61 {
  gap: 3.8125rem !important;
}
.gap-24-xl {
  gap: 0.5rem;
}
@media screen and (min-width: 1201px) {
  .gap-24-xl {
    gap: 1.5rem;
  }
}
.column-gap-24 {
  column-gap: 1.5rem !important;
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .gap-small-screen-12 {
    gap: 0.75rem !important;
  }
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .gap-small-screen-16 {
    gap: 1rem !important;
  }
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .gap-small-screen-24 {
    gap: 1.5rem !important;
  }
}
.row-gap-4 {
  row-gap: 0.25rem !important;
}
.row-gap-8 {
  row-gap: 0.5rem !important;
}
.row-gap-12 {
  row-gap: 0.75rem !important;
}
.row-gap-16 {
  row-gap: 1rem !important;
}
.row-gap-20 {
  row-gap: 1.25rem !important;
}
.row-gap-24 {
  row-gap: 1.5rem !important;
}
.row-gap-32 {
  row-gap: 2rem !important;
}
.round-0 {
  border-radius: 0 !important;
}
.round-4 {
  border-radius: 0.25rem !important;
}
.round-6 {
  border-radius: 0.375rem !important;
}
.round-8 {
  border-radius: 0.5rem !important;
}
.round-12 {
  border-radius: 0.75rem !important;
}
.round-16 {
  border-radius: 1rem !important;
}
.round-20 {
  border-radius: 1.25rem !important;
}
.round-24 {
  border-radius: 1.5rem !important;
}
.round-32 {
  border-radius: 2rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.border-default-200 {
  border: 0.0625rem solid #eaecf0;
}
.border-top-default-200 {
  border-top: 0.0625rem solid #eaecf0;
}
.border-bottom-default-200 {
  border-bottom: 0.0625rem solid #eaecf0;
}
.border-default-300 {
  border: 0.0625rem solid #d0d5dd;
}
.border-top-default-300 {
  border-top: 0.0625rem solid #d0d5dd;
}
.border-bottom-default-300 {
  border-bottom: 0.0625rem solid #d0d5dd;
}
.column-gap-4 {
  column-gap: 0.25rem !important;
}
.column-gap-8 {
  column-gap: 0.5rem !important;
}
.column-gap-12 {
  column-gap: 0.75rem !important;
}
.column-gap-16 {
  column-gap: 1rem !important;
}
.column-gap-20 {
  column-gap: 1.25rem !important;
}
.column-gap-24 {
  column-gap: 1.5rem !important;
}
.column-gap-32 {
  column-gap: 2rem !important;
}
.d-row-gap {
  row-gap: var(--d-row-gap);
}
.is-grow {
  flex-grow: 1;
}
.no-shrink {
  flex-shrink: 0;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
@media screen and (min-width: 481px) {
  .float-sm-left {
    float: left;
  }
}
.is-hidden {
  display: none;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  margin: -0.0625rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.aspect-box {
  position: relative;
  width: 100%;
  padding-top: calc(100% / (var(--aspect-ratio)));
}
.aspect-box img,
.aspect-box video,
.aspect-box canvas,
.aspect-box iframe,
.aspect-box figcaption {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
}
.l-line {
  border: 0;
  border-top: 0.0625rem solid var(--gray-200);
  margin: 1.25rem 0;
}
.l-line--gap-2 {
  margin: 1.5rem 0;
}
.l-line--drawer-full {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.l-line--custom {
  margin: var(--line-gap) 0;
}
.l-line--24 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.l-line--xs {
  margin: 0;
}
.l-line--vertical {
  border-top: 0;
  border-left: 0.0625rem solid var(--gray-200);
  width: 0.0625rem;
  height: 2.25rem;
  margin: 0;
}
.l-line--space-6 {
  margin: 0 -0.375rem;
}
.l-rounded {
  border-radius: 50%;
  overflow: hidden;
}
.has-shadow-lg {
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.has-shadow-xs {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.has-shadow-sm {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.is-prevent-click {
  pointer-events: none;
}
.grabbable {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}
.grabbable:active {
  cursor: grabbing;
}
.is-allow-click {
  pointer-events: auto;
}
.visiblity-hidden {
  visibility: hidden;
}
.focus-field,
.focus-container.is-focused,
.rp.number-control.is-focused {
  border: 0.0625rem solid var(--primary-300);
  box-shadow: 0 0 0 0.25rem var(--primary-100), 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
.l-info li {
  margin-bottom: 1rem;
}
.l-info li p {
  margin: 0;
  color: var(--gray-600);
  font-weight: 500;
}
.l-info li p:first-of-type {
  flex-basis: 8.6875rem;
  color: var(--gray-700);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .l-info--profile-drawer {
    margin: 0.625rem 0 1.25rem;
  }
}
@media screen and (min-width: 1201px) {
  .l-info--profile-drawer {
    padding-left: 0.9375rem;
  }
}
@media (max-width: 481px) {
  .l-info--profile-drawer .l-icon-text {
    flex-basis: 100%;
  }
}
@media (max-width: 481px) {
  .l-info--drawer .l-icon-text {
    flex-basis: 100%;
  }
}
.l-info--desc {
  margin-bottom: 0.75rem;
}
.l-info--desc > li:first-child > li p {
  padding-top: 0.5rem;
}
.l-info--desc li {
  min-height: 1.25rem;
}
.l-info--desc > li {
  min-height: 2.5rem;
  margin-bottom: 0.125rem;
}
.l-info--desc .task__contributors {
  max-width: calc(100% - 139px);
}
.l-info--desc .task__contributors.task__members {
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
  padding: 0.1875rem 0.375rem;
  container-type: inline-size;
  transition: 0.3s ease-in-out;
}
.l-info--desc .task__contributors.task__members:hover {
  border-color: var(--gray-300);
  box-shadow: 0px 0px 0px 4px #f2f4f7;
}
.l-info--desc .task__contributors.form__item {
  margin-top: -0.625rem;
  flex-grow: 1;
}
.l-info--desc .task__contributors--default {
  padding-left: 0.5rem;
}
@container (max-width: 530px) {
  .l-info--desc .task__contributors .l-truncate--w-90 {
    max-width: 3.125rem;
  }
}
.l-info--desc .form-field--select p {
  font-weight: 500;
  color: var(--gray-600);
}
.l-info--desc .form-field__label {
  font-weight: 500;
  color: var(--gray-600);
}
.l-info--desc .l-info__dropdown--select {
  border-radius: 0.25rem;
  border: 0.0625rem solid transparent;
  transition: 0.3s ease-in-out;
}
.l-info--desc .l-info__dropdown--select.is-focused-container {
  border-color: var(--primary-300);
}
.l-info--desc .l-info__dropdown--fit {
  min-width: unset;
}
.l-info--desc .l-info__dropdown .form-field {
  padding: 0.375rem 0.5rem;
}
.l-info--desc .l-info__dropdown .form-field--select {
  background-image: none;
}
.l-info--company-details p,
.l-info--drawer p {
  font-weight: 500;
}
.l-separator {
  width: 0.0625rem;
  height: 1.375rem;
  background-color: var(--gray-500);
  display: inline-block;
  margin: 0 0.75rem;
}
.l-separator--file {
  height: 1.25rem;
  background-color: var(--gray-300);
  margin: 0;
}
.l-separator--custom {
  height: var(--separator-height);
  margin: 0 var(--separator-gap);
}
.l-separator--editor-tool {
  height: 1.125rem;
  background-color: var(--gray-300);
  margin: 0 0.25rem;
}
.cf-text-editor--sec .l-separator--editor-tool {
  background-color: #eaecf0;
}
.l-button-wrap {
  padding: 1.5rem 0;
}
.section--light .l-button-wrap {
  background-color: var(--white);
}
.l-button-wrap--filter {
  background-color: #f8f9fa;
  margin: 0 -1rem;
  padding: 1.5rem 1rem;
  min-height: 5.625rem;
}
@media screen and (min-width: 992px) {
  .l-button-wrap--filter {
    margin: 0 -2rem;
    padding: 1.5rem 2rem;
  }
}
.l-button-wrap--filter.is-sticky {
  z-index: 9999;
}
.l-button-wrap--filter-task {
  margin: 0;
}
.is-sticky {
  position: sticky;
  top: 0;
  z-index: 2;
}
.has-pointer {
  cursor: pointer;
}
.l-icon-text {
  word-break: break-word;
}
.l-icon-text i {
  margin-right: 0.5rem;
}
.l-icon-text i + span::first-letter {
  text-transform: capitalize;
}
.l-icon-text--sm {
  font-size: 0.875rem;
}
.no-wrap {
  white-space: nowrap;
}
.l-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.l-truncate--w-201 {
  max-width: 12.5625rem;
}
.l-truncate--w-126 {
  max-width: 7.875rem;
}
.l-truncate--w-120 {
  max-width: 7.5rem;
}
.l-truncate--w-100 {
  max-width: 6.25rem;
}
.l-truncate--w-90 {
  max-width: 5.625rem;
}
.truncate-info p {
  color: var(--gray-600);
}
.truncate-info .truncate-info__title {
  color: var(--gray-900);
  font-weight: 500;
}
.l-clamp,
.l-badge--ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.l-clamp--custom {
  -webkit-line-clamp: var(--line-clamp);
}
.rp.create-block {
  padding: 1.5rem 2rem 3rem;
}
.rp.create-block > header {
  padding: 0.75rem 0 0.3125rem;
}
.rp.create-block > header h1 {
  margin: 0;
}
.rp.create-block--project-create h1 {
  padding-top: 0.75rem;
}
.rp.create-block--vh {
  min-height: inherit;
  display: flex;
  flex-grow: 1;
}
.rp.create-block--vh form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card-header {
  margin-bottom: 1rem;
}
.l-link--reset {
  color: inherit;
}
.l-link--reset:hover {
  text-decoration: underline;
  color: inherit;
}
.l-link--text {
  color: inherit;
  text-decoration: none;
}
.l-link--text h2,
.l-link--text h3 {
  display: inline-block;
  transition: 0.3s ease-in-out;
}
.l-link--text:hover {
  color: var(--primary-700);
}
.l-link--text:hover h2,
.l-link--text:hover h3 {
  color: var(--primary-700);
}
.l-link--dark {
  color: var(--gray-600);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.l-link--dark:hover {
  text-decoration: none;
}
.l-spacer {
  padding: 1.25rem 0;
  display: block;
  font-size: 0;
  color: transparent;
}
.l-spacer--sticky {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: var(--gray-50);
  padding: 1rem 0;
}
.l-spacer--project-time {
  top: 9.5625rem;
  padding: 1.0625rem 0;
}
.l-spacer--project-task {
  top: 4.125rem;
}
.l-spacer--custom {
  padding: var(--l-space) 0 0;
}
.is-grey-50 {
  background-color: var(--gray-50);
}
.l-box {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.l-box--color-picker {
  max-width: 18.5rem;
  padding: 0.875rem;
  border-color: var(--gray-200);
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.l-box--sec {
  border-color: var(--gray-100);
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  padding: 1.25rem 1.5rem;
  max-width: fit-content;
}
.l-box--time-picker {
  max-width: 33rem;
}
.l-box--time-picker-modal {
  max-width: 26.875rem;
}
.rp.page-action {
  padding: 1rem 2rem 1.125rem;
  border-bottom: 0.0625rem solid var(--gray-200);
  background-color: var(--white);
}
.rp.page-action h1 {
  margin: 0;
}
.i-status {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
}
.i-status--green {
  background-color: var(--success-500);
}
.i-status--yellow {
  background-color: var(--yellow-500);
}
.i-status--red {
  background-color: var(--error-500);
}
.i-status--primary-300 {
  background-color: var(--primary-300);
}
.i-status--primary-gradient {
  background:
    linear-gradient(
      45deg,
      #e04346 0%,
      #fa4c4f 100%);
}
.i-status--gray-300 {
  background-color: var(--gray-300);
}
.i-status--primary-600 {
  background-color: var(--primary-600);
}
.i-status--success-500 {
  background-color: var(--success-500);
}
.i-status--warning-300 {
  background-color: var(--warning-300);
}
.i-status--error-600 {
  background-color: var(--error-600);
}
.i-status--md {
  width: 1rem;
  height: 1rem;
}
.cf-status {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
}
.cf-status--primary-600 {
  background-color: #fa4c4f;
}
.cf-status--priority {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.125rem;
}
.cf-status--md {
  width: 1rem;
  height: 1rem;
}
.cf-status--unassigned {
  background-color: #ffffff;
  border: 0.0625rem solid #d0d5dd;
}
.cf-status--low {
  background-color: #d0d5dd;
}
.cf-status--medium {
  background-color: #fdb022;
}
.cf-status--high {
  background-color: #d92d20;
}
.rp.bubble {
  min-width: 1.375rem;
  height: 1.375rem;
  border: 0.0625rem solid var(--gray-300);
  background-color: var(--gray-50);
  border-radius: 50%;
  font-size: 0;
  margin: 0;
  color: transparent;
  cursor: pointer;
  transition: all 0.3s ease-in-out, font-size 0s;
}
.rp.bubble--text {
  font-size: 0.75rem;
  color: var(--gray-600);
}
.rp.bubble--fill {
  border: 0.0625rem solid var(--primary-600);
  background: var(--gradient-primary-60050090-deg);
  color: var(--white);
}
.rp.bubble--check {
  position: relative;
  font-size: 0;
  color: transparent;
}
.rp.bubble--check:after {
  content: "";
  width: 0.75rem;
  height: 0.5625rem;
  background-image: url(/assets/icons/icon-complete.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0.8) translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.rp.bubble--check.is-complete:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translate(-50%, -50%);
}
.rp.bubble--check.is-complete.is-disabled {
  pointer-events: all;
  cursor: not-allowed;
}
.rp.bubble--subtask.bubble--fill {
  background: var(--primary-100);
  border: none;
}
.rp.bubble--subtask.bubble--check:after {
  background-image: url(/assets/icons/icon-complete-purple.svg);
  width: 1rem;
  height: 1rem;
}
.rp.bubble--task-card {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  background-color: var(--white);
  border-color: var(--gray-200);
}
.rp.bubble--darker {
  background-color: var(--gray-200);
  border-color: var(--gray-400);
}
.rp.bubble--darker.is-disabled {
  pointer-events: all;
  cursor: not-allowed;
}
.l-select__text small {
  font-size: 16px;
  color: var(--gray-600);
}
.rp.avatar-group .l-avatar {
  border: 0.09375rem solid var(--white);
}
.rp.avatar-group .l-avatar:not(:first-child) {
  margin-left: -0.3125rem;
  z-index: 1;
}
.rp.avatar-group .l-avatar[data-name]:after {
  line-height: 1.5rem;
}
.rp.avatar-group .l-avatar--more {
  border: 0.125rem;
  border: 0.09375rem solid var(--white);
}
.rp.avatar-group .l-avatar--more:before {
  display: none;
}
.rp.avatar-group .l-avatar--more span {
  color: var(--gray-600);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  line-height: 1;
  border: 0.03125rem solid rgba(16, 24, 40, 0.08);
}
.border-0 {
  border: none !important;
}
.border-2 {
  border-width: 0.125rem !important;
}
.border-right-0 {
  border-right: none !important;
}
.l-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.l-icon--success {
  background: var(--success-100);
}
.l-icon--warning {
  background: var(--warning-100);
}
.l-icon--center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.l-gap {
  margin: 0 calc(var(--l-gap) * -1);
}
.l-gap > * {
  padding: 0 var(--l-gap);
}
.rp.attachment .attachment__size {
  display: block;
}
* {
  scrollbar-width: thin;
}
.is-overflow-auto {
  overflow: auto !important;
}
.is-overflow-hidden {
  overflow: hidden !important;
}
.is-overflow-visible {
  overflow: visible !important;
}
.is-overflow-scroll {
  overflow: scroll !important;
}
.is-overflow-x-auto {
  overflow-x: auto !important;
}
.is-overflow-x-hidden {
  overflow-x: hidden !important;
}
.is-overflow-x-visible {
  overflow-x: visible !important;
}
.is-overflow-x-scroll {
  overflow-x: scroll !important;
}
.is-overflow-y-auto {
  overflow-y: auto !important;
}
.is-overflow-y-hidden {
  overflow-y: hidden !important;
}
.is-overflow-y-visible {
  overflow-y: visible !important;
}
.is-overflow-y-scroll {
  overflow-y: scroll !important;
}
.no-spin,
.cf-input--has-no-spin input[type=number] {
  -moz-appearance: textfield;
}
.no-spin::-webkit-inner-spin-button,
.cf-input--has-no-spin input[type=number]::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button,
.cf-input--has-no-spin input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.no-scrollbar,
.no-scrollbar * {
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar,
.no-scrollbar *::-webkit-scrollbar {
  display: none;
}
.cf-accordion-item + .cf-accordion-item .l-table-wrapper {
  margin-top: 2rem;
}
.rp.project-task-header.is-sticky {
  z-index: 4;
}
.is-mac .is-mac-mt-2 {
  margin-top: 0.125rem;
}
.is-mac .is-mac-mt-5 {
  margin-top: 0.3125rem;
}
.is-fixed-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .is-fixed-center {
    left: calc(50% + 120px);
  }
}
.is-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.is-absolute-center--list-loader {
  top: calc(50% + var(--headerHeight) / 2);
}
.is-absolute-center.has-blur {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  z-index: 9992;
}
.loader-overlay {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ytick text {
  font-family: var(--system-ui-font);
}
em.is-reset {
  font-style: normal;
}
.file-upload-area {
  height: 100%;
  display: block;
}
.focus-container.is-focused input:not([type=file]):not([type=checkbox]):not([type=radio]),
.focus-container.is-focused select,
.focus-container.is-focused textarea,
.focus-container.is-focused .form-field {
  box-shadow: none;
  border: none;
}
.break-all {
  word-break: break-all;
}
.break-word {
  word-break: break-word;
}
.pre-wrap {
  white-space: pre-wrap;
}
@container (max-width:600px) {
  .p-sm-container-0 {
    padding: 0;
  }
  .col-sm-container-12 {
    flex-basis: 100%;
    max-width: unset;
  }
}
.pointer-none {
  pointer-events: none;
}
.cursor-default {
  cursor: default;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-even {
  flex: 1 !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-basis-auto {
  flex-basis: auto !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.cf-title {
  font-weight: 600;
}
.cf-title--xxxl {
  font-size: 3em;
  letter-spacing: -0.06rem;
}
.cf-title--xxl {
  font-size: 2.25em;
  letter-spacing: -0.045rem;
}
.cf-title--xl {
  font-size: 1.5em;
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .cf-title--xl {
    font-size: 1.125em;
  }
}
.cf-title--lg {
  font-size: 1.125em;
}
.cf-title--md {
  font-size: 1em;
}
.cf-title--sm {
  font-size: 0.875em;
}
.cf-title--space-72 {
  letter-spacing: -0.045rem;
}
.cf-title--gray-600 {
  color: var(--gray-600);
}
.uppercase {
  text-transform: uppercase;
}
.cf-text {
  line-height: 140%;
}
.cf-text--display-lg {
  font-size: 3em;
}
.cf-text--xxxll {
  font-size: 2.25em;
}
.cf-text--xxxl {
  font-size: 2em;
}
.cf-text--xxl {
  font-size: 1.5em;
}
.cf-text--xl {
  font-size: 1.25em;
}
.cf-text--lg {
  font-size: 1.125em;
}
.cf-text--md {
  font-size: 16px !important;
}
.cf-text--sm {
  font-size: 0.875em;
}
.cf-text--xs {
  font-size: 0.75rem !important;
  line-height: 1.0625rem;
}
.cf-text--xxs {
  font-size: 0.625rem !important;
}
.cf-text--fs-100 {
  font-size: 6.25rem !important;
}
.cf-text--weight-600 {
  font-weight: 600;
}
.cf-text--medium {
  font-weight: 500;
}
.cf-text--regular {
  font-weight: 400 !important;
}
.cf-text--primary {
  color: var(--primary-700);
}
.cf-text--primary-100 {
  color: #ffe8e8;
}
.cf-text--primary-600 {
  color: #fa4c4f;
}
.cf-text--dark {
  color: var(--primary-900);
}
.cf-text--danger {
  color: var(--error-500);
}
.cf-text--error-500 {
  color: #f04438 !important;
}
.cf-text--error-600 {
  color: #d92d20;
}
.cf-text--error-700 {
  color: #b42318 !important;
}
.cf-text--primary-700 {
  color: #e04346 !important;
}
.cf-text--default-200 {
  color: #eaecf0 !important;
}
.cf-text--default-300 {
  color: #d0d5dd !important;
}
.cf-text--default-400 {
  color: #98a2b3 !important;
}
.cf-text--default-500 {
  color: #667085 !important;
}
.cf-text--default-600 {
  color: #475467 !important;
}
.cf-text--default-700 {
  color: #344054 !important;
}
.cf-text--default-800 {
  color: #1d2939 !important;
}
.cf-text--default-900 {
  color: #101828 !important;
}
.cf-text--warning-500 {
  color: #f79009 !important;
}
.cf-text--warning-600 {
  color: #dc6803 !important;
}
.cf-text--warning-700 {
  color: #b54708 !important;
}
.cf-text--success-600 {
  color: #079455;
}
.cf-text--base-white {
  color: #ffffff !important;
}
.cf-text--ls-12 {
  letter-spacing: -0.0075rem;
}
.cf-text--ls-14 {
  letter-spacing: -0.00875rem;
}
.cf-text--ls-32 {
  letter-spacing: -0.02rem;
}
.cf-text--ls-54 {
  letter-spacing: -0.03375rem;
}
.cf-text--ls-72 {
  letter-spacing: -0.045rem;
}
.cf-text--ls-96 {
  letter-spacing: -0.06rem;
}
.cf-text--line-height-xs {
  line-height: 1.05rem !important;
}
.cf-text--line-height-sm {
  line-height: 1.125rem !important;
}
.cf-text--line-height-md {
  line-height: 1.225rem !important;
}
.cf-text--line-height-90 {
  line-height: 90% !important;
}
.cf-text--width-half {
  max-width: 50%;
}
.cf-contributor-width {
  width: 5.0625rem;
}
.cf-separator {
  width: 0.0625rem;
  height: 1.5rem;
  background-color: #d0d5dd;
  display: inline-block;
  margin: 0 0.75rem;
  color: transparent;
  font-size: 0;
}
.cf-separator--file {
  height: 1.25rem;
  background-color: var(--gray-300);
  margin: 0;
}
.cf-separator--custom {
  height: var(--separator-height);
  margin: 0 var(--separator-gap);
}
.cf-separator--default-400 {
  background-color: #98a2b3;
}
.cf-separator--default-500 {
  background-color: #667085;
}
.cf-separator--default-600 {
  background-color: #475467;
}
.cf-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.cf-clamp--custom {
  -webkit-line-clamp: var(--line-clamp);
}
.cf-count {
  min-width: 1.25rem;
  height: 1.25rem;
  border-radius: 6.25rem;
  background-color: #eaecf0;
  color: #667085;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: -0.0075rem;
  font-weight: 500;
  padding: 0 0.375rem;
}
.cf-count--bg-default-100 {
  background-color: #f2f4f7;
}
.cf-count--accordion-badge {
  min-width: 1.5rem;
  min-height: 1.5rem;
}
.cf-count--assignee {
  border-radius: 12.5rem;
  border: 0.0625rem solid #d0d5dd;
  min-height: 1.5rem;
  min-width: 1.5rem;
  background-color: #f2f4f7;
  padding: 0 0.1875rem;
}
.cf-accordion--group {
  margin-bottom: 1rem;
}
.cf-accordion--group header {
  margin: 0.3125rem 1.5rem 0 0;
  padding-left: 1.5rem;
  min-height: 3.25rem;
  position: sticky;
  top: 0;
  z-index: 6;
  background-color: #ffffff;
  min-width: var(--table-width);
}
.cf-accordion--group header .cf-accordion__header-wrap {
  position: sticky;
  left: 1.5rem;
  width: calc(100vw - 288px);
  flex-grow: unset;
}
.cf-accordion--group .cf-accordion__footer--sticky {
  min-width: var(--table-width);
}
.cf-accordion--group .cf-accordion__footer--sticky button {
  position: sticky;
  left: 1.5rem;
}
.cf-accordion--group .cf-table--sticky th {
  top: 3.25rem;
}
.cf-accordion--group .cf-accordion__body cf-group-placeholder {
  display: block;
  min-width: var(--table-width);
}
.cf-accordion--group .cf-accordion__body cf-group-placeholder .cf-group-placeholder {
  position: sticky;
  left: 2.75rem;
  max-width: calc(100vw - 288px);
}
@media screen and (min-width: 768px) {
  .cf-accordion--group .cf-accordion__body cf-group-placeholder .cf-group-placeholder {
    left: 1.5rem;
  }
}
.cf-accordion--group .cf-accordion__body .cf-table--listing {
  padding-bottom: unset;
  min-height: unset;
}
.cf-accordion--group .cf-accordion__body .cf-table--listing table {
  min-height: unset;
}
.cf-accordion--drawer {
  border-bottom: 0.0625rem solid #eaecf0;
}
.cf-accordion--drawer header .cf-accordion__header-btn {
  width: 100%;
  position: relative;
  padding: 0.8125rem 1.5rem;
  transition: background 0.3s ease-in-out;
}
.cf-accordion--drawer header .cf-accordion__header-btn:hover,
.cf-accordion--drawer header .cf-accordion__header-btn:focus-visible {
  background-color: #f2f4f7;
}
.cf-accordion--drawer header .cf-accordion__chevron {
  position: absolute;
  right: 0;
}
.cf-accordion--drawer header .cf-accordion__title {
  font-size: 1rem !important;
  color: #1d2939 !important;
}
.cf-accordion--drawer.is-active header .cf-accordion__chevron {
  transform: rotate(-90deg) !important;
}
.cf-accordion--drawer.has-padding .cf-accordion__body {
  padding: 0 1.5rem;
}
.cf-accordion.cf-accordion--drawer header .cf-accordion__chevron {
  background-color: transparent;
  width: 5.6875rem;
  height: 1.75rem;
}
.cf-accordion--drawer-bottom {
  border-bottom: 0.0625rem solid #eaecf0;
  padding: 0.8125rem 1.5rem 0.8125rem;
}
.cf-accordion--drawer-bottom header .cf-accordion__header-btn {
  width: 100%;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.cf-accordion--drawer-bottom header .cf-accordion__header-btn:hover,
.cf-accordion--drawer-bottom header .cf-accordion__header-btn:focus-visible {
  background-color: #fcfcfd;
  transition: all 0.3s ease-in-out;
}
.cf-accordion--drawer-bottom header .cf-accordion__chevron {
  background-color: transparent;
  position: absolute;
  right: 0.75rem;
}
.cf-accordion--drawer-bottom header .cf-accordion__title {
  font-size: 1rem !important;
  color: #1d2939 !important;
}
.cf-accordion--drawer-bottom.has-border header {
  border-bottom: 0.0625rem solid #eaecf0;
}
.cf-accordion--drawer-bottom.is-active header .cf-accordion__chevron {
  transform: rotate(-90deg) !important;
}
.cf-accordion--border-bottom-0.is-active {
  border-bottom: none;
}
.cf-link {
  cursor: pointer;
  display: inline-block;
}
.cf-link--sm {
  font-size: 0.875rem;
}
.cf-link--md {
  font-size: 1rem;
}
.cf-link--medium {
  font-weight: 500;
}
.cf-link--reset {
  color: inherit;
}
.cf-link--reset:hover {
  text-decoration: underline;
  color: inherit;
}
.cf-link--error-600 {
  color: #d92d20 !important;
}
.cf-link--error-600:hover {
  color: #b42318 !important;
}
.cf-link--error-600:focus {
  color: #912018 !important;
}
.cf-link--dark {
  color: #475467;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.cf-link--dark:hover {
  text-decoration: none;
}
.cf-link--text {
  color: inherit;
  text-decoration: none;
}
.cf-link--text h2,
.cf-link--text h3 {
  display: inline-block;
  transition: 0.3s ease-in-out;
}
.cf-link--text:hover {
  color: #e04346;
}
.cf-link--text:hover h2,
.cf-link--text:hover h3 {
  color: #e04346;
}
.cf-link--default-700 {
  color: #344054;
}
.cf-link--default-700:hover,
.cf-link--default-700:focus {
  color: #101828;
}
.cf-link--default-900 {
  color: #101828;
}
.cf-link--default-900:hover,
.cf-link--default-900:focus {
  color: #344054;
}
.cf-link--primary-500 {
  color: #667085;
}
.cf-link--primary-500:hover,
.cf-link--primary-500:focus {
  color: #e04346;
}
.cf-link--primary-700 {
  color: #101828 !important;
}
.cf-link--primary-700:hover {
  color: #e04346 !important;
}
.cf-link--primary-700:focus {
  color: #e04346 !important;
}
.cf-link--primary-text {
  color: #e04346;
}
.cf-link--primary-text:hover,
.cf-link--primary-text:focus {
  color: #9f2a2d;
  text-decoration: none;
}
.min-height-100vh {
  min-height: 100vh;
}
.cf-line {
  border: 0;
  border-top: 0.0625rem solid #eaecf0;
  margin: 1.25rem 0;
}
.cf-line--section {
  border-color: #d0d5dd;
  margin: 2rem 0;
}
.cf-line--gap-2 {
  margin: 1.5rem 0;
}
.cf-line--drawer-full {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.cf-line--custom {
  margin: var(--line-gap) 0;
}
.cf-line--24 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.cf-line--xs {
  margin: 0;
}
.cf-line--vertical {
  border-top: 0;
  border-left: 0.0625rem solid #eaecf0;
  width: 0.0625rem;
  height: 1.75rem;
  margin: 0;
}
.cf-line--space-6 {
  margin: 0 -0.375rem;
}
.cf-line--task-hours {
  margin-left: 0.0625rem;
}
.cf-line--task-estimate {
  margin-left: -0.4375rem;
}
.cf-line--height-20 {
  height: 1.25rem;
}
.cf-line--default-300 {
  border-color: #d0d5dd;
}
.cf-line--user-profile {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.shadow-sm {
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(14, 24, 41, 0.1), 0 0.0625rem 0.125rem 0 rgba(14, 24, 41, 0.06);
}
.cf-more-count {
  min-width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  font-weight: 500;
  color: #475467;
  position: relative;
  border-radius: 50%;
  background-color: #f2f4f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cf-more-count:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.0625rem solid #101828;
  border-radius: 50%;
  opacity: 0.08;
}
.cf-favorite-item .cf-favorite-item__icon {
  color: #667085;
}
.cf-count-bubble {
  background-color: #ffffff;
}
.cf-count-bubble .cf-count-bubble__text {
  line-height: 100%;
}
.cf-info li {
  margin-bottom: 1rem;
}
.cf-info li p {
  margin: 0;
  color: #344054;
  font-weight: 500;
}
.cf-info li p:first-of-type {
  flex-basis: 8.6875rem;
  color: #344054;
  flex-shrink: 0;
}
.cf-info .cf-avatar--task-project .cf-avatar__name {
  flex-basis: auto;
  flex-shrink: 1;
}
@media (max-width: 767px) {
  .cf-info--profile-drawer {
    margin: 0.625rem 0 1.25rem;
  }
}
@media screen and (min-width: 1201px) {
  .cf-info--profile-drawer {
    padding-left: 0.9375rem;
  }
}
@media (max-width: 481px) {
  .cf-info--profile-drawer .cf-icon-text {
    flex-basis: 100%;
  }
}
@media (max-width: 481px) {
  .cf-info--drawer .cf-icon-text {
    flex-basis: 100%;
  }
}
.cf-info--desc {
  margin-bottom: 0.75rem;
}
.cf-info--desc > li:first-child > li p {
  padding-top: 0.5rem;
}
.cf-info--desc li {
  min-height: 1.25rem;
}
.cf-info--desc li p:first-of-type {
  flex-basis: 7.0625rem;
}
.cf-info--desc > li {
  min-height: 2.5rem;
  margin-bottom: 0.125rem;
}
.cf-info--desc .cf-task__contributor {
  max-width: 100%;
  overflow: auto;
}
.cf-info--desc .cf-task__contributor .cf-task__contributor-item {
  max-width: calc(var(--column-width) / var(--item-count) - (16px * var(--item-count) + 24px) / var(--item-count));
}
.cf-info--desc .cf-task__contributor .cf-task__contributor-item .cf-avatar .cf-avatar__name {
  flex-grow: 1;
  flex-shrink: 1;
}
.cf-info--desc .cf-task__contributor .cf-task__contributor-search input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  border: none;
  padding: 0.125rem;
}
.cf-info--desc .cf-task__contributor .cf-task__contributors-wrap.has-more-badge .cf-task__contributor-item {
  max-width: calc(var(--column-width) / var(--item-count) - (24px + 16px / var(--item-count)));
}
.cf-info--desc .cf-task__contributor.cf-task__members {
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
  padding: 0.1875rem 0.375rem;
  container-type: inline-size;
  transition: 0.3s ease-in-out;
}
.cf-info--desc .cf-task__contributor.cf-task__members:hover {
  border-color: var(--gray-300);
  box-shadow: 0px 0px 0px 4px #f2f4f7;
}
.cf-info--desc .cf-task__contributor.cf-form__item {
  margin-top: -0.625rem;
  flex-grow: 1;
}
.cf-info--desc .cf-task__contributor--default {
  padding-left: 0.5rem;
}
@container (max-width: 530px) {
  .cf-info--desc .cf-task__contributor .l-truncate--w-90 {
    max-width: 3.125rem;
  }
}
.cf-info--desc .cf-form-field--select p {
  font-weight: 500;
  color: var(--gray-600);
}
.cf-info--desc .cf-form-field__label {
  font-weight: 500;
  color: var(--gray-600);
}
.cf-info--desc .cf-info__dropdown--select {
  border-radius: 0.25rem;
  border: 0.0625rem solid transparent;
  transition: 0.3s ease-in-out;
}
.cf-info--desc .cf-info__dropdown--select.is-focused-container {
  border-color: #ffa8aa;
}
.cf-info--desc .cf-info__dropdown--fit {
  min-width: unset;
}
.cf-info--desc .cf-info__dropdown .form-field {
  padding: 0.375rem 0.5rem;
  min-height: auto;
  border: 0;
}
.cf-info--desc .cf-info__dropdown .form-field--select {
  background-image: none;
}
.cf-info--desc .cf-info__dropdown .form-field--select .l-select__text {
  align-items: center;
}
.cf-info--desc .cf-info__dropdown .form-field .form-field__label {
  font-size: 0.875rem;
}
.cf-info--task-desc > li:not(:last-child) {
  margin-bottom: 0.125rem;
}
.cf-info--company-details p,
.cf-info--drawer p {
  font-weight: 500;
}
.cf-info--details {
  color: #101828;
  font-weight: 400;
  font-size: 0.875rem;
}
.cf-col-space {
  margin: 0 calc(var(--col-space) * -1);
}
.cf-col-space > * {
  padding: 0 var(--col-space);
}
.cf-create-block {
  padding-top: 4rem;
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .cf-create-block {
    padding-top: 2rem;
  }
}
.cf-create-block > header {
  padding: 0.75rem 0 0.3125rem;
}
.cf-create-block > header h1 {
  margin: 0;
}
.cf-create-block .cf-create-block__footer {
  position: sticky;
  z-index: 1010;
  bottom: 0;
}
.cf-create-block .cf-create-block__footer .cf-create-block__footer-row {
  border-top: 0.0625rem solid #d0d5dd;
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .cf-create-block .cf-create-block__footer .cf-create-block__footer-row {
    padding-block: 0.5rem !important;
  }
}
@media screen and (max-width: 1399px) and (max-height: 800px) {
  .cf-create-block .cf-create-block__footer .cf-create-block__footer-row .cf-button {
    padding: 0.25rem 0.5rem;
  }
}
.cf-create-block--pt-lg {
  padding-top: 4rem;
}
.cf-create-block--project-create h1 {
  padding-top: 0.75rem;
}
.cf-create-block--vh {
  min-height: inherit;
  display: flex;
  flex-grow: 1;
}
.cf-create-block--vh form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.has-bg {
  background: #f2f4f7 !important;
}
.has-bg--default-25 {
  background: #fcfcfd !important;
}
.has-bg--default-50 {
  background: #f9fafb !important;
}
.has-bg--default-300 {
  background: #d0d5dd !important;
}
.has-bg--primary-600 {
  background: #fa4c4f !important;
}
.has-bg--white {
  background: #ffffff !important;
}
.has-bg--warning-100 {
  background: #fef0c7 !important;
}
.cf-bubble {
  min-width: 1.375rem;
  height: 1.375rem;
  border: 0.0625rem solid #d0d5dd;
  background-color: #f9fafb;
  border-radius: 50%;
  font-size: 0;
  margin: 0;
  color: transparent;
  cursor: pointer;
  transition: all 0.3s ease-in-out, font-size 0s;
}
.cf-bubble.is-complete {
  position: relative;
  font-size: 0;
  border: 0.0625rem solid #1d2939;
  background: #1d2939;
}
.cf-bubble.is-complete:after {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(/assets/icons/icon-complete-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease-in-out;
}
.cf-bubble.is-complete.is-disabled {
  pointer-events: all;
  cursor: not-allowed;
}
.cf-bubble.is-complete + p {
  opacity: 0.5;
}
.cf-bubble--task-card {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 1;
}
.cf-bubble--task-card.is-complete {
  position: absolute;
}
.cf-bubble--count {
  font-size: 0.75rem;
  font-weight: 500;
  color: #475467;
  background-color: #f2f4f7;
  border-radius: 12.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  padding: 0 0.125rem;
}
address {
  font-style: normal;
}
.search-keyword {
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
.has-border-bottom {
  border-bottom: 0.0625rem solid #eaecf0;
}
.has-border-bottom--gray-300 {
  border-bottom: 0.0625rem solid #d0d5dd;
}
.cf-favorite {
  background-color: transparent;
  color: #fdb022;
}
.cf-box {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #d0d5dd;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.cf-box--tags-colors {
  position: relative;
  top: 0.5625rem;
  max-width: 16.5625rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #eaecf0;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.cf-box--task-tags {
  padding: 0.5rem 0.5rem 0.5rem 1.0625rem;
  top: -0.25rem;
  max-width: 22.875rem;
  border-radius: 0rem 0rem 0.5rem 0.5rem;
  border-top: 0rem !important;
  border: 0.0625rem solid #d0d5dd;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.cf-box--color-picker {
  max-width: 18.5rem;
  padding: 0.875rem;
  border-color: #eaecf0;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.cf-box--sec {
  border-color: #eaecf0;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  padding: 1.25rem 1.5rem;
  max-width: fit-content;
}
.cf-box--time-picker {
  max-width: 33rem;
}
.cf-box--time-picker-modal {
  min-width: 15.75rem;
}
.cf-box--invoice-ending {
  padding: 0.5625rem 0.5rem;
  overflow: hidden;
}
.cf-box--invoice-ending .mat-datepicker-actions {
  margin-bottom: -0.5625rem;
}
.cf-bulk-edit-mode .cf-table__cell {
  pointer-events: none;
}
.cf-bulk-edit-mode .cf-table__context-menu,
.cf-bulk-edit-mode .cf-dropdown,
.cf-bulk-edit-mode .cf-combo-box,
.cf-bulk-edit-mode .cf-table__inline-editable-cell,
.cf-bulk-edit-mode .cf-table__date-cell,
.cf-bulk-edit-mode .cf-table__fill-height,
.cf-bulk-edit-mode .cf-notification-actions,
.cf-bulk-edit-mode .cf-table__cell-fill,
.cf-bulk-edit-mode .cf-table__badge {
  pointer-events: none;
}
.cf-bulk-edit-mode .cf-table--listing tr:hover td {
  background-color: inherit !important;
}
.cf-bulk-edit-mode .cf-table__inline-editable-cell:hover::before {
  opacity: 0 !important;
}
.cf-bulk-edit-mode .cf-table__action-cell,
.cf-bulk-edit-mode input[type=checkbox],
.cf-bulk-edit-mode .cf-checkbox,
.cf-bulk-edit-mode .cf-bulk-edit-wrapper,
.cf-bulk-edit-mode .cf-group-select,
.cf-bulk-edit-mode .cf-table-selection-overlay {
  pointer-events: auto;
}
.cf-date-field {
  top: 0.625rem;
  position: relative;
}
.cf-bullet {
  padding-left: 1.7rem;
}
.cf-bullet li {
  list-style: disc;
  font-size: 1rem;
  font-weight: 400;
  color: #667085;
}
.cf-badge-settings {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75rem;
  font-size: 0.75rem;
}
.cf-settings-header {
  padding-top: 2.5rem;
  padding-left: 3rem;
  background-color: #ffffff;
  z-index: 6;
}
.cf-file-chip {
  border-radius: 0.5rem;
  border: 0.0625rem solid #d0d5dd;
  padding: 0.25rem 0.375rem;
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  position: relative;
}
.cf-file-chip .cf-file-chip__link {
  top: 0;
  left: 0;
  z-index: 1;
  color: transparent;
  font: 0;
}
.cf-file-chip i {
  width: 1rem;
}
.cf-file-chip .cf-file-chip__name {
  font-size: 0.875rem;
  color: #475467;
}
.cf-file-chip .cf-file-chip__size {
  font-size: 0.875rem;
  color: #98a2b3;
}
.cf-table__edit-task-title {
  white-space: pre;
  word-break: break-word;
  overflow: hidden;
  font-size: 0.875rem;
  border: 0.0625rem solid #d0d5dd;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  background-color: #ffffff;
  max-width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.cf-table__edit-task-title::-webkit-scrollbar {
  display: none;
}
.cf-table__edit-task-title:focus {
  border-color: #d0d5dd;
  outline: none;
}
.cf-table__edit-task-title.cf-text--width-half {
  max-width: 100%;
}
.cf-task-title-chevron {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  cursor: pointer;
  color: #98a2b3;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  border: none;
  border-radius: 0.5rem;
  padding: 0.25rem;
  background-color: transparent;
  gap: 0.5rem;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.cf-task-title-chevron:hover {
  color: #344054;
  background-color: #d0d5dd;
}
.cf-task-width {
  width: 100%;
}
.cf-task-title-inline-align {
  min-width: 0;
  flex: 0 1 auto;
}
fieldset {
  border: none;
}
legend {
  margin: 1rem 0 0.375rem;
  font-size: 0.875em;
  line-height: 140%;
  color: var(--gray-700);
  font-weight: 500;
}
legend:first-of-type {
  margin-top: 0;
}
label {
  color: var(--gray-700);
  font-weight: 500;
  margin-bottom: 0.375rem;
  display: inline-block;
  font-size: 0.875em;
  line-height: 140%;
}
input:not([type=file]):not([type=checkbox]):not([type=radio]),
select,
textarea,
.form-field {
  background-color: #fff;
  font-size: 1em;
  line-height: 140%;
  color: var(--gray-900);
  display: block;
  width: 100%;
  height: 2.625rem;
  padding: 0.5625rem 0.875rem;
  border: 0.0625rem solid var(--gray-300);
  border-radius: var(--border-radius);
  outline: none;
}
input:not([type=file]):not([type=checkbox]):not([type=radio])::placeholder,
select::placeholder,
textarea::placeholder,
.form-field::placeholder {
  color: var(--gray-500);
}
input:not([type=file]):not([type=checkbox]):not([type=radio])::placeholder,
select::placeholder,
textarea::placeholder,
.form-field::placeholder {
  color: var(--gray-500);
}
input:not([type=file]):not([type=checkbox]):not([type=radio]):-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill,
.form-field:-webkit-autofill {
  background-color: var(--white);
  box-shadow: 0 0 0px 1000px var(--white) inset;
}
input:not([type=file]):not([type=checkbox]):not([type=radio]):-moz-autofill,
select:-moz-autofill,
textarea:-moz-autofill,
.form-field:-moz-autofill {
  background-color: var(--white);
  box-shadow: 0 0 0px 1000px var(--white) inset;
}
input:not([type=file]):not([type=checkbox]):not([type=radio]):disabled,
select:disabled,
textarea:disabled,
.form-field:disabled {
  color: var(--gray-500);
  background-color: var(--gray-50);
  opacity: 1;
}
.is-focused input:not([type=file]):not([type=checkbox]):not([type=radio]),
.is-focused select,
.is-focused textarea,
.is-focused .form-field {
  border: 0.0625rem solid var(--primary-300);
  box-shadow: 0 0 0 0.25rem var(--primary-100), 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
input:not([type=file]):not([type=checkbox]):not([type=radio]).cf-timepicker-input,
select.cf-timepicker-input,
textarea.cf-timepicker-input,
.form-field.cf-timepicker-input {
  width: 6.25rem;
  border: none;
}
.is-disabled .form-field--select {
  background-image: none;
}
textarea {
  resize: none;
  height: 6.375rem;
  font-family: var(--system-ui-font);
}
select,
.form-field--select,
.form__item--select,
.cf-form__item--select,
.cf-form-field--select {
  -webkit-appearance: none;
  background-image: url(/assets/icons/icon-chevron-down.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
  min-height: 2.625rem;
}
.has-chevron,
input:not([type=file]):not([type=checkbox]):not([type=radio]).has-chevron {
  background-image: url(/assets/icons/icon-chevron-down.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
  padding-right: 2.1875rem;
}
.form__item--select input:not([type=file]):not([type=checkbox]):not([type=radio]),
.form__item--select select,
.form__item--select textarea,
.form__item--select .form-field {
  background-color: transparent;
}
input[type=radio] {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
input[type=radio] + label {
  padding-left: 1.75rem;
  cursor: pointer;
  display: inline-block;
  color: var(--gray-700);
  font-weight: 500;
  position: relative;
  height: 1.25rem;
  padding-top: 0.0625rem;
}
input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.125rem;
  height: 1.125rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
  border-radius: 50%;
}
input[type=radio] + label:after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--primary-600);
  position: absolute;
  top: 0.375rem;
  left: 0.375rem;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}
input[type=radio]:checked + label:before {
  border: 0.0625rem solid var(--primary-600);
  background: var(--primary-50);
}
input[type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  font-size: 0;
  color: transparent;
  position: relative;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
input[type=checkbox] + label:before {
  content: "";
  border: 0.0625rem solid var(--gray-300);
  border-radius: 0.25rem;
  width: 0.875rem;
  height: 0.875rem;
  position: absolute;
  left: 0;
  top: 0;
}
input[type=checkbox] + label:after {
  content: "";
  width: 0.625rem;
  height: 0.5rem;
  background: url(/assets/icons/icon-checkbox.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0.25rem;
  left: 0.1875rem;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
input[type=checkbox] + label.is-visible {
  font-size: 0.875rem;
  color: inherit;
  width: auto;
  height: auto;
  padding-left: 1.5rem;
  color: var(--gray-700);
}
input[type=checkbox] + label.is-visible:before {
  top: 0.125rem;
}
input[type=checkbox] + label.is-visible:after {
  top: 0.375rem;
}
input[type=checkbox]:checked + label:before {
  border-color: var(--primary-600);
}
input[type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
input[type=checkbox].is-solid:checked + label:before {
  background-color: var(--primary-600);
}
input[type=checkbox].is-solid:checked + label:after {
  background: url(/assets/icons/icon-check-solid.svg) no-repeat center;
}
input[type=checkbox].is-rounded + label:before {
  border-radius: 50%;
}
input[type=radio].l-radio--tick {
  opacity: 1;
  position: relative;
  pointer-events: all;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
  border-radius: 50%;
  appearance: none;
}
input[type=radio].l-radio--tick:checked {
  background: var(--primary-600);
  border-color: var(--primary-600);
}
input[type=radio].l-radio--tick:checked:after {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/assets/icons/icon-check-solid.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
input[type=radio].l-radio + label::after,
input[type=radio].l-radio + label::before {
  display: none;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1.25rem;
  width: 1.25rem;
  background: transparent;
  background-image: url(/assets/icons/icon-x-close.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
input[type=password]::-ms-reveal,
input[type=password]::-webkit-reveal {
  display: none;
}
.input-icon {
  position: relative;
}
.input-icon > i {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
}
.input-icon > i + p {
  padding-left: 2.625rem;
}
.input-icon input:not([type=file]):not([type=checkbox]):not([type=radio]),
.input-icon select {
  padding-left: 2.625rem;
}
.input-icon--right i {
  left: auto;
  right: 0.875rem;
}
.input-icon--right input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  padding-right: 2.625rem;
  padding-left: 0.875rem;
}
.input-icon .input-icon__right {
  position: absolute;
  right: 0.1875rem;
  top: 50%;
  transform: translateY(-50%);
}
.rp.form .form__item {
  margin-bottom: 1.25rem;
  position: relative;
}
.rp.form .form__item.has-error input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.form .form__item.has-error select,
.rp.form .form__item.has-error textarea,
.rp.form .form__item.has-error .form-field {
  border-color: var(--error-500);
}
.rp.form .form__item.has-badge input:not(:placeholder-shown) + .form__item-badge {
  display: none;
}
.rp.form .form__item .has-error-input {
  border-color: var(--error-500);
}
.rp.form .form__item .has-error-input .modular-input {
  border-color: var(--error-500);
}
.rp.form .form__item .form__error {
  color: var(--error-500);
  display: inline-block;
  margin-top: 0.375rem;
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
  margin-bottom: 0;
}
.rp.form .form__item .form__error--float {
  position: absolute;
  bottom: -1.5625rem;
}
@media screen and (min-width: 481px) {
  .rp.form .form__item .form__error--time-picker {
    position: absolute;
    bottom: 0;
  }
}
.rp.form .form__item .form__error-icon {
  position: absolute;
  right: 0.625rem;
  bottom: 2.375rem;
}
.rp.form .form__item .form__note {
  color: var(--gray-500);
  padding: 0.3125rem 0.875rem;
}
.rp.form .form__item .input-info {
  margin-top: 0.375rem;
}
.rp.form .form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.form .form__item--text select,
.rp.form .form__item--text textarea {
  border: none;
  outline: none;
  padding: 0;
  height: auto;
  font-size: 0.875rem;
  padding-left: 0.1875rem;
  margin-left: -0.1875rem;
}
.rp.form .form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]).h2,
.rp.form .form__item--text select.h2,
.rp.form .form__item--text textarea.h2 {
  font-size: 1.125rem;
  line-height: 140%;
}
.rp.form .form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]).text,
.rp.form .form__item--text select.text,
.rp.form .form__item--text textarea.text {
  font-size: 0.875rem;
}
.rp.form .form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]).color-gray700,
.rp.form .form__item--text select.color-gray700,
.rp.form .form__item--text textarea.color-gray700 {
  color: var(--gray-700);
}
.rp.form .form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]) + .form__error,
.rp.form .form__item--text select + .form__error,
.rp.form .form__item--text textarea + .form__error {
  padding-left: 0.1875rem;
}
.rp.form .form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]).l-text--md,
.rp.form .form__item--text select.l-text--md,
.rp.form .form__item--text textarea.l-text--md {
  font-size: 1rem;
}
.rp.form .form__item--text textarea {
  height: calc(25.2px * var(--title-line));
}
.rp.form .form__item--text.has-icon input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.form .form__item--text.has-icon select,
.rp.form .form__item--text.has-icon textarea {
  width: auto;
}
.rp.form .form__item--text.task__date {
  padding: 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid transparent;
  transition: 0.3s ease-in-out;
}
.rp.form .form__item--text.task__date.is-focused-container {
  border-color: var(--primary-300);
}
.rp.form .form__item--text.task__date input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  width: 8.75rem;
  background-color: transparent;
  padding: 0.375rem 0.5rem 0.375rem 2.375rem;
}
.rp.form .form__item--text.task__date i {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.rp.form .form__item .l-select__text {
  font-weight: 500;
}
.rp.form .form__item .l-select__text small {
  font-weight: 400;
}
.rp.form .form__item--w-60 {
  width: 3.75rem;
}
.rp.form .form__item--select-sec select {
  background-image: url(/assets/icons/icon-chevron-selector-vertical.svg);
}
.rp.form .form__item--select-text .form__item-text {
  right: 2.5rem;
}
.rp.form .form__item--input-text .form__item-text {
  right: 0.75rem;
}
.rp.form .form__item.has-dollar:before {
  content: "$";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.75rem;
  font-size: 1rem;
  color: var(--gray-900);
}
.rp.form .form__item.has-dollar input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.form .form__item.has-dollar select,
.rp.form .form__item.has-dollar textarea,
.rp.form .form__item.has-dollar .form-field {
  padding-left: 1.5rem;
}
.rp.form .form__item--gray-700 input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.form .form__item--gray-700 select,
.rp.form .form__item--gray-700 textarea,
.rp.form .form__item--gray-700 .form-field {
  color: var(--gray-700);
}
.rp.form .form__item--gray-700 input:not([type=file]):not([type=checkbox]):not([type=radio])::placeholder,
.rp.form .form__item--gray-700 select::placeholder,
.rp.form .form__item--gray-700 textarea::placeholder,
.rp.form .form__item--gray-700 .form-field::placeholder {
  color: var(--gray-700);
}
.rp.form .form__item--gray-800 input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.form .form__item--gray-800 select,
.rp.form .form__item--gray-800 textarea,
.rp.form .form__item--gray-800 .form-field {
  color: var(--gray-800);
}
.rp.form .form__item--gray-800 input:not([type=file]):not([type=checkbox]):not([type=radio])::placeholder,
.rp.form .form__item--gray-800 select::placeholder,
.rp.form .form__item--gray-800 textarea::placeholder,
.rp.form .form__item--gray-800 .form-field::placeholder {
  color: var(--gray-800);
}
.rp.form .form__item--transparent input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.form .form__item--transparent select,
.rp.form .form__item--transparent textarea,
.rp.form .form__item--transparent .form-field {
  background-color: transparent;
}
.rp.form .form__item--w-67 {
  width: 4.1875rem;
}
.rp.form .form__item--w-100 {
  width: 6.25rem;
}
.rp.form .form__item--w-103 {
  width: 6.4375rem;
}
.rp.form .form__item--w-115 {
  width: 7.1875rem;
}
.rp.form .form__item--w-130 {
  width: 8.125rem;
}
.rp.form .form__item--w-140 {
  width: 8.75rem;
}
.rp.form .form__item--w-142 {
  width: 8.875rem;
}
.rp.form .form__item--w-145 {
  width: 9.0625rem;
}
.rp.form .form__item--w-170 {
  width: 10.625rem;
}
.rp.form .form__item--time input {
  margin-bottom: 0.375rem;
  padding-right: 0.625rem;
}
.rp.form .form__item--h44 .form-field--select {
  min-height: 2.75rem;
}
.rp.form .form__item--h42 .form-field--select {
  height: 2.625rem;
}
.rp.form .form__error--text {
  color: var(--error-500);
}
.rp.form input.form__item-untouched {
  background-color: var(--gray-50);
  color: var(--gray-500);
}
.rp.form .form__item-text {
  position: absolute;
  right: 3.125rem;
  top: 50%;
  transform: translateY(-50%);
}
.rp.form .form__invoice-header input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.form .form__invoice-header select,
.rp.form .form__invoice-header textarea,
.rp.form .form__invoice-header .form-field {
  font-size: 0.875rem;
  align-items: center;
  font-weight: 500;
  color: var(--gray-700);
}
.rp.form .form__invoice-header input:not([type=file]):not([type=checkbox]):not([type=radio]) .l-select__text,
.rp.form .form__invoice-header select .l-select__text,
.rp.form .form__invoice-header textarea .l-select__text,
.rp.form .form__invoice-header .form-field .l-select__text {
  font-weight: inherit;
}
.rp.form .form__invoice-header .form-field--select {
  color: var(--gray-700);
}
.rp.form .form__invoice-header label {
  font-weight: 400;
}
.rp.form .l-select__cnt svg {
  flex-shrink: 0;
}
.rp.form .form__item-badge {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.25rem;
  color: var(--gray-500);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
  border-radius: 0.125rem;
  background: var(--gray-100);
}
.rp.form .form__footer-btns {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.625rem;
}
.rp.form .form__footer-btns--end {
  justify-content: flex-end;
}
.rp.form--auth {
  padding: 2rem 0;
}
.rp.form--profile {
  padding-top: 0.1875rem;
}
.rp.form--profile label {
  margin: 1rem 0 0.375rem;
}
.rp.form--profile label:first-of-type {
  margin-top: 0;
}
.rp.form--profile label.form__error--phone {
  margin-top: 0.375rem;
  margin-bottom: 0;
}
.rp.form--profile .form__item {
  margin-bottom: 1rem;
}
.rp.form--profile .form__item:last-of-type {
  margin-bottom: 0;
}
.rp.form--profile [type=radio] + label {
  margin-bottom: 0;
}
.rp.form--vh100 {
  min-height: calc(100vh - 75px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rp.form--add-subtask .form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  height: 1.5rem;
  background-color: transparent;
}
.rp.form--modal .form__item {
  margin-bottom: 0.75rem;
}
.rp.form--modal fieldset:first-of-type {
  margin-top: 1.25rem;
}
.rp.form--time-confirm .form__item {
  margin-bottom: 1rem;
}
.rp.form--time-confirm textarea {
  height: 7.375rem;
}
.rp.form--filter {
  margin-bottom: 0.5rem;
}
.rp.form--task-create .form__item--text {
  padding: 0 0.75rem 0.375rem;
  border-radius: 0.5rem;
}
.rp.form--task-create .form__item--text textarea {
  padding: 0;
  margin: 0;
  height: 1.75rem;
  border-radius: 0;
}
.input-combo {
  position: relative;
  border: 0.0625rem solid var(--gray-300);
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--white);
}
.input-combo input:not([type=file]):not([type=checkbox]):not([type=radio]),
.input-combo select,
.input-combo textarea,
.input-combo .form-field {
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.input-combo .input-combo__btn {
  border-color: var(--gray-300);
  font-size: 1rem;
  line-height: 140%;
  color: var(--gray-700);
  background-color: var(--white);
  padding: 0.625rem 1.125rem;
  height: 2.625rem;
  cursor: pointer;
}
.input-combo .input-combo__btn i {
  margin-right: 0.5rem;
}
.input-combo .input-combo__btn:hover {
  background-color: var(--gray-100);
}
.input-combo .input-combo__item:last-child .input-combo__btn {
  border-width: 0 0 0 0.0625rem;
  border-radius: 0;
  border-style: solid;
}
.input-combo .input-combo__item:last-child .input-combo__btn:not(:last-child) {
  padding-right: 0.75rem;
}
.input-combo .input-combo__item:last-child .input-combo__btn:not(:first-child) {
  padding-left: 0.75rem;
}
.input-combo .input-combo__item:last-child .input-combo__btn + .input-combo__btn {
  border-width: 0;
}
.input-combo .input-combo__item .expanding-input {
  max-width: calc(100% - 150px);
  min-width: 11.25rem !important;
}
.has-error .input-combo {
  border-color: var(--error-500);
}
.input-combo.is-disabled {
  background-color: var(--gray-50);
}
.input-combo.is-disabled .input-combo__btn {
  background:
    linear-gradient(
      0deg,
      #f9fafb 0%,
      #f9fafb 100%),
    #fff;
}
.input-combo.is-disabled .input-combo__btn:hover {
  background: var(--white);
}
.input-combo.is-disabled .input-combo__item {
  opacity: 0.6;
  pointer-events: none;
}
.input-combo--phone .input-combo__item:first-child {
  flex-basis: 3.5625rem;
}
.input-combo--phone .input-combo__item:first-child input:not([type=file]):not([type=checkbox]):not([type=radio]),
.input-combo--phone .input-combo__item:first-child select,
.input-combo--phone .input-combo__item:first-child textarea {
  padding-right: 0;
  background-position: right center;
}
.input-combo--phone .input-combo__item .input-combo__extension {
  white-space: nowrap;
}
.input-combo--phone .input-combo__item .input-combo__extension + input {
  padding-left: 0.375rem;
}
.input-combo--phone .input-combo__item--number {
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
}
.input-combo--search .input-combo__item:first-child {
  flex-grow: 1;
}
.input-combo--custom {
  width: 100%;
  justify-content: space-between;
}
.input-combo--custom .interactive-content-container {
  width: calc(100% - 210px);
}
.input-combo--custom .input-icon {
  display: flex;
  align-items: center;
}
.input-combo--custom .input-icon i {
  position: relative;
  top: unset;
  transform: unset;
  margin-right: 0.625rem;
  flex-shrink: 0;
}
.input-combo--custom .form-field {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
.input-combo--custom .form-field__placeholder {
  color: var(--gray-500);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 140%;
  pointer-events: none;
}
.input-combo--custom .editable-element-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.input-combo--custom .editable-element {
  height: 1.25rem;
  width: 100%;
}
.input-combo--custom .editable-element:focus {
  outline: none;
}
.input-combo .input-combo__save-btn {
  background-color: var(--white);
  font-size: 0.75rem;
  line-height: 140%;
  color: var(--gray-700);
  font-weight: 500;
  padding: 0.1875rem 0.5rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
}
.input-combo .input-combo__save-btn:hover {
  background: var(--gray-100);
}
.input-combo.is-focused {
  outline: none;
  border: 0.0625rem solid var(--primary-300);
  box-shadow: 0 0 0 0.25rem var(--primary-100), 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
.input-combo.is-focused input:not([type=file]):not([type=checkbox]):not([type=radio]),
.input-combo.is-focused select,
.input-combo.is-focused textarea,
.input-combo.is-focused .form-field {
  border: none;
  box-shadow: none;
}
.form-field {
  display: flex;
  gap: 0.5rem;
  position: relative;
}
.form-field input[type=checkbox] + label {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-field:not(:last-child) {
  margin-bottom: 1rem;
}
.form-field.is-focused {
  border: 0.0625rem solid var(--primary-300);
  box-shadow: 0 0 0 0.25rem var(--primary-100), 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
}
.has-error-input .form-field {
  border-color: var(--error-500);
}
.form-field .form-field__radio {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.0625rem solid var(--gray-300);
  background: var(--white);
}
.form-field--check {
  height: 3.25rem;
}
.form-field--check .input-icon p {
  color: var(--gray-900);
}
.form-field--check input[type=checkbox]:checked {
  display: none;
}
.form-field--check input[type=checkbox]:checked + .form-field__radio + .l-icon {
  opacity: 1;
}
.form-field--check .l-icon {
  right: 0.875rem;
  transition: 0.3s ease-in-out;
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
}
.form-field--check .form-field__radio {
  position: absolute;
  right: 1.375rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-field--tasks {
  flex-direction: column;
  gap: 0.25rem;
  padding-right: 2.25rem;
  background-position: calc(100% - 14px) 0.625rem;
  min-height: 4.0625rem;
}
.form-field--tasks > a {
  width: 100%;
}
.form-field--select {
  height: auto;
  padding-right: 2.5rem;
  align-items: center;
}
.form-field--select .form-field__label {
  color: var(--gray-500);
  cursor: default;
}
.form-field--transparent {
  background-color: transparent;
}
.form-field--transparent input:not([type=file]):not([type=checkbox]):not([type=radio]),
.form-field--transparent select,
.form-field--transparent textarea {
  background-color: transparent;
}
.rp.form .rp.form-select--block {
  margin-bottom: 0;
  position: relative;
}
.rp.form .rp.form-select--block:not(:last-child) {
  margin-bottom: 0.75rem;
}
.rp.form .rp.form-select--block label {
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  padding: 1rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  border-radius: 0.75rem;
  margin: 0;
  transition: 0.3s ease-in-out;
}
.rp.form .rp.form-select--block label:hover {
  box-shadow: 0px 2px 2px 0px rgba(16, 24, 40, 0.03), 0px 5px 15px -10px rgba(16, 24, 40, 0.08);
}
.rp.form .rp.form-select--block .form-select__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.rp.form .rp.form-select--block figure {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 28px;
  border: 6px solid var(--primary-50, #fff5f5);
  background: var(--primary-100, #ffe8e8);
  mix-blend-mode: multiply;
}
.rp.form .rp.form-select--block article {
  flex-basis: calc(100% - 56px);
}
.rp.form .rp.form-select--block article h5 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--gray-700);
  margin-bottom: 0.125rem;
}
.rp.form .rp.form-select .l-radio--tick {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  z-index: 1;
}
.rp.form .rp.form-select .l-radio--tick:checked + label {
  background: var(--primary-50);
}
.rp.form .rp.form-select .l-radio--tick:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0.125rem solid var(--primary-600);
  border-radius: 0.75rem;
  background: transparent;
}
.rp.form .rp.form-select .l-radio--tick:checked + label h5,
.rp.form .rp.form-select .l-radio--tick:checked + label p {
  color: var(--primary-800, #c73538);
}
.rp.form .rp.form-select .l-radio--fill {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 0;
  opacity: 0;
}
.rp.form .rp.form-select .l-radio--fill + label {
  color: var(--gray-500);
}
.rp.form .rp.form-select .l-radio--fill + label:hover {
  background-color: var(--white);
}
.rp.form .rp.form-select .l-radio--fill:checked + label {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  background-color: var(--white);
  color: var(--gray-700);
}
.rp.form .rp.form-select .l-radio--fill:checked + label span {
  background: var(--gradient-primary-70060045-deg, linear-gradient(45deg, #e04346 0%, #fa4c4f 100%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rp.form .rp.form-select.is-budget-disabled * {
  pointer-events: none;
}
.rp.form .rp.form-select.is-budget-disabled .l-radio--tick {
  background-color: var(--gray-300);
  border-color: var(--gray-300);
  pointer-events: none;
}
.rp.form .rp.form-select.is-budget-disabled .l-radio--tick + label {
  background-color: var(--gray-50);
}
.rp.form .rp.form-select.is-budget-disabled .l-radio--tick + label:after {
  border-color: var(--gray-200);
}
.rp.form .rp.form-select.is-budget-disabled .l-radio--tick + label h5 {
  color: var(--gray-700);
}
.rp.form .rp.form-select.is-budget-disabled .l-radio--tick + label p {
  color: var(--gray-600);
}
.rp.form .rp.form-select.is-budget-disabled figure {
  background-color: var(--gray-100);
  border-color: var(--gray-50);
}
.rp.form .rp.form-select.is-budget-disabled figure img {
  filter: grayscale(1);
}
.rp.form .form__tab {
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--gray-50);
  padding: 0.25rem;
}
.rp.form .form__tab .form__item {
  flex: 1;
  margin: 0;
  text-align: center;
  position: relative;
  height: 100%;
}
.rp.form .form__tab label {
  padding: 0;
  margin: 0;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  min-height: 2.25rem;
  transition: 0.3s ease-in-out;
}
.rp.toggle input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.rp.toggle input[type=checkbox]:checked + label {
  background: var(--primary-600);
}
.rp.toggle input[type=checkbox]:checked + label:after {
  left: calc(100% - 2px);
  transform: translate(-100%, -50%);
}
.rp.toggle label {
  cursor: pointer;
  text-indent: -9999px;
  width: 2.25rem;
  height: 1.25rem;
  background: var(--gray-100);
  display: block;
  border-radius: 100px;
  position: relative;
}
.rp.toggle label:before {
  display: none;
}
.rp.toggle label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.125rem;
  width: 1rem;
  height: 1rem;
  background: var(--white);
  border-radius: 50%;
  transform: translateY(-50%);
  opacity: 1;
  transition: 0.3s;
}
.rp.toggle label:active:after {
  width: 1.25rem;
}
.rp.toggle span {
  font-size: 0.875rem;
  color: var(--gray-700);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .rp.toggle--right {
    justify-content: flex-end;
  }
}
.rp.toggle--task-search label {
  margin-bottom: 0;
}
.form-nav li {
  position: relative;
}
.form-nav li .form-nav__item {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
  position: relative;
}
.form-nav li .form-nav__item:before,
.form-nav li .form-nav__item:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form-nav li .form-nav__item:before {
  width: 1.25rem;
  height: 1.25rem;
  border: 0.125rem solid var(--gray-200);
  background-color: var(--white);
}
.form-nav li .form-nav__item:after {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--gray-200);
}
.form-nav li:not(:last-child) {
  padding-right: 4.375rem;
}
.form-nav li:not(:last-child):after {
  content: "";
  width: 4.9375rem;
  height: 0.125rem;
  background: var(--gray-200);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -0.3125rem;
}
.form-nav li.is-active .form-nav__item:before {
  border-color: var(--primary-600);
}
.form-nav li.is-active .form-nav__item:after {
  background-color: var(--primary-600);
}
.form-nav li.is-current .form-nav__item {
  background-color: var(--primary-50);
}
.form-nav li.is-complete .form-nav__item:after {
  width: 0.75rem;
  height: 0.6875rem;
  background: transparent url(/assets/icons/icon-tick.svg) no-repeat center;
  background-size: contain;
}
.l-info__dropdown {
  min-width: 15rem;
}
.l-info__dropdown .form-field {
  padding: 0;
  border: none;
  height: auto;
  min-height: auto;
}
.l-info__dropdown .form-field--select {
  padding: 0 1.25rem 0 0;
  background-position: right center;
}
.l-info__dropdown .input-icon i {
  left: 0;
}
.l-info__dropdown .input-icon i + p {
  padding-left: 1.5625rem;
}
.l-info__dropdown--select .form-field--select .form-field__label {
  font-size: 0.875rem;
  line-height: 140%;
}
.rp.time-combo {
  display: flex;
  gap: 0.0625rem;
  padding-right: 0.5rem;
}
.rp.time-combo input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.time-combo select,
.rp.time-combo textarea,
.rp.time-combo .form-field {
  border: none;
  padding: 0;
  height: auto;
  border-radius: 0;
}
.rp.time-combo input:not([type=file]):not([type=checkbox]):not([type=radio])[type=number],
.rp.time-combo select[type=number],
.rp.time-combo textarea[type=number],
.rp.time-combo .form-field[type=number] {
  width: 1.25rem;
}
.rp.time-combo .time-combo__colon {
  margin-top: -0.125rem;
}
.rp.time-combo .time-combo__spent {
  opacity: 1;
}
.rp.time-combo .time-combo__spent input {
  margin-bottom: 0.375rem;
}
.rp.time-combo.has-icon {
  padding-left: 2.5rem;
}
.rp.time-combo.has-icon:before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(/assets/icons/icon-clock.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
}
.rp.time-combo--has-message {
  margin-bottom: 0.375rem;
}
.rp.time-combo--sm {
  padding: 0.4375rem 0.6875rem;
  height: 2.25rem;
  gap: 0;
  color: var(--gray-600);
}
.rp.time-combo--sm input:not([type=file]):not([type=checkbox]):not([type=radio]),
.rp.time-combo--sm select,
.rp.time-combo--sm textarea,
.rp.time-combo--sm .form-field {
  font-size: 0.875rem;
  color: var(--gray-500);
  width: 1.375rem;
}
.rp.time-combo--sm input:not([type=file]):not([type=checkbox]):not([type=radio])[type=number],
.rp.time-combo--sm select[type=number],
.rp.time-combo--sm textarea[type=number],
.rp.time-combo--sm .form-field[type=number] {
  width: 1.0625rem;
}
.rp.time-combo--sm .time-combo__colon {
  color: var(--gray-500);
}
.is-disabled-fields input:not([type=file]):not([type=checkbox]):not([type=radio]),
.is-disabled-fields select,
.is-disabled-fields textarea,
.is-disabled-fields .form-field {
  pointer-events: none;
  background-color: var(--gray-50);
  color: var(--gray-500);
}
.cf-dropdown--invoice-service.is-focused .form-field {
  z-index: 1;
}
.is-focused-container {
  border: 1px solid var(--primary-300);
  background: var(--white);
  box-shadow: 0px 0px 0px 4px var(--primary-100);
}
.cf-form .cf-form__item {
  margin-bottom: 1rem;
  position: relative;
}
.cf-form .cf-form__item.has-error input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-form .cf-form__item.has-error select,
.cf-form .cf-form__item.has-error textarea,
.cf-form .cf-form__item.has-error .cf-form-field {
  border-color: var(--error-500);
}
.cf-form .cf-form__item--select-box input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-form .cf-form__item--select-box select,
.cf-form .cf-form__item--select-box textarea,
.cf-form .cf-form__item--select-box .cf-form-field {
  height: 3.75rem;
}
.cf-form .cf-form__item--select-box .cf-form__label {
  font-size: 1rem;
  color: #475467;
  position: absolute;
  top: 50%;
  left: 0.875rem;
  transform: translateY(-50%);
}
.cf-form .cf-form__item--select-box .cf-form-field--select {
  padding: 1.5625rem 0.875rem 0.5rem;
  height: auto;
}
.cf-form .cf-form__item--width-200 {
  width: 12.5rem;
}
.cf-form--time input {
  margin-bottom: 0.375rem;
  padding-right: 0.625rem;
}
.cf-form--h44 .cf-form-field--select {
  min-height: 2.75rem;
}
.cf-form--h42 .cf-form-field--select {
  height: 2.625rem;
}
.cf-form--add-subtask .cf-form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  height: 1.5rem;
  background-color: transparent;
}
.cf-form--description .cf-editor p {
  font-size: 1rem;
}
.cf-form--description .cf-editor .cf-editor__placeholder::before {
  font-size: 1rem;
}
.cf-form__error--text {
  color: var(--error-500);
}
input.cf-form__item-untouched {
  background-color: var(--gray-50);
  color: var(--gray-500);
}
.cf-form__item-text {
  position: absolute;
  right: 3.125rem;
  top: 50%;
  transform: translateY(-50%);
}
.cf-form__invoice-header input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-form__invoice-header select,
.cf-form__invoice-header textarea,
.cf-form__invoice-header .cf-form-field {
  font-size: 0.875rem;
  align-items: center;
  font-weight: 500;
  color: #101828;
}
.cf-form__invoice-header .cf-form__item--select-box input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  color: transparent;
  font-size: 1rem;
  font-weight: 400;
}
.cf-form__invoice-header .cf-form__item--select-box.has-value input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  color: #101828;
  padding-top: 1.5625rem;
}
.cf-form__invoice-header .cf-form__item--select-box.has-value .cf-form__label {
  top: 0.75rem;
  font-size: 0.625rem;
  transform: none;
}
.cf-form__invoice-header .cf-form-field--select {
  color: #101828;
}
.cf-form__invoice-header label {
  font-weight: 400;
}
.cf-form__invoice-header .cf-form__invoice-header-row {
  flex-wrap: nowrap;
}
.cf-form__invoice-header .cf-form__invoice-header-row .cf-fieldset__col {
  flex: 1;
  max-width: 14.5625rem;
}
.cf-form__invoice-header .cf-form__invoice-header-row .cf-date-picker--dropdown {
  width: 100%;
}
.cf-form__invoice-header .cf-form__invoice-header-row .cf-date-picker--dropdown .mat-mdc-form-field {
  width: 100%;
}
.cf-form__item-badge {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.25rem;
  color: var(--gray-500);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
  border-radius: 0.125rem;
  background: var(--gray-100);
}
.cf-form__footer-btns {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.625rem;
}
.cf-form__footer-btns--end {
  justify-content: flex-end;
}
.cf-form .cf-form__item {
  margin-bottom: 1rem;
}
.cf-form .cf-form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-form .cf-form__item--text select,
.cf-form .cf-form__item--text textarea {
  border: none;
  outline: none;
  padding: 0;
  height: auto;
  font-size: 0.875rem;
  padding-left: 0.1875rem;
  margin-left: -0.1875rem;
}
.cf-form .cf-form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]).h2,
.cf-form .cf-form__item--text select.h2,
.cf-form .cf-form__item--text textarea.h2 {
  font-size: 1.125rem;
  line-height: 140%;
}
.cf-form .cf-form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]).text,
.cf-form .cf-form__item--text select.text,
.cf-form .cf-form__item--text textarea.text {
  font-size: 0.875rem;
}
.cf-form .cf-form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]).color-gray700,
.cf-form .cf-form__item--text select.color-gray700,
.cf-form .cf-form__item--text textarea.color-gray700 {
  color: var(--gray-700);
}
.cf-form .cf-form__item--text input:not([type=file]):not([type=checkbox]):not([type=radio]) + .cf-form__error,
.cf-form .cf-form__item--text select + .cf-form__error,
.cf-form .cf-form__item--text textarea + .cf-form__error {
  padding-left: 0.1875rem;
}
.cf-form .cf-form__item--text textarea {
  height: calc(25.2px * var(--title-line));
}
.cf-form .cf-form__item--text.has-icon input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-form .cf-form__item--text.has-icon select,
.cf-form .cf-form__item--text.has-icon textarea {
  width: auto;
}
.cf-form .cf-form__item--text.cf-task__date {
  padding: 0.3125rem 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid transparent;
  transition: 0.3s ease-in-out;
}
.cf-form .cf-form__item--text.cf-task__date.is-focused-container {
  border-color: var(--primary-300);
}
.cf-form .cf-form__item--text.cf-task__date input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  background-color: transparent;
  padding: 0.375rem 0.5rem 0.375rem 2.1875rem;
  width: 8.4375rem;
}
.cf-form .cf-form__item--text.cf-task__date.is-open {
  border: 0.0625rem solid #ffa8aa;
  box-shadow: 0 0 0 0.25rem #f6ebff;
}
.cf-form .cf-form__item--avatar-dropdown .cf-select-box--input.has-fixed-placeholder .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 2.375rem;
}
.cf-form .cf-form__item--invoice-input input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  min-height: 2.3125rem;
  height: 2.3125rem;
  border-color: transparent;
  padding-inline: 0.625rem;
}
.cf-form .cf-form__error-icon {
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
}
.cf-form .cf-form__error-icon + cf-input .cf-input .cf-input__reveal-password {
  right: 1.875rem;
}
.cf-form--vh100 {
  min-height: calc(100vh - 75px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cf-form--create {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.cf-drawer__body .cf-form--customer {
  container-type: inline-size;
}
@container (max-width: 700px) {
  .cf-form--customer .row--sm-stack {
    flex-direction: column;
  }
  .cf-form--customer .row--sm-stack [class^=col-] {
    flex: 1;
    max-width: 100%;
  }
  .cf-form--customer .row--sm-stack [class^=col-] > h2 {
    margin-bottom: 1rem;
  }
  .cf-form--customer .row--sm-stack [class^=col-] .cf-form__desc {
    max-width: 24.375rem;
  }
  .cf-form--customer > div {
    padding-left: 0;
    padding-right: 0;
    margin-top: 2rem;
  }
}
.cf-form--task-create .cf-form__item--text {
  padding: 0 0.75rem 0.375rem;
  border-radius: 0.5rem;
}
.cf-form--task-create .cf-form__item--text textarea {
  padding: 0;
  margin: 0;
  height: 1.75rem;
  min-height: 1.5625rem;
  border-radius: 0;
  overflow: hidden;
}
.cf-form--log-time .cf-form__main {
  padding: 0.5rem 1.5rem 1.5rem;
}
.cf-input-baseline-text .cf-input-baseline-text__label {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cf-input-baseline-text--right-bottom .cf-input-baseline-text__label {
  top: auto;
  transform: none;
  bottom: 0.75rem;
}
.cf-input--border-0 input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  border: none;
}
.has-disabled-fields .cf-input--textarea.has-value .cf-input__placeholder {
  background-color: #f9fafb;
}
.has-disabled-fields .cf-input--textarea.has-value .cf-input__field:focus + .cf-input__placeholder {
  background-color: #f9fafb;
}
.cf-input.cf-input--settings-input {
  height: 2rem;
  box-shadow: none;
}
.cf-input.cf-input--settings-input.has-value .cf-input__placeholder {
  top: 1.5625rem;
}
.cf-input.has-chevron {
  background-image: url(/assets/icons/icon-chevron-down.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
  padding-right: 2.1875rem;
}
.cf-input.has-badge-template input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  padding-right: 12.5rem;
  padding-left: 0.75rem;
}
.cf-input.has-badge-template.cf-input--settings-input-sec input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  padding-right: 12.5rem;
}
.cf-input--field-sm input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  font-size: 0.875rem;
}
.cf-input.cf-input--settings-input-sec {
  border-color: #eaecf0;
  height: 2.25rem;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
  border-radius: 0.375rem;
}
.cf-input.cf-input--settings-input-sec input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  font-size: 0.875rem;
  padding: 0.625rem 0.375rem;
}
.cf-input.cf-input--settings-input-sec.is-field-focused {
  border-color: #ffa8aa;
}
.cf-input input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-input select,
.cf-input textarea,
.cf-input .cf-form-field {
  height: 3.625rem;
  min-height: 3.625rem;
  padding-top: 1.625rem;
  font-weight: 400;
  color: #101828;
}
.cf-input--text-md input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  font-size: 1rem;
}
.cf-input--search input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  height: 2.5625rem;
  min-height: 2.5625rem;
  padding: 0.5rem 0.75rem;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.01125rem;
  color: #1d2939;
}
.cf-input--search input:not([type=file]):not([type=checkbox]):not([type=radio])::placeholder {
  color: #98a2b3;
}
.cf-input--dropdown-placeholder input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-input--dropdown-placeholder select,
.cf-input--dropdown-placeholder textarea,
.cf-input--dropdown-placeholder .cf-form-field {
  padding-top: 0.625rem;
}
.cf-input--invoice-description.cf-input--textarea {
  border-radius: 0;
  margin-bottom: 0;
  border: 0.0625rem solid transparent;
  min-width: 18.75rem;
  border-radius: 0.5rem;
}
.cf-input--invoice-description.cf-input--textarea .cf-input__wrap {
  padding: 0.5rem 0.875rem;
  max-height: 8rem;
  overflow: auto;
}
.cf-input--invoice-description.cf-input--textarea .cf-input__field {
  min-height: auto;
  height: 1.375rem;
  overflow: hidden;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}
.cf-input--invoice-description.cf-input--textarea .cf-input__placeholder {
  left: 0;
  top: 0;
}
.cf-input--invoice-description.cf-input--textarea.is-field-focused {
  border-color: #ffa8aa;
  box-shadow: 0 0 0 0.25rem #ffe8e8, 0 0.0625rem 0.125rem rgba(16, 24, 40, 0.0509803922);
}
.cf-input.cf-input--table {
  background: transparent;
  margin: 0 -0.3125rem;
  padding: 0 0.3125rem;
}
.cf-input.cf-input--table:not(.is-field-focused) {
  border-color: transparent;
  box-shadow: none;
}
.cf-input.cf-input--table input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  min-height: 2.5rem;
  height: 2.5rem;
  padding: 1rem 0 0 0;
}
.cf-input.cf-input--table .cf-input__placeholder {
  left: 0;
}
.cf-input.cf-input--table.has-value .cf-input__placeholder {
  top: 0.125rem;
  color: #1d2939;
}
.cf-input.cf-input--table .cf-input__field:focus + .cf-input__placeholder {
  top: 0.125rem;
  color: #1d2939;
}
.cf-input--lg-label input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  font-size: 1.125rem;
  font-weight: 600;
}
.cf-input.cf-input--special-rate {
  border-color: transparent;
  border-radius: 0 0 0.5rem 0.5rem;
}
.cf-input.cf-input--special-rate.is-field-focused {
  border-color: #ffa8aa;
}
.cf-input--placeholder-default-400 input:not([type=file]):not([type=checkbox]):not([type=radio])::placeholder {
  color: #98a2b3;
}
.cf-input.cf-input--sm input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  height: 1.75rem;
  min-height: auto;
  padding-block: 0.3125rem;
}
.cf-input--static-label input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  padding-top: 1.5rem;
}
.cf-input--md .cf-input__field {
  font-size: 1rem !important;
}
.has-disabled-fields .cf-input {
  background-color: #f9fafb;
  pointer-events: none;
}
.has-disabled-fields .cf-input input:not([type=file]):not([type=checkbox]):not([type=radio]),
.has-disabled-fields .cf-input select,
.has-disabled-fields .cf-input textarea {
  background-color: #f9fafb;
  pointer-events: none;
}
.cf-input.has-error .cf-input__currency-prefix {
  color: #d92d20;
}
.has-disabled-fields .cf-input--textarea {
  pointer-events: all;
}
.has-disabled-fields .cf-input--textarea textarea {
  pointer-events: all;
}
.has-disabled-fields .cf-input--textarea textarea:placeholder-shown {
  pointer-events: none;
}
.cf-input.cf-input--currency .cf-input__wrap {
  flex-grow: initial;
}
.cf-input.is-field-focused-ring {
  border: 0.0625rem solid #ffa8aa;
  box-shadow: 0 0 0 0.25rem #f6ebff;
}
.cf-input.has-currency-prefix .cf-input__currency-prefix {
  left: 0;
}
.cf-fieldset {
  border: none;
  padding: 0;
  border-radius: 0.5rem;
  position: relative;
}
.cf-fieldset .cf-input,
.cf-fieldset .cf-date-input,
.cf-fieldset .cf-select-box--input .ng-select .ng-select-container,
.cf-fieldset .cf-date-dropdown,
.cf-fieldset input:not([type=file]):not([type=checkbox]):not([type=radio]).cf-form-field--select {
  margin-bottom: 0;
  border-radius: 0;
}
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:first-child .cf-input,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:first-child .cf-fieldset__error-outline,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:first-child .cf-select-box--input .ng-select .ng-select-container,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:first-child .cf-date-picker .cf-date-dropdown,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:first-child .cf-date-input,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:first-child input:not([type=file]):not([type=checkbox]):not([type=radio]).cf-form-field--select,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:first-child .cf-form__item {
  border-top-left-radius: 0.5rem;
}
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:last-child .cf-input,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:last-child .cf-fieldset__error-outline,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:last-child .cf-select-box--input .ng-select .ng-select-container,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:last-child .cf-date-picker .cf-date-dropdown,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:last-child .cf-date-input,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:last-child input:not([type=file]):not([type=checkbox]):not([type=radio]).cf-form-field--select,
.cf-fieldset .cf-fieldset__row:first-child .cf-fieldset__col:last-child .cf-form__item {
  border-top-right-radius: 0.5rem;
}
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:first-child .cf-input,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:first-child .cf-fieldset__error-outline,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:first-child .cf-select-box--input .ng-select .ng-select-container,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:first-child .cf-date-picker .cf-date-dropdown,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:first-child .cf-date-input,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:first-child .cf-time-field,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:first-child input:not([type=file]):not([type=checkbox]):not([type=radio]).cf-form-field--select,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:first-child .cf-form__item {
  border-bottom-left-radius: 0.5rem;
}
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:last-child .cf-input,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:last-child .cf-fieldset__error-outline,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:last-child .cf-select-box--input .ng-select .ng-select-container,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:last-child .cf-date-picker .cf-date-dropdown,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:last-child .cf-date-input,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:last-child .cf-time-field,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:last-child input:not([type=file]):not([type=checkbox]):not([type=radio]).cf-form-field--select,
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__col:last-child .cf-form__item {
  border-bottom-right-radius: 0.5rem;
}
.cf-fieldset .cf-fieldset__row:last-of-type .cf-fieldset__error-outline {
  height: 100%;
}
.cf-fieldset .cf-fieldset__row:not(:last-of-type) .cf-fieldset__col .cf-input:not(.is-field-focused),
.cf-fieldset .cf-fieldset__row:not(:last-of-type) .cf-fieldset__col .cf-select-box--input .ng-select:not(.ng-select-focused.ng-select-opened) .ng-select-container,
.cf-fieldset .cf-fieldset__row:not(:last-of-type) .cf-fieldset__col .cf-date-picker .cf-date-dropdown:not(.is-focused),
.cf-fieldset .cf-fieldset__row:not(:last-of-type) .cf-fieldset__col .cf-date-input:not(.is-field-focused),
.cf-fieldset .cf-fieldset__row:not(:last-of-type) .cf-fieldset__col .cf-time-field {
  border-bottom-color: transparent;
}
.cf-fieldset .cf-fieldset__row:not(:last-of-type) .cf-fieldset__col:not(:last-child) .cf-input:not(.is-field-focused),
.cf-fieldset .cf-fieldset__row:not(:last-of-type) .cf-fieldset__col:not(:last-child) .cf-select-box--input .ng-select:not(.ng-select-focused.ng-select-opened) .ng-select-container,
.cf-fieldset .cf-fieldset__row:not(:last-of-type) .cf-fieldset__col:not(:last-child) .cf-time-field {
  border-right-color: transparent;
}
.cf-fieldset .cf-fieldset__row:not(:last-of-type) .cf-fieldset__col .cf-select-box--input .ng-select .ng-select-container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cf-fieldset .cf-fieldset__row:not(:first-of-type) .cf-fieldset__col .cf-select-box--input .ng-select .ng-select-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:last-child) .cf-input:not(.is-field-focused),
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:last-child) .cf-select-box--input .ng-select:not(.ng-select-focused.ng-select-opened) .ng-select-container,
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:last-child) .cf-date-input:not(.is-field-focused),
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:last-child) .cf-time-field {
  border-right-color: transparent;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:last-child) .cf-select-box--input .ng-select .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:first-child) .cf-select-box--input .ng-select .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col .cf-form__item {
  height: 3.75rem;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col .cf-form__item:not(.cf-form__item--select-sec) {
  border: 0.0625rem solid #d0d5dd;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col .mat-mdc-form-field {
  width: 100%;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col .cf-date-picker {
  width: 100%;
  position: relative;
  z-index: 1;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col .cf-date-picker--reset .mdc-text-field--filled {
  border-radius: 0;
  overflow: unset;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col--width-lg-150 {
  width: 9.375rem;
}
@media screen and (min-width: 1367px) {
  .cf-fieldset .cf-fieldset__row .cf-fieldset__col--width-xxl-200 {
    width: 12.5rem;
  }
}
.cf-fieldset .cf-fieldset__row:not(:first-child) .ng-select-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:last-child) .cf-input:not(.is-field-focused),
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:last-child) .cf-select-box--input .ng-select:not(.ng-select-focused.ng-select-opened) .ng-select-container,
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:last-child) .cf-date-input:not(.is-field-focused) {
  border-right-color: transparent;
}
.cf-fieldset .cf-fieldset__row:not(:first-child) .ng-select-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col {
  position: relative;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col .cf-input.has-error {
  border-color: transparent;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:last-child .cf-fieldset__error-outline {
  width: 100%;
}
.cf-fieldset .cf-fieldset__row .cf-fieldset__col:not(:last-child) .cf-date-picker .cf-date-dropdown:not(.is-focused) {
  border-right-color: transparent;
}
.cf-fieldset .cf-fieldset__row--start-end {
  container-type: inline-size;
}
@container (max-width:617px) {
  .cf-fieldset .cf-fieldset__row--start-end:last-of-type .cf-fieldset__col:first-child .cf-time-field {
    border-bottom-left-radius: 0;
    border-bottom-color: transparent;
    border-right-color: #d0d5dd;
  }
}
@container (max-width:617px) {
  .cf-fieldset .cf-fieldset__row--start-end:last-of-type .cf-fieldset__col:first-child .cf-time-field .flex-grow-containet-md-0 {
    flex-grow: 0 !important;
  }
}
@container (max-width:617px) {
  .cf-fieldset .cf-fieldset__row--start-end:last-of-type .cf-fieldset__col:last-child .cf-time-field {
    border-bottom-left-radius: 0.5rem;
  }
}
@container (max-width:617px) {
  .cf-fieldset .cf-fieldset__row--start-end:last-of-type .cf-fieldset__col:last-child .cf-time-field .flex-grow-containet-md-0 {
    flex-grow: 0 !important;
  }
}
.cf-fieldset .cf-fieldset__error-outline {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  z-index: 1;
  border: 0.0625rem solid #f04438;
  color: transparent;
  font-size: 0;
  pointer-events: none;
  z-index: 2;
}
.cf-fieldset .cf-input input {
  border: 0;
}
.cf-fieldset .cf-time-field {
  border: 0.0625rem solid #d0d5dd;
}
.cf-fieldset.has-error-box:before {
  content: "";
  width: 100%;
  height: calc(100% - 1px);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0.5rem;
  z-index: 1;
  border: 0.0625rem solid #f04438;
  pointer-events: none;
}
.cf-fieldset--single-row cf-input:first-child input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-fieldset--single-row cf-input:first-child .cf-input {
  border-radius: 0.5rem 0 0 0.5rem;
}
.cf-fieldset--single-row cf-input:last-child input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-fieldset--single-row cf-input:last-child .cf-input {
  border-radius: 0 0.5rem 0.5rem 0;
}
.cf-checkbox .cf-checkbox__input {
  display: none;
}
.cf-checkbox .cf-checkbox__input:checked + .cf-checkbox__icon {
  border-color: #fa4c4f;
  background-color: #fa4c4f;
}
.cf-checkbox .cf-checkbox__input:checked + .cf-checkbox__icon svg {
  opacity: 1;
}
.cf-checkbox .cf-checkbox__icon {
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid #d0d5dd;
  transition: all 0.3s ease-in-out;
}
.cf-checkbox .cf-checkbox__icon svg {
  width: 0.875rem;
  height: 0.875rem;
  opacity: 0;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.cf-checkbox--panel {
  padding: 0.625rem 0.875rem;
  gap: 0.25rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #d0d5dd;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.cf-checkbox--panel .cf-checkbox__label {
  color: #475467;
  font-size: 1rem;
  flex-grow: 1;
}
.cf-checkbox--panel:has(.cf-checkbox__input:checked) {
  border-color: #fa4c4f;
  background-color: #fff5f5;
}
.cf-checkbox--panel:has(.cf-checkbox__input:checked) .cf-checkbox__label {
  color: #c73538;
}
.has-disabled-fields .cf-checkbox--panel {
  pointer-events: none;
}
.cf-time-field {
  padding: 0.5rem 0.75rem;
  min-height: 3.75rem;
}
.cf-time-field label.width-30 {
  min-width: 1.875rem;
}
.cf-time-field label.width-55 {
  min-width: 3.4375rem;
}
.has-disabled-fields .cf-time-field {
  background-color: #f9fafb;
  pointer-events: none;
}
.has-disabled-fields .cf-time-field input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  background-color: #f9fafb;
  pointer-events: none;
}
.cf-picker-input {
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid transparent;
}
.cf-picker-input input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  border: none;
  padding: 0;
  height: auto;
  border-radius: 0;
  width: 1.25rem;
}
.cf-picker-input input:not([type=file]):not([type=checkbox]):not([type=radio]).cf-picker-input__period {
  width: 1.5625rem;
}
.cf-picker-input .cf-time-field__colon {
  line-height: 0.9375rem;
}
.cf-picker-input--date input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  width: 6.25rem;
  font-size: 1rem;
  color: #101828;
}
.cf-picker-input--date .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding: 0;
  margin-bottom: 0;
  min-height: auto;
}
.cf-picker-input--date .mat-mdc-form-field-flex {
  border: none;
}
.cf-picker-input--date .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.cf-picker-input--date .mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay {
  background-color: transparent;
}
.cf-picker-input--focused {
  border: 0.0625rem solid #ffa8aa;
  box-shadow: 0 0 0 0.25rem #f6ebff;
}
.cf-radio-group .cf-radio {
  opacity: 1;
}
.cf-date-input {
  border: 0.0625rem solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
  border-radius: 0.5rem;
  position: relative;
}
.cf-date-input input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  border: none;
  height: 3.75rem;
}
.cf-date-input .cf-date-input__label {
  position: absolute;
  top: 50%;
  left: 0.875rem;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.cf-date-input.has-value .cf-date-input__label {
  font-size: 0.625rem;
  top: 0.625rem;
  transform: none;
}
.cf-date-input.has-value input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  padding-top: 1.5625rem;
}
.cf-date-input.is-field-focused {
  border: 0.0625rem solid #ffa8aa;
  box-shadow: 0 0 0 0.25rem #ffe8e8, 0 0.0625rem 0.125rem rgba(16, 24, 40, 0.0509803922);
}
.cf-radio-group .cf-radio {
  opacity: 1;
}
.cf-date-input {
  border: 0.0625rem solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
  border-radius: 0.5rem;
  position: relative;
}
.cf-date-input input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  border: none;
  height: 3.75rem;
}
.cf-date-input .cf-date-input__label {
  position: absolute;
  top: 50%;
  left: 0.875rem;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.cf-date-input.has-value .cf-date-input__label {
  font-size: 0.625rem;
  top: 0.625rem;
  transform: none;
}
.cf-date-input.has-value input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  padding-top: 1.5625rem;
}
.cf-date-input.is-field-focused {
  border: 0.0625rem solid #ffa8aa;
  box-shadow: 0 0 0 0.25rem #ffe8e8, 0 0.0625rem 0.125rem rgba(16, 24, 40, 0.0509803922);
}
.has-disabled-fields .is-field-focused {
  border-color: #d0d5dd;
  box-shadow: none;
}
.has-disabled-fields cf-timelog-form {
  pointer-events: none;
}
.cf-search-input input:not([type=file]):not([type=checkbox]):not([type=radio]),
.cf-search-input select,
.cf-search-input textarea {
  padding: 0.1875rem 0.4375rem;
  height: 1.75rem;
  font-size: 0.875rem;
  border-color: #eaecf0;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
}
.cf-search-input input:not([type=file]):not([type=checkbox]):not([type=radio])::placeholder,
.cf-search-input select::placeholder,
.cf-search-input textarea::placeholder {
  color: #98a2b3;
}
.cf-search-input input:not([type=file]):not([type=checkbox]):not([type=radio])::-webkit-search-cancel-button,
.cf-search-input select::-webkit-search-cancel-button,
.cf-search-input textarea::-webkit-search-cancel-button {
  width: 0.875rem;
  height: 0.875rem;
}
.cf-form .cf-form__footer .cf-form__footer-panel {
  padding-top: 1.5rem;
  border-top: 0.0625rem solid #eaecf0;
}
.cf-form .cf-form__footer--sticky {
  position: sticky;
  bottom: 0;
  z-index: 2;
  background-color: #ffffff;
  padding: 0 1.5rem 1.5rem;
}
.cf-form--log-time-modal .cf-form__footer {
  padding-inline: 0;
}
.cf-form--log-time-modal .cf-form__footer .cf-form__footer-panel {
  padding-top: 1rem;
  border-top: none;
}
.cf-combo-box-field {
  border-radius: 0.375rem;
  border: 0.0625rem solid #eaecf0;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
  height: 2.25rem;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.cf-combo-box-field .cf-combo-box-wrapper {
  padding: 0.25rem 0.75rem;
}
.cf-combo-box-field .cf-combo-box-field__text {
  color: #98a2b3;
  transition: all 0.3s ease-in-out;
}
.cf-combo-box-field--settings:hover {
  background-color: #eaecf0;
}
.cf-combo-box-field--settings:hover .cf-combo-box-field__text {
  color: #475467;
}
.cf-combo-box-field--settings cf-combo-box {
  height: 100%;
}
.cf-combo-box-field--settings .cf-combo-box-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
@container (min-width: 701px) {
  .cf-create-drawer-form .cf-form--customer > div {
    margin-top: 2rem;
  }
}
.cf-create-drawer-form .cf-create-block__footer-row {
  padding-block: 1.5rem !important;
}
.l-btn {
  font-size: 1em;
  line-height: 140%;
  font-weight: 500;
  padding: 0.625rem 1rem;
  border-radius: var(--border-radius);
  border: 0.0625rem solid var(--primary-600);
  background-color: var(--primary-600);
  background-image: var(--gradient-primary-60050090-deg, linear-gradient(90deg, #fa4c4f 0%, #e04346 100%));
  color: var(--white);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
  -webkit-appearance: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  background-size: 300% 100%;
  outline: none;
}
.l-btn[disabled] {
  border: 0.0625rem solid var(--primary-200);
  background-color: var(--primary-100);
  background-image: none;
  color: var(--primary-700);
  cursor: not-allowed;
}
.l-btn:hover,
.l-btn:focus {
  background-position: 98% 0;
}
.l-btn.has-hover-primary svg path {
  transition: 0.3s ease-in-out;
}
.l-btn.has-hover-primary:hover {
  background-color: var(--primary-50);
  color: var(--primary-800);
}
.l-btn.has-hover-primary:hover svg path {
  stroke: var(--primary-800);
}
.l-btn.has-hover-text {
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.l-btn.has-hover-text:hover,
.l-btn.has-hover-text:focus {
  color: var(--primary-800);
  background-color: transparent;
}
.l-btn--fill-stroke svg path {
  transition: 0.3s ease-in-out;
}
.l-btn--fill-stroke:hover svg path,
.l-btn--fill-stroke:focus svg path {
  stroke: var(--primary-800);
  fill: var(--primary-800);
}
.l-btn--stroke svg path {
  transition: 0.3s ease-in-out;
}
.l-btn--stroke:hover svg path,
.l-btn--stroke:focus svg path {
  stroke: var(--primary-800);
}
.l-btn--lg {
  font-size: 1.125rem;
  padding: 1rem 1.125rem;
}
.l-btn--sm-size {
  font-size: 0.875rem;
  padding: 0.5625rem 1rem;
}
.l-btn--xsm {
  padding: 0.1875rem 0.6875rem;
}
.l-btn--light {
  background: var(--white);
  border-color: var(--gray-300);
  color: var(--gray-700);
}
.l-btn--light:hover,
.l-btn--light:focus {
  background: var(--gray-100);
}
.l-btn--error {
  background: var(--white);
  color: var(--error-700);
  border-color: var(--error-300);
}
.l-btn--error:hover,
.l-btn--error:focus {
  background: var(--error-100);
}
.l-btn--block {
  display: block;
  width: 100%;
}
.l-btn--fluid {
  width: 100%;
}
.l-btn--flex {
  display: flex;
}
.l-btn--icon i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.l-btn--icon-right {
  padding-right: 2.75rem;
  display: inline-flex;
  align-items: center;
}
.l-btn--icon-right i {
  right: 1rem;
}
.l-btn--icon-right .btn-loader {
  display: inline-block;
  margin: 0;
}
.l-btn--icon-left {
  padding-left: 2.75rem;
}
.l-btn--icon-left i {
  left: 1rem;
}
.l-btn--icon-left.l-btn--sml {
  padding: 0.5rem 0.875rem 0.5rem 2.4375rem;
  font-size: 0.7875rem;
  border-radius: 0.4375rem;
  font-weight: 400;
}
.l-btn--icon-left.l-btn--sml i img {
  width: 1.125rem;
}
.l-btn--icon-sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.l-btn--reset {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--gray-600);
  padding: 0.625rem;
}
.l-btn--reset i {
  width: 1.25rem;
  height: 1.25rem;
}
.l-btn--reset.l-btn--icon-left {
  padding-left: 2.6875rem;
}
.l-btn--back {
  padding: 0.625rem 1rem 0.625rem 2.75rem;
}
.l-btn--back:hover i,
.l-btn--back:focus i {
  left: 0.75rem;
}
.l-btn--back i {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.l-btn--close {
  border-radius: 50%;
}
.l-btn--close:hover,
.l-btn--close:focus {
  background-color: var(--gray-100);
}
.l-btn--primary-text {
  border: 0.0625rem solid var(--primary-200);
  background: var(--primary-50);
  color: var(--primary-700);
}
.l-btn--primary-text:hover,
.l-btn--primary-text:focus {
  background: var(--gray-50);
}
.l-btn--link {
  color: var(--primary-700);
  padding: 0;
}
.l-btn--link:not(:last-child) {
  margin-right: 1.5rem;
}
.l-btn--link:hover,
.l-btn--link:focus {
  color: var(--black);
}
.l-btn--arrow {
  background: var(--white);
}
.l-btn--arrow:hover,
.l-btn--arrow:focus {
  background: var(--primary-50);
}
.l-btn--transparent {
  color: var(--gray-600);
  background: transparent;
  border: none;
  box-shadow: none;
}
.l-btn--transparent svg path {
  transition: 0.3s ease-in-out;
}
.l-btn--transparent:hover,
.l-btn--transparent:focus {
  color: var(--primary-600);
}
.l-btn--transparent:hover svg path,
.l-btn--transparent:focus svg path {
  stroke: var(--primary-600);
}
.l-btn--border-0 {
  border: none !important;
  box-shadow: none;
}
.l-btn--badge {
  background: var(--white);
  font-size: 0.75rem;
  line-height: 140%;
  color: var(--gray-700);
  font-weight: 500;
  padding: 0.1875rem 0.5rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--gray-300);
}
.l-btn--badge:hover {
  background: var(--gray-100);
}
.l-btn--sm {
  font-size: 0.875rem;
  padding: 0.5rem 0.875rem;
}
.l-btn--sm.l-btn--icon-left {
  padding-left: 2.625rem;
}
.l-btn--sm.l-btn--icon-right {
  padding-right: 2.625rem;
}
.l-btn--sml {
  font-size: 0.875rem;
  padding: 0.4375rem 0.9375rem;
}
.l-btn--text {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--gray-600);
  padding: 0.625rem;
  font-size: 0.875rem;
}
.l-btn--text.l-btn--icon-left {
  padding-left: 2.8125rem;
}
.l-btn--text:hover,
.l-btn--text:focus {
  background-color: var(--gray-200);
}
.l-btn--text-sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.l-btn--text-primary {
  color: var(--primary-700);
}
.l-btn--text-primary:hover,
.l-btn--text-primary:focus {
  background-color: var(--primary-50);
}
.l-btn--text-primary--border-0 {
  border: none;
  box-shadow: none;
}
.l-btn--gradient-primary span {
  background: var(--gradient-primary-70060045-deg, linear-gradient(45deg, #e04346 0%, #fa4c4f 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.l-btn--gradient-primary-90-deg {
  background: var(--gradient-primary-90-deg, linear-gradient(90deg, #fa4c4f 0%, #fa4c4f 80%));
  background-size: 150%;
}
.l-btn--gradient-primary-90-deg:hover,
.l-btn--gradient-primary-90-deg:focus {
  background-position: 70%;
}
.l-btn--xs {
  font-size: 0.75rem;
}
.l-btn--primary-200 {
  border-color: var(--primary-200);
  background: var(--primary-50);
  color: var(--primary-700);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.l-btn--primary-200:hover {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
  color: var(--white);
}
.l-btn-icon {
  background-color: transparent;
  border: none;
  padding: 0.625rem;
  border-radius: 0.5rem;
  cursor: pointer;
  min-width: 1.25rem;
  transition: 0.3s ease-in-out;
}
.l-btn-icon--md {
  padding: 0.5rem;
}
.l-btn-icon--sm {
  padding: 0.25rem;
}
.l-btn-icon--xs {
  padding: 0.125rem;
}
.l-btn-icon--light {
  background-color: var(--white);
}
.l-btn-icon--light:hover,
.l-btn-icon--light:focus {
  background-color: var(--gray-50);
}
.l-btn-icon:hover,
.l-btn-icon:focus {
  background-color: var(--gray-100);
}
.l-btn-icon-block {
  border-radius: 0.75rem;
  border: 1px solid var(--gray-200);
  background: var(--white);
  display: block;
  padding: 1.5rem;
  width: 100%;
  font-size: 1rem;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.l-btn-icon-block:hover,
.l-btn-icon-block:focus {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.l-btn-icon-block.is-active {
  border-color: var(--primary-400);
}
.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.is-disabled.input-combo__item {
  opacity: 0.6;
}
.button-group {
  border-radius: 0.5rem;
}
.button-group button {
  background-color: var(--gray-50);
  flex-grow: 1;
  font-size: 0.875rem;
}
.button-group button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.button-group button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.button-group button + button {
  margin-left: 0;
}
.button-group button.is-active {
  background-color: var(--white);
}
.button-group button.is-active span {
  background: var(--gradient-primary-70060045-deg, linear-gradient(45deg, #e04346 0%, #fa4c4f 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button-group button.is-active svg path {
  fill: url(#task-tab-gradient);
}
.button-group + .form__item {
  margin-top: 0.8125rem;
  min-height: auto;
  font-size: 0.875rem;
}
.button-group--text button {
  color: var(--gray-400);
}
.button-group--text button.is-active {
  background: var(--gradient-primary-70060045-deg, linear-gradient(45deg, #e04346 0%, #fa4c4f 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-with-loader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-loader {
  margin-right: 8px;
}
.l-nav-arrows {
  border: 0.0625rem solid var(--gray-300);
  border-radius: 0.5rem;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
  background-color: var(--white);
  overflow: hidden;
}
.l-nav-arrows .l-btn-icon {
  padding: 0.625rem 0.75rem;
  border-radius: 0;
}
.l-nav-arrows .l-btn-icon:hover,
.l-nav-arrows .l-btn-icon:focus {
  background-color: var(--primary-50);
}
.l-nav-arrows .l-btn-icon + button {
  margin: 0;
  border-left: 0.0625rem solid var(--gray-300);
}
.l-nav-arrows .l-btn-icon--sm {
  padding: 0.5rem 0.6875rem;
}
.l-nav-arrows--light .l-btn-icon:hover,
.l-nav-arrows--light .l-btn-icon:focus {
  background-color: var(--gray-100);
}
.cf-button:disabled {
  pointer-events: none;
}
.cf-button--block {
  width: 100%;
}
.cf-button--width-140 {
  min-width: 8.75rem;
}
.cf-button--width-170 {
  width: 10.625rem;
}
.cf-button--width-280 {
  width: 17.53125rem;
}
.cf-button--no-border {
  border: none;
}
.cf-button.has-hover-primary:hover {
  background-color: #fff5f5;
  color: #c73538;
}
.cf-button--task-tags {
  margin: 0rem 0.25rem 0.25rem 0.25rem;
  max-width: 22.875rem;
  border-radius: 0.5rem 0.5rem 0rem 0rem !important;
}
.cf-button--task-tags .cf-button-icon svg path {
  stroke: #fa4c4f;
  fill: #fa4c4f;
}
.cf-button--clear-tags {
  background-color: #ffffff !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.cf-button--customer-drawer {
  min-height: 3.75rem;
  min-width: 4.25rem;
}
.cf-button--custom-date {
  border-color: #ffd0d1 !important;
  background-color: #fff5f5 !important;
  box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05) !important;
  color: #e04346 !important;
}
.cf-button--export-time {
  width: 9.875rem;
}
.cf-button.cf-button--link-gray.has-hover-bg:hover {
  background-color: #f2f4f7;
}
.cf-button.cf-button--link-gray.has-hover-bg:focus-visible {
  background-color: #eaecf0;
}
.cf-button.cf-button--fill-stroke svg path {
  transition: 0.3s ease-in-out;
}
.cf-button.cf-button--fill-stroke:hover svg path,
.cf-button.cf-button--fill-stroke:focus svg path {
  stroke: #c73538;
  fill: #c73538;
}
.cf-button.cf-button--stroke svg path {
  transition: 0.3s ease-in-out;
}
.cf-button.cf-button--stroke:hover svg path,
.cf-button.cf-button--stroke:focus svg path {
  stroke: #c73538;
}
.cf-button.has-hover-text {
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.cf-button.has-hover-text:hover,
.cf-button.has-hover-text:focus {
  color: #c73538;
  background-color: transparent;
}
.cf-button--border-0 {
  border: none !important;
}
.cf-button-reset {
  background-color: transparent;
  border: none;
}
.cf-button-reset--default-600 {
  color: #475467;
}
.cf-button-reset--default-600:hover,
.cf-button-reset--default-600:focus {
  color: #101828;
}
.cf-button-reset--default-900 {
  color: #101828;
}
.cf-button-reset--default-900:hover,
.cf-button-reset--default-900:focus {
  color: #c73538;
}
.cf-button-reset.has-underline {
  text-decoration: underline;
  text-underline-offset: 0.0625rem;
}
.cf-button-icon {
  background-color: transparent;
  border: none;
  padding: 0.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  color: #475467;
}
.cf-button-icon:hover,
.cf-button-icon:focus-visible {
  background-color: #f2f4f7;
  color: #1d2939;
}
.cf-button-icon--xxs {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.125rem;
}
.cf-button-icon--xs {
  width: 1.75rem;
  height: 1.75rem;
}
.cf-button-icon--md {
  width: 2.25rem;
  height: 2.25rem;
}
.cf-button-icon--lg {
  width: 2.5rem;
  height: 2.5rem;
}
.cf-button-icon--default-100:hover,
.cf-button-icon--default-100:focus-visible {
  background-color: #d0d5dd;
}
.cf-button-icon--default-900 {
  background-color: #101828;
  color: #ffffff;
}
.cf-button-icon--default-900:hover,
.cf-button-icon--default-900:focus-visible {
  background-color: #1d2939;
  color: #ffffff;
}
.cf-button-icon--default-500 {
  color: #667085;
}
.cf-button-icon--primary-600 {
  padding: 0rem;
  color: #fa4c4f;
}
.cf-button-icon--fav {
  color: #667085;
  transition: background-color 0.3s ease-in-out;
}
.cf-button-icon--fav.is-active {
  color: #fdb022;
}
.cf-button-icon--fav.is-active svg {
  fill: #fdb022;
}
.cf-button-icon--bg-default-200 {
  background-color: #eaecf0;
}
.cf-button-icon--bg-default-200:hover,
.cf-button-icon--bg-default-200:focus-visible {
  background-color: #eaecf0;
}
.cf-button-icon--text-default-500 {
  color: #667085;
}
.cf-button-icon--text-default-600 {
  color: #475467;
}
.cf-button-icon--primary-circle {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 6.25rem;
  background-color: #ffe8e8;
  color: #fa4c4f;
  padding: 0;
}
.cf-button-icon--primary-circle:hover {
  background-color: #ffd0d1;
}
.cf-button-icon--primary-circle:focus-visible {
  background-color: #fff5f5;
}
.cf-button-icon--secondary-gray {
  border: 0.0625rem solid #eaecf0;
  background-color: #ffffff;
  color: #98a2b3;
}
.cf-button-icon--secondary-gray:hover {
  color: #667085;
}
.cf-button-icon--secondary-gray:hover:focus-visible {
  background-color: #f2f4f7;
}
.cf-button-icon--secondary-gray.is-active {
  border: 0.0625rem solid #ff7376;
  background-color: #fff5f5;
  color: #e04346;
}
.cf-button-icon--secondary-gray.is-active:focus-visible {
  background-color: #ffd0d1;
}
.cf-button-icon--primary-fill {
  border: 0.0625rem solid #fa4c4f;
  background: #fa4c4f;
  color: #ffffff;
}
.cf-button-icon--primary-fill:hover {
  background-color: #fa4c4f;
}
.cf-button-icon--primary-fill:focus-visible {
  background-color: #fa4c4f;
}
.cf-button-icon--disabled {
  background-color: transparent;
  pointer-events: none;
}
.cf-button-icon--disabled svg path {
  stroke: #d0d5dd;
}
.cf-btn-reset {
  background-color: transparent;
  border: none;
}
.cf-btn-reset--danger {
  color: #d92d20;
}
.cf-btn-reset--danger:hover,
.cf-btn-reset--danger:focus {
  color: #b42318;
}
.cf-btn-reset.has-hover:hover,
.cf-btn-reset.has-hover:focus {
  background-color: #f2f4f7;
  color: #1d2939;
}
.cf-notification-actions .cf-button-icon {
  margin: 0;
  background-color: #eaecf0;
  color: #667085;
}
.cf-notification-actions .cf-button-icon.is-active {
  background-color: #ffffff;
  color: #fa4c4f;
  display: block;
}
.cf-notification-actions .cf-button-icon.is-active svg {
  fill: #fa4c4f;
}
.cf-button-group-base {
  background: #ffffff;
  color: #667085;
  padding: 0.3125rem;
  border: none;
}
.cf-button-group-base + .cf-button-group-base {
  margin-left: 0;
}
.cf-button-group-base:hover {
  background: #f9fafb;
  color: #475467;
}
.cf-button-group-base:focus-visible {
  background: #ffffff;
  color: #667085;
}
.cf-button-group {
  border-radius: 0.5rem;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
  background-color: #ffffff;
  overflow: hidden;
  border: 0.0625rem solid #eaecf0;
}
.cf-button-group button {
  background-color: #ffffff;
  flex-grow: 1;
  font-size: 0.875rem;
  font-weight: 600;
  color: #667085;
}
.cf-button-group button:not(:last-child) {
  border-right: 0.0625rem solid #eaecf0;
}
.cf-button-group button:not(:last-child):not(:last-child) {
  border-radius: 0;
}
.cf-button-group button + button {
  margin-left: 0;
}
.cf-button-group button.is-active {
  background-color: var(--white);
}
.cf-button-group button.is-active span {
  background: var(--gradient-primary-70060045-deg, linear-gradient(45deg, #e04346 0%, #fa4c4f 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cf-button-group button.is-active svg path {
  fill: url(#task-tab-gradient);
}
.cf-button-group + .cf-form__item {
  margin-top: 0.8125rem;
  min-height: auto;
  font-size: 0.875rem;
}
.cf-button-group--text button {
  color: #667085;
  padding: 0.1875rem 0.3125rem;
}
.cf-button-group--text button.is-active {
  background: var(--gradient-primary-70060045-deg, linear-gradient(45deg, #e04346 0%, #fa4c4f 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cf-file-preview-btn {
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 0.5rem;
  padding: 0.25rem;
  min-width: 2rem;
  min-height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  color: #ffffff;
  transition: background-color 0.2s;
}
.cf-file-preview-btn:hover,
.cf-file-preview-btn:focus {
  background-color: rgba(255, 255, 255, 0.05);
}
.cf-file-preview-btn.has-outline {
  border: 0.0625rem solid rgba(249, 250, 251, 0.08);
}
.cf-file-preview-btn svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.cf-file-preview-btn svg path {
  stroke: #f2f4f7;
  transition: 0.3s ease-in-out;
}
.cf-file-preview-btn--video {
  width: 1.75rem;
  height: 1.75rem;
}
.cf-file-preview-btn--video:hover,
.cf-file-preview-btn--video:focus {
  background-color: rgba(0, 0, 0, 0.3);
}
.cf-file-preview-btn--dropdown {
  position: relative;
  min-width: 1.875rem;
  width: auto;
  padding: 0 0.25rem;
}
.cf-file-preview-btn--dropdown:hover,
.cf-file-preview-btn--dropdown:focus {
  background-color: rgba(0, 0, 0, 0.3);
}
.container {
  padding: 0 0.9375rem;
}
.row--gap {
  row-gap: var(--row-gap);
}
.row--custom {
  margin-left: calc(var(--row-gap) / 2 * -1);
  margin-right: calc(var(--row-gap) / 2 * -1);
}
.row--custom [class^=col] {
  padding-left: calc(var(--row-gap) / 2);
  padding-right: calc(var(--row-gap) / 2);
}
@media screen and (max-width: 991px) {
  .row--md-gap {
    row-gap: 0.75rem;
  }
}
@container (max-width: 600px) {
  .row .col-sm-container-12 {
    flex-basis: 100%;
    max-width: unset;
  }
}
@container (max-width: 600px) {
  .row.has-container-query .col-md-8,
  .row.has-container-query .col-md-4 {
    flex-basis: 100%;
    max-width: unset;
  }
}
@media screen and (min-width: 768px) {
  .row--create-page .col-3 {
    flex: 0 0 22%;
    max-width: 22%;
  }
}
@media screen and (min-width: 768px) {
  .row--create-page .col-9 {
    flex: 0 0 78%;
    max-width: 78%;
  }
}
.row--task-detail-header {
  container-type: inline-size;
}
@container (max-width:550px) {
  .row--task-detail-header .col-md-8 {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@container (max-width:550px) {
  .row--task-detail-header .col-md-4 {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.section--main {
  border-radius: 1.125rem 0 0 0;
  background:
    linear-gradient(
      180deg,
      var(--gray-50) 0%,
      var(--gray-100) 100%);
  min-height: calc(100vh - 68px);
  display: flex;
  flex-direction: column;
}
.section--profile,
.section--light {
  background: var(--white);
}
.section--tasks {
  padding-bottom: 3rem;
}
.section--scroll {
  height: 100vh;
  overflow: auto;
}
.main-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.main-wrapper .main-header.has-curve {
  position: relative;
}
.main-wrapper .main-header.has-curve:after {
  content: "";
  position: absolute;
  display: block;
  width: 36px;
  height: 36px;
  background-color: transparent;
  box-shadow: 0 -18px 0 0 var(--gray-200);
  z-index: 99999;
  margin-top: 0;
  bottom: -36px;
  left: 0px;
  border-top-left-radius: 18px;
  pointer-events: none;
}
.main-wrapper .main-header.has-curve .rp.page-header {
  background-color: var(--gray-200);
  z-index: 999999;
  position: relative;
}
.main-wrapper .main-content {
  overflow: auto;
  flex-grow: 1;
  background:
    linear-gradient(
      180deg,
      #f9fafb 0%,
      #f2f4f7 100%);
  scrollbar-gutter: stable;
}
.main-wrapper .main-content > section {
  height: auto;
  min-height: 100%;
}
.main-wrapper .main-content > section.section--scroll {
  height: 100vh;
}
.main-wrapper .main-content.has-fake-scroll {
  overflow: scroll;
}
.main-wrapper .main-content--gray-50 {
  background: var(--gray-50);
}
.main-wrapper .main-content--gray-50 .section--main {
  background: var(--gray-50);
}
.cf-main-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.cf-main-wrapper .cf-main-content {
  overflow: auto;
  scrollbar-gutter: stable;
}
.rp.auth .l-title {
  font-weight: 500;
}
.rp.auth .l-title--xl {
  color: var(--gray-700);
}
.rp.auth .l-title--xl + p {
  color: var(--gray-500);
}
.rp.auth .l-title--xl + * {
  margin-top: 2.625rem;
}
.rp.auth .auth__label {
  margin-bottom: 0.75rem;
  font-size: 1em;
}
.cf-login-header {
  margin-bottom: 1.75rem;
}
.cf-login-header h1 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gray-900);
  letter-spacing: -0.02em;
  margin: 0 0 0.375rem;
  line-height: 1.2;
}
.cf-login-header p {
  font-size: 0.875rem;
  color: var(--gray-500);
  margin: 0;
}
.cf-login-forgot {
  display: block;
  font-size: 0.8125rem;
  color: var(--gray-400);
  text-decoration: none;
  margin-top: 0.5rem;
  transition: color 0.15s ease;
}
.cf-login-forgot:hover {
  color: var(--text-brand, var(--primary-600));
}
.wrg-page-body {
  display: grid;
  gap: var(--space-5);
  padding: var(--space-6) var(--space-8);
}
.wrg-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8) 0;
}
.wrg-page-header__copy {
  min-width: 0;
}
.wrg-page-header__title {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--text-2xl);
  font-weight: var(--weight-semibold);
  letter-spacing: -0.02em;
  line-height: var(--leading-tight);
}
.wrg-page-header__subtitle {
  margin: var(--space-2) 0 0;
  color: var(--text-secondary);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
}
.wrg-page-header__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.wrg-search-field {
  display: grid;
  gap: var(--space-2);
  max-width: 420px;
  width: 100%;
}
.wrg-search-field__label {
  color: var(--text-secondary);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
}
.wrg-search-field__input {
  min-height: 40px;
  padding: 0 var(--space-3);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--surface-card-white);
  color: var(--text-primary);
  font: inherit;
  outline: none;
  transition: border-color var(--duration-base) var(--ease-default), box-shadow var(--duration-base) var(--ease-default);
}
.wrg-search-field__input::placeholder {
  color: var(--text-placeholder);
}
.wrg-search-field__input:focus {
  border-color: var(--border-focus);
  box-shadow: var(--shadow-focus);
}
.wrg-card {
  background: var(--surface-card-white);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.wrg-card--flush {
  padding: 0;
}
.wrg-table-wrap {
  overflow-x: auto;
}
.wrg-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.wrg-table th,
.wrg-table td {
  padding: var(--space-3) var(--space-5);
  border-bottom: 1px solid var(--border-default);
  vertical-align: middle;
}
.wrg-table th {
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wrg-table td {
  color: var(--text-secondary);
  font-size: var(--text-base);
}
.wrg-table__truncate {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrg-table__primary {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-weight: var(--weight-medium);
}
.wrg-table tbody tr {
  transition: background-color var(--duration-fast) var(--ease-default);
}
.wrg-table tbody tr:hover {
  background: var(--surface-sunken);
}
.wrg-table tbody tr:last-child td {
  border-bottom: 0;
}
.wrg-table__action-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-brand);
  cursor: pointer;
  font: inherit;
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  text-decoration: none;
}
.wrg-table__action-link:hover {
  color: var(--text-brand-hover);
}
.wrg-table-state {
  margin: 0;
  padding: var(--space-8);
  color: var(--text-secondary);
  text-align: center;
}
.wrg-empty {
  padding: var(--space-12) var(--space-6);
  text-align: center;
}
.wrg-empty__title {
  margin: 0 0 var(--space-2);
  color: var(--text-primary);
  font-size: var(--text-lg);
  font-weight: var(--weight-semibold);
}
.wrg-empty__description {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--text-base);
}
.cf-project-set-page__empty {
  padding: var(--space-10) var(--space-6);
  border: 1px dashed var(--border-default);
  border-radius: var(--radius-card);
  background: var(--surface-card-white);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cf-project-set-page__empty {
    padding: var(--space-6) var(--space-4);
  }
}
.cf-project-set-page__empty-title {
  margin: 0 0 var(--space-2);
  color: var(--text-primary);
  font-size: var(--text-md);
  font-weight: var(--weight-semibold);
}
.cf-project-set-page__empty-description {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.cf-project-set-workspace {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-4) 0;
}
.cf-project-set-workspace__controls {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--space-4);
  align-items: stretch;
}
.cf-project-set-workspace__create-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: 100%;
  margin: 0;
  padding: 0.875rem 1rem;
  border: 0;
  border-radius: var(--radius-card);
  background: var(--primary-600);
  color: var(--text-on-brand, #fff);
  cursor: pointer;
  font: inherit;
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  transition: opacity var(--duration-base) var(--ease-default), transform var(--duration-base) var(--ease-default);
}
.cf-project-set-workspace__create-btn:hover:not(:disabled) {
  opacity: 0.92;
  transform: translateY(-1px);
}
.cf-project-set-workspace__create-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  transform: none;
}
.cf-project-set-workspace__create-btn:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}
.cf-project-set-workspace__create-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  font-size: 1.125rem;
  line-height: 1;
  font-weight: var(--weight-semibold);
}
.cf-project-set-workspace__sets {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.cf-project-set-table__header,
.cf-project-set-table__row {
  display: grid;
  grid-template-columns: minmax(7.5rem, 1.15fr) minmax(7.5rem, 1fr) minmax(7.5rem, 0.85fr) 3rem;
  column-gap: var(--space-4);
  align-items: center;
  min-width: 42.5rem;
  padding: var(--space-4);
}
@media screen and (max-width: 767px) {
  .cf-project-set-table__header,
  .cf-project-set-table__row {
    grid-template-columns: 1fr;
    gap: var(--space-2);
    min-width: 0;
    padding: var(--space-4);
  }
}
.cf-project-set-table__header {
  border: 1px solid var(--border-subtle, var(--border-default));
  border-bottom: 1px solid var(--border-subtle, var(--border-default));
  border-radius: var(--radius-card) var(--radius-card) 0 0;
  background-color: var(--surface-page, #fafafa);
}
.has-table-header .cf-project-set-table__header {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .cf-project-set-table__header {
    display: none;
  }
}
.cf-project-set-table__head {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: left;
}
.cf-project-set-table__head--action {
  text-align: center;
}
.cf-project-set-table__row {
  border-right: 1px solid var(--border-subtle, var(--border-default));
  border-left: 1px solid var(--border-subtle, var(--border-default));
  border-bottom: 1px solid var(--border-subtle, var(--border-default));
  background: var(--surface-card-white);
  transition: background var(--duration-base) var(--ease-default);
}
.cf-project-set-table__row:last-child {
  border-radius: 0 0 var(--radius-card) var(--radius-card);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01), 0 10px 20px -5px rgba(0, 0, 0, 0.02);
}
.cf-project-set-table__row:hover {
  background: var(--surface-page, #fafafa);
}
.cf-project-set-table__row.is-readonly {
  opacity: 0.92;
}
@media screen and (max-width: 767px) {
  .cf-project-set-table__row {
    margin-bottom: var(--space-3);
    border: 1px solid var(--border-subtle, var(--border-default));
    border-radius: var(--radius-card);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01), 0 10px 20px -5px rgba(0, 0, 0, 0.02);
  }
  .cf-project-set-table__row:last-child {
    margin-bottom: 0;
  }
}
.cf-project-set-table__cell {
  min-width: 0;
}
.cf-project-set-table__cell--name,
.cf-project-set-table__cell--customer {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .cf-project-set-table__cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1);
  }
  .cf-project-set-table__cell::before {
    color: var(--text-muted);
    content: attr(data-label);
    font-size: 0.625rem;
    font-weight: var(--weight-semibold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
  .cf-project-set-table__cell--action::before {
    content: "Action";
  }
  .cf-project-set-table__cell--name::before {
    content: "Project set";
  }
  .cf-project-set-table__cell--customer::before {
    content: "Customer";
  }
  .cf-project-set-table__cell--invoice::before {
    content: "Invoice";
  }
}
.cf-project-set-table__cell--action {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.75rem;
}
@media screen and (max-width: 767px) {
  .cf-project-set-table__cell--action {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
}
.cf-project-set-table__cell--name {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--text-md);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  text-align: left;
}
.cf-project-set-table__cell--customer {
  color: var(--text-secondary);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  text-align: left;
}
.cf-project-set-table__cell--invoice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  min-width: 0;
  overflow: hidden;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .cf-project-set-table__cell--invoice {
    align-items: flex-start;
  }
}
.cf-project-set-table__text {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf-project-set-table__status {
  color: var(--text-muted);
  font-size: 0.6875rem;
  font-style: italic;
  font-weight: var(--weight-medium);
  line-height: var(--leading-snug);
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .cf-project-set-table__status {
    text-align: right;
  }
}
.cf-project-set-table__badge {
  flex-shrink: 0;
  color: var(--primary-600);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-normal);
  white-space: nowrap;
}
.cf-project-set-table__meta {
  color: var(--text-muted);
  font-size: 0.6875rem;
  line-height: var(--leading-snug);
  text-align: left;
}
.cf-project-set-table__meta strong {
  color: var(--text-primary);
  font-weight: var(--weight-semibold);
}
.cf-project-set-table__edit-btn {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  padding: 0;
  border: 1px solid var(--primary-200);
  border-radius: 50%;
  background: var(--primary-50);
  color: var(--primary-600);
  --icon-stroke: currentColor;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: var(--weight-semibold);
  line-height: 1;
  box-sizing: border-box;
  transition:
    background var(--duration-base) var(--ease-default),
    border-color var(--duration-base) var(--ease-default),
    transform var(--duration-base) var(--ease-default);
}
.cf-project-set-table__edit-btn-icon {
  display: block;
}
.cf-project-set-table__edit-btn:hover:not(:disabled) {
  background: var(--primary-100);
  border-color: var(--primary-300);
  transform: scale(1.05);
}
.cf-project-set-table__edit-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.cf-project-set-page--role-mapping .cf-project-set-table__header,
.cf-project-set-page--role-mapping .cf-project-set-table__row {
  grid-template-columns: minmax(7.5rem, 1.15fr) minmax(6.25rem, 0.85fr) minmax(6.25rem, 0.85fr) minmax(6.25rem, 0.85fr) minmax(6.25rem, 0.85fr) 3rem;
  min-width: 57.5rem;
}
@media screen and (max-width: 767px) {
  .cf-project-set-page--role-mapping .cf-project-set-table__header,
  .cf-project-set-page--role-mapping .cf-project-set-table__row {
    grid-template-columns: 1fr;
    min-width: 0;
  }
}
.cf-project-set-page--role-mapping .cf-project-set-table__cell--space,
.cf-project-set-page--role-mapping .cf-project-set-table__cell--pm,
.cf-project-set-page--role-mapping .cf-project-set-table__cell--am,
.cf-project-set-page--role-mapping .cf-project-set-table__cell--bd {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .cf-project-set-page--role-mapping .cf-project-set-table__cell--name::before {
    content: "ClickUp project";
  }
  .cf-project-set-page--role-mapping .cf-project-set-table__cell--space::before {
    content: "Space";
  }
  .cf-project-set-page--role-mapping .cf-project-set-table__cell--pm::before {
    content: "Project Manager";
  }
  .cf-project-set-page--role-mapping .cf-project-set-table__cell--am::before {
    content: "Account Manager";
  }
  .cf-project-set-page--role-mapping .cf-project-set-table__cell--bd::before {
    content: "Business Development";
  }
}
.cf-project-set-grid__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12.5rem;
  padding: var(--space-8);
}
@media screen and (max-width: 767px) {
  .cf-project-set-grid__loader {
    min-height: 10rem;
    padding: var(--space-6);
  }
}
.modal-backdrop {
  background-color: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.modal .modal__video {
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.is-revamp .modal .modal__container:before {
  opacity: 0;
}
.modal header {
  position: sticky;
  top: 0;
  z-index: 9;
  padding: 1.5rem 1.5rem 1rem;
  margin-bottom: 0;
  border-bottom-left-radius: 1.875rem;
  background-color: #fff;
  z-index: 9;
  overflow: hidden;
}
.modal header:before {
  content: "";
  width: 100%;
  height: 13.5rem;
  background-image: url(/assets/images/modal-pattern-2.svg);
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.is-revamp .modal header:before {
  opacity: 0;
}
.modal header .modal__header-wrap {
  position: relative;
}
.modal .modal__close {
  position: absolute;
  font-size: 0;
  top: 1rem;
  right: 1rem;
  width: auto;
  height: auto;
}
.is-revamp .modal .modal__close {
  border-radius: 0.5rem;
}
.modal .modal__close i::before {
  font-size: 1.25rem;
}
.modal footer .modal__buttons {
  gap: 0.75rem;
}
.modal footer .modal__buttons button {
  flex: 1;
}
.modal footer + .l-btn {
  margin-top: 0.75rem;
}
.modal footer.has-line {
  border: 0.0625rem solid var(--gray-200);
}
.modal .modal__footer {
  padding: 2rem 0.75rem 1.5rem;
  position: sticky;
  bottom: 0;
  z-index: 3;
  background-color: var(--white);
}
@media screen and (min-width: 992px) {
  .modal .modal__footer {
    padding: 2rem 1.5rem 1.5rem;
  }
}
.modal .modal__footer--sm {
  padding: 1rem 0.75rem;
}
@media screen and (min-width: 992px) {
  .modal .modal__footer--sm {
    padding: 1rem 1.5rem;
  }
}
.modal .modal__footer--negative {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
@media screen and (min-width: 992px) {
  .modal .modal__footer--negative {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.modal .modal__footer--people-invite {
  position: relative;
}
.modal .modal__footer--people-invite .l-btn + .l-btn {
  margin: 0.75rem 0 0;
}
.modal select {
  color: var(--gray-500);
}
.modal .modal__content {
  position: relative;
  z-index: 3;
}
.modal .modal__content p {
  color: var(--gray-600, #475467);
}
.modal--sec .modal__container:before {
  display: none;
}
.modal--sec header {
  padding: 0 0 1rem;
  position: relative;
  min-height: 4.75rem;
}
.modal--sec header:before {
  display: none;
}
.modal--sec header .l-title {
  margin: 0;
}
.modal--sec .modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 0;
}
.modal--sec .modal__close i::before {
  font-size: 1.25rem;
}
.modal--sec article {
  padding-bottom: 1.5rem;
}
.modal--sec article h2 {
  margin: 1rem 0 0.25rem;
}
.modal--sec .modal__btns {
  display: flex;
}
.modal--sec .modal__btns .l-btn {
  flex: 1;
}
.modal--sec .modal__btns .l-btn:not(:last-child) {
  margin-right: 0.75rem;
}
.modal .modular-input {
  background-color: var(--white);
}
.modal--blank .modal__container:before,
.modal--blank header:before {
  display: none;
}
.modal--dropdown footer.has-line {
  border-width: 0.0625rem 0 0;
}
.modal--team-member {
  width: 38.8125rem;
}
.modal--team-member .cf-modal__footer {
  z-index: 2;
}
.modal--search header:before {
  display: none;
}
.cdk-overlay-container {
  z-index: 999999;
}
.cdk-overlay-container:has(.cdk-overlay-pane--toast) {
  z-index: 9999999;
}
.cdk-overlay-container:has(.cf-dropdown--table) {
  z-index: 9;
}
body:has(.is-project-closed) .cdk-overlay-container {
  z-index: 99999999;
}
.cf-modal {
  outline: none;
  max-width: 100%;
}
.cf-modal.cf-modal--intro {
  width: 47.125rem;
}
.cf-modal.cf-modal--intro .cf-modal__content {
  padding: 7.3125rem 0 4.5rem;
}
.cf-modal.cf-modal--intro .cf-modal__supporting-text {
  max-width: 33.75rem;
  margin: auto;
}
.cf-modal.cf-modal--size-xl {
  width: 42rem;
}
.cf-modal.cf-modal--size-lg {
  width: 40.5rem;
}
.cf-modal.cf-modal--size-md {
  width: 38.8125rem;
}
.cf-modal.cf-modal--size-xsm {
  width: 27.375rem;
}
.cf-modal.cf-modal--size-sm {
  width: 26.25rem;
}
.cf-modal.cf-modal--size-xs {
  width: 25rem;
}
.cf-modal.cf-modal--time-log {
  min-height: 37.5rem;
  width: 42.5rem;
}
.cf-modal.cf-modal--time-log .cf-time-tab {
  padding: 0.25rem 0 0.5rem;
}
.cf-modal.cf-modal--time-log .cf-form__main {
  padding: 0.5rem 0.25rem 0;
  margin: 0 -0.25rem;
}
.cf-modal.cf-modal--time-log .cf-form__footer {
  padding-inline: 0;
}
.cf-modal.cf-modal--time-log .cf-form__footer .cf-form__footer-panel {
  padding-top: 1rem;
  border-top: none;
  gap: 0.75rem !important;
}
.cf-modal.cf-modal--time-log .cf-form__footer .cf-button {
  flex: 1;
  font-size: 1rem;
  padding-block: 0.5625rem;
  margin: 0;
}
.cf-modal.cf-modal--header-sm header {
  padding: 1.5rem 1.5rem 0.25rem;
}
.cf-modal.cf-modal--active-timers .cf-modal__content {
  min-height: 12.0625rem;
}
.cf-modal.cf-modal--no-scroll .cf-modal__container {
  overflow: unset;
}
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}
.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji-native {
  font-family:
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Segoe UI",
    "Apple Color Emoji",
    "Twemoji Mozilla",
    "Noto Color Emoji",
    "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
  left: 12px;
}
.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}
.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}
.rp.board-view {
  overflow-x: auto;
  overflow-y: hidden;
}
.rp.board-view .board-view__header {
  margin-bottom: 0.25rem;
}
.rp.board-view .board-view__header h6 {
  font-size: 0.875rem;
  color: var(--gray-600);
  margin-top: 0.125rem;
  font-weight: 500;
}
.rp.board-view .board-view__col {
  min-width: 18.75rem;
  width: 20.833vw;
  display: flex;
  flex-direction: column;
}
.rp.board-view .board-view__col .board-view__drop {
  min-height: 8px;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.3125rem;
  height: 100%;
  max-height: calc(100vh - 225px);
  padding: 0.25rem;
}
.rp.board-view .board-view__new-task .l-btn {
  font-size: 0.875rem;
}
.rp.board-view .board-view__new-task .l-btn svg path {
  transition: 0.3s ease-in-out;
}
.rp.board-view .board-view__new-task .l-btn:hover,
.rp.board-view .board-view__new-task .l-btn:focus {
  color: var(--primary-600);
}
.rp.board-view .board-view__new-task .l-btn:hover svg path,
.rp.board-view .board-view__new-task .l-btn:focus svg path {
  stroke: var(--primary-600);
}
.drop-placeholder {
  border-radius: 100px;
  border: 1px solid var(--Gray-200, #eaecf0);
  background: var(--Gray-200, #eaecf0);
  height: 16px;
  align-self: stretch;
  margin: 8px 0;
}
.rp.task-card {
  border-radius: 1rem;
  border: 0.0625rem solid var(--gray-200);
  background: var(--white);
  padding: 1.25rem;
  cursor: move;
  position: relative;
}
.rp.task-card:hover,
.rp.task-card:focus {
  border-color: var(--gray-400);
  box-shadow: 0px 0px 0px 4px var(--gray-200);
}
.cdk-drop-list-dragging .rp.task-card:hover,
.cdk-drop-list-dragging .rp.task-card:focus {
  border-color: var(--gray-200);
  box-shadow: none;
}
.rp.task-card .task-card__priority {
  font-size: 0;
  width: 2.5rem;
  height: 0.25rem;
  border-radius: 6.25rem;
  background: var(--gray-300);
  display: block;
  margin-bottom: 0.75rem;
}
.rp.task-card .task-card__priority--low {
  background: var(--gray-300);
}
.rp.task-card .task-card__priority--medium {
  background: var(--warning-300);
}
.rp.task-card .task-card__priority--high {
  background: var(--error-600);
}
.rp.task-card .task-card__title {
  font-size: 1rem;
  font-weight: 500;
  color: var(--gray-900);
  margin-bottom: 0.125rem;
  padding-right: 2.3125rem;
  word-break: break-word;
}
.rp.task-card .task-card__tags {
  margin-bottom: 1.375rem;
}
.rp.task-card .task-card__tags ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.625rem;
  row-gap: 0.3125rem;
  margin-bottom: 0.5rem;
}
.rp.task-card .task-card__tags p {
  font-size: 0.75rem;
  color: var(--gray-600);
  margin: 0;
}
.rp.task-card .has-notification {
  position: relative;
}
.rp.task-card .has-notification:after {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: var(--error-500);
  position: absolute;
  top: -0.25rem;
  right: -0.4375rem;
}
.rp.task-card.is-complete {
  border-color: var(--primary-300);
}
.rp.task-card.is-complete .task-card__title {
  color: var(--primary-700);
}
.rp.task-card + .rp.task-card {
  margin-top: 0.5rem;
}
.rp.task-card footer .l-text--xs {
  line-height: 1.0625rem;
}
.rp.task-card.is-completed header > *:not(button) {
  opacity: 0.5;
}
.rp.task-card.is-completed > *:not(header) {
  opacity: 0.5;
}
.rp.task-card.is-active {
  border-color: var(--primary-400);
  box-shadow: 0 0 0 0.25rem var(--primary-100);
}
.l-avatar--more:before {
  display: none;
}
.cf-drop-placeholder {
  border-radius: 6.25rem;
  border: 0.0625rem solid #eaecf0;
  background: #eaecf0;
  height: 1rem;
  align-self: stretch;
  margin: 0.5rem 0;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cf-drop-placeholder--task-card {
  min-height: 11.625rem;
  border-radius: 1rem;
  width: 100%;
  overflow: visible;
  transform: translateZ(0);
  position: relative;
  z-index: 2;
}
.cdk-drop-list-receiving .cf-event-card,
.cdk-drop-list-dragging .cf-event-card {
  pointer-events: none;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */