/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/assets/scss/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/**
 * Applies provided styles in a way that allows us to force an element
 * across multiple pseudo-selectors. Optionally, un-sets all styles
 * before applying the provided styles.
 *
 * This is useful when we really don't want any
 * 3rd party CSS impacting our styling.

 * This mixin should not be used directly, but rather as part of
 * other button styling mixins to give us a way to consistently
 * apply button styling in a variety of scenarios.
 *
 * @param {Boolean} $force - Whether to apply the passed styles across multiple
 * 								pseudo-selectors. Default: true.
 * @param {Boolean} $with-unset - Whether to un-set all styles. This should only
 * 								be used with base styles. Default: false.
 */
/**
 * Applies base LD button styles.
 *
 * @param {Boolean} $force - Whether to force the button styles by un-setting
 * 							 existing styles. Default: true.
 */
/**
 * Applies primary button styles.
 *
 * @param {Boolean} $using-forced-styles - Whether this is being used in
 * 										   conjunction with ld-notes-button( true ). Default: true.
 */
/**
 * Applies Secondary button styles.
 *
 * @param {Boolean} $using-forced-styles - Whether this is being used in
 * 										   conjunction with ld-notes-button( true ). Default: true.
 */
/**
 * Applies Tertiary button styles.
 *
 * @param {Boolean} $using-forced-styles - Whether this is being used in
 * 										   conjunction with ld-notes-button( true ). Default: true.
 */
/**
 * Applies Disabled button styles.
 *
 * @param {Boolean} $using-forced-styles - Whether this is being used in
 * 											conjunction with ld-notes-button( true ). Default: true.
 */
/**
 * Applies button header styles.
 *
 * @param {Boolean} $using-forced-styles - Whether this is being used in
 * 										   conjunction with ld-notes-button( true ). Default: true.
 */
/**
 * Applies action link button styles.
 *
 * @param {Boolean} $using-forced-styles - Whether this is being used in
 * 										   conjunction with ld-notes-button( true ). Default: true.
 */
/**
 * Applies floating button styles.
 *
 * @param {Boolean} $using-forced-styles - Whether this is being used in
 * 										   conjunction with ld-notes-button( true ). Default: true.
 */
.ld-notes-button {
  align-items: center;
  border-radius: var(--ld-button-border-radius, 8px);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--ld-color-system-white, #fff);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ld-typography-font-family, "inter, -apple-system, roboto, ubuntu, sans-serif");
  font-size: var(--ld-typography-desktop-button-text-size, 1rem);
  font-weight: var(--ld-typography-desktop-button-text-weight, 700);
  gap: var(--ld-spacer-fixed-1, 8px);
  justify-content: center;
  line-height: var(--ld-typography-desktop-button-text-height, 24px);
  margin: 0;
  outline-offset: 2px;
  outline-style: none;
  outline-width: 2px;
  overflow-wrap: break-word;
  padding: var(--ld-spacer-1, 0.5rem) var(--ld-spacer-fixed-3, 16px);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
  word-break: normal;
}
.ld-notes-button:focus {
  outline-style: solid;
}
.ld-notes-button:disabled, .ld-notes-button[aria-disabled=true] {
  background-color: var(--ld-color-system-light-2, #f7f9fc);
  border: 1px solid var(--ld-color-system-border, #dce1e8);
  color: var(--ld-color-system-subtle-text, #8c8ca2);
  cursor: not-allowed;
}
.ld-notes-button:disabled:hover, .ld-notes-button[aria-disabled=true]:hover {
  background-color: var(--ld-color-button-disabled-bg-hover, #a7adc2);
  border-color: var(--ld-color-button-disabled-border-hover, #8c8ca2);
}
.ld-notes-button--primary {
  background-color: var(--ld-color-button-bg, #235af3);
}
.ld-notes-button--primary:active, .ld-notes-button--primary:hover {
  background-color: var(--ld-color-button-bg-hover, #0e2a90);
}
.ld-notes-button--primary:focus {
  outline-color: var(--ld-color-button-bg-hover, #0e2a90);
}
.ld-notes-button--secondary {
  background-color: var(--ld-color-system-white, #fff);
  border: 2px solid var(--ld-color-button-secondary-border, #235af3);
  color: var(--ld-color-brand-primary, #235af3);
}
.ld-notes-button--secondary:active, .ld-notes-button--secondary:focus, .ld-notes-button--secondary:hover {
  background-color: var(--ld-color-system-light-1, #f3f8ff);
  border-color: var(--ld-color-system-dark, #0e2a90);
  color: var(--ld-color-system-dark, #0e2a90);
  outline: none;
}
.ld-notes-button--secondary:focus {
  outline-color: var(--ld-color-system-dark, #0e2a90);
}
.ld-notes-button--tertiary {
  background-color: var(--ld-color-system-white, #fff);
  border: 2px solid transparent;
  color: var(--ld-color-system-body-text, #4a4a68);
  outline-offset: 0;
  outline-width: 4px;
}
.ld-notes-button--tertiary:active, .ld-notes-button--tertiary:hover, .ld-notes-button--tertiary:focus {
  border-color: var(--ld-color-brand-primary, #235af3);
}
.ld-notes-button--tertiary:active, .ld-notes-button--tertiary:hover {
  background-color: var(--ld-color-system-light-1, #f3f8ff);
  color: var(--ld-color-brand-primary, #235af3);
}
.ld-notes-button--tertiary:focus {
  outline-color: #d6defb;
}
.ld-notes-button--tertiary:disabled, .ld-notes-button--tertiary[aria-disabled=true] {
  background-color: var(--ld-color-system-white, #fff);
  border: none;
}
.ld-notes-button--tertiary:disabled:hover, .ld-notes-button--tertiary[aria-disabled=true]:hover {
  background-color: var(--ld-color-system-light-2, #f7f9fc);
}
.ld-notes-button--header {
  align-items: flex-start;
  background: var(--ld-color-system-white, #fff);
  border-bottom: 2px solid var(--ld-color-system-border, #dce1e8);
  border-radius: var(--ld-button-border-radius, 8px) var(--ld-button-border-radius, 8px) 0 0;
  color: var(--ld-color-system-body-text, #4a4a68);
  display: flex;
  font-weight: 600;
  gap: var(--ld-spacer-fixed-2, 12px);
  justify-content: space-between;
  padding: var(--ld-spacer-2, 0.75rem) 0;
  transition: background 0.2s;
}
.ld-notes-button--action-link {
  border-radius: 0;
  color: var(--ld-color-primitives-blue-500, #235af3);
  font-size: var(--ld-typography-desktop-caption-size, 0.75rem);
  font-weight: var(--ld-typography-font-weight-regular, 400);
  outline-color: var(--ld-color-primitives-blue-800, #0e2a90);
  padding: 0 var(--ld-spacer-fixed-2, 12px);
  text-decoration: underline;
  transition: var(--ld-transition-color, color 0.2s ease);
}
.ld-notes-button--action-link:hover, .ld-notes-button--action-link:focus {
  color: var(--ld-color-primitives-blue-800, #0e2a90);
}
.ld-notes-button--floating, .ld-notes-button--floating:active, .ld-notes-button--floating:focus-visible, .ld-notes-button--floating:focus-within, .ld-notes-button--floating:focus, .ld-notes-button--floating:hover {
  all: unset;
  align-items: center;
  border-radius: var(--ld-button-border-radius, 8px);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--ld-color-system-white, #fff);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ld-typography-font-family, "inter, -apple-system, roboto, ubuntu, sans-serif");
  font-size: var(--ld-typography-desktop-button-text-size, 1rem);
  font-weight: var(--ld-typography-desktop-button-text-weight, 700);
  gap: var(--ld-spacer-fixed-1, 8px);
  justify-content: center;
  line-height: var(--ld-typography-desktop-button-text-height, 24px);
  margin: 0;
  outline-offset: 2px;
  outline-style: none;
  outline-width: 2px;
  overflow-wrap: break-word;
  padding: var(--ld-spacer-1, 0.5rem) var(--ld-spacer-fixed-3, 16px);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
  word-break: normal;
}
.ld-notes-button--floating:focus {
  outline-style: solid;
}
.ld-notes-button--floating:disabled, .ld-notes-button--floating[aria-disabled=true] {
  background-color: var(--ld-color-system-light-2, #f7f9fc);
  border: 1px solid var(--ld-color-system-border, #dce1e8);
  color: var(--ld-color-system-subtle-text, #8c8ca2);
  cursor: not-allowed;
}
.ld-notes-button--floating:disabled:hover, .ld-notes-button--floating[aria-disabled=true]:hover {
  background-color: var(--ld-color-button-disabled-bg-hover, #a7adc2);
  border-color: var(--ld-color-button-disabled-border-hover, #8c8ca2);
}
.ld-notes-button--floating, .ld-notes-button--floating:active, .ld-notes-button--floating:focus-visible, .ld-notes-button--floating:focus-within, .ld-notes-button--floating:focus, .ld-notes-button--floating:hover {
  align-items: center;
  background: var(--ld-color-system-light-1, #f3f8ff);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(50, 89, 235, 0.08);
  cursor: pointer;
  display: flex;
  height: 57px;
  justify-content: center;
  left: -10000px;
  padding: var(--ld-spacer-fixed-2, 12px);
  position: fixed;
  transition: background 0.2s, border-color 0.2s;
  width: 57px;
  z-index: 20;
}
.ld-notes-button--floating:focus, .ld-notes-button--floating--active {
  background: var(--ld-color-system-light-1, #f3f8ff);
  outline-color: var(--ld-color-primitives-blue-500, #235af3);
}
.ld-notes-button--floating:hover {
  background: var(--ld-color-primitives-blue-500, #235af3);
}

.ld-notes-panel {
  border-radius: var(--ld-border-radius, 8px);
  margin: var(--ld-spacer-2, 0.75rem) 0;
}
.ld-notes-panel--active .ld-notes-panel__body {
  display: block;
}
.ld-notes-panel__header, .ld-notes-panel__header:active, .ld-notes-panel__header:focus-visible, .ld-notes-panel__header:focus-within, .ld-notes-panel__header:focus, .ld-notes-panel__header:hover {
  all: unset;
  align-items: center;
  border-radius: var(--ld-button-border-radius, 8px);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--ld-color-system-white, #fff);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ld-typography-font-family, "inter, -apple-system, roboto, ubuntu, sans-serif");
  font-size: var(--ld-typography-desktop-button-text-size, 1rem);
  font-weight: var(--ld-typography-desktop-button-text-weight, 700);
  gap: var(--ld-spacer-fixed-1, 8px);
  justify-content: center;
  line-height: var(--ld-typography-desktop-button-text-height, 24px);
  margin: 0;
  outline-offset: 2px;
  outline-style: none;
  outline-width: 2px;
  overflow-wrap: break-word;
  padding: var(--ld-spacer-1, 0.5rem) var(--ld-spacer-fixed-3, 16px);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
  word-break: normal;
}
.ld-notes-panel__header:focus {
  outline-style: solid;
}
.ld-notes-panel__header:disabled, .ld-notes-panel__header[aria-disabled=true] {
  background-color: var(--ld-color-system-light-2, #f7f9fc);
  border: 1px solid var(--ld-color-system-border, #dce1e8);
  color: var(--ld-color-system-subtle-text, #8c8ca2);
  cursor: not-allowed;
}
.ld-notes-panel__header:disabled:hover, .ld-notes-panel__header[aria-disabled=true]:hover {
  background-color: var(--ld-color-button-disabled-bg-hover, #a7adc2);
  border-color: var(--ld-color-button-disabled-border-hover, #8c8ca2);
}
.ld-notes-panel__header, .ld-notes-panel__header:active, .ld-notes-panel__header:focus-visible, .ld-notes-panel__header:focus-within, .ld-notes-panel__header:focus, .ld-notes-panel__header:hover {
  align-items: flex-start;
  background: var(--ld-color-system-white, #fff);
  border-bottom: 2px solid var(--ld-color-system-border, #dce1e8);
  border-radius: var(--ld-button-border-radius, 8px) var(--ld-button-border-radius, 8px) 0 0;
  color: var(--ld-color-system-body-text, #4a4a68);
  display: flex;
  font-weight: 600;
  gap: var(--ld-spacer-fixed-2, 12px);
  justify-content: space-between;
  padding: var(--ld-spacer-2, 0.75rem) 0;
  transition: background 0.2s;
}
.ld-notes-panel__header, .ld-notes-panel__header:active, .ld-notes-panel__header:focus-visible, .ld-notes-panel__header:focus-within, .ld-notes-panel__header:focus, .ld-notes-panel__header:hover {
  align-items: center;
  width: 100%;
}
.ld-notes-panel__header:focus, .ld-notes-panel__header:focus-visible {
  outline: none;
}
.ld-notes-panel__header:hover, .ld-notes-panel__header:focus, .ld-notes-panel__header:focus-visible {
  color: var(--ld-color-primitives-blue-500, #235af3);
  border-color: var(--ld-color-primitives-blue-500, #235af3);
}
.ld-notes-panel__header:hover .ld-notes-panel__icon--bell, .ld-notes-panel__header:hover .ld-notes-panel__icon--custom, .ld-notes-panel__header:focus .ld-notes-panel__icon--bell, .ld-notes-panel__header:focus .ld-notes-panel__icon--custom, .ld-notes-panel__header:focus-visible .ld-notes-panel__icon--bell, .ld-notes-panel__header:focus-visible .ld-notes-panel__icon--custom {
  color: initial;
}
.ld-notes-panel__header[aria-expanded=true] .ld-svgicon__down-caret {
  display: none;
}
.ld-notes-panel__header:not([aria-expanded=true]) .ld-svgicon__up-caret {
  display: none;
}
.ld-notes-panel__header-title-container {
  align-items: center;
  display: flex;
  gap: var(--ld-spacer-fixed-2, 12px);
  justify-content: flex-start;
  width: 100%;
}
.ld-notes-panel__icon {
  display: flex;
  align-items: center;
  height: 20px;
  justify-content: center;
  transition: var(--ld-transition-transform, transform 0.2s);
  width: 20px;
}
.ld-notes-panel__icon--bell {
  height: 32px;
  width: 32px;
}
.ld-notes-panel__body {
  display: none;
  padding: 0;
  transition: var(--ld-transition, all 1s ease);
}

.ld-notes-form {
  display: flex;
  flex-direction: column;
  gap: var(--ld-spacer-fixed-3, 16px);
  padding: var(--ld-spacer-fixed-4, 20px) 0;
}
.ld-notes-form__label {
  width: 100%;
  padding: var(--ld-spacer-1, 0.5rem) var(--ld-spacer-fixed-2, 12px);
  border: 1px solid var(--ld-color-system-border, #dce1e8);
  border-radius: var(--ld-border-radius-small, 4px);
  font-size: var(--ld-typography-desktop-body-size, 1rem);
  margin-bottom: var(--ld-spacer-1, 0.5rem);
}
.ld-notes-form__label--sr-only {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.ld-notes-form__input-container {
  display: flex;
}
.ld-notes-form .ld-notes-form__input {
  border-radius: var(--ld-border-radius-small, 4px);
  border: 1px solid var(--ld-color-primitives-grey-500, #73738c);
  font-size: var(--ld-typography-desktop-body-size, 1rem);
  padding: var(--ld-spacer-1, 0.5rem) var(--ld-spacer-fixed-2, 12px);
  width: 100%;
}
.ld-notes-form .ld-notes-form__input:focus, .ld-notes-form .ld-notes-form__input:focus-visible, .ld-notes-form .ld-notes-form__input:focus-within {
  outline: 2px solid var(--ld-color-primitives-blue-500, #235af3);
}
.ld-notes-form__checkbox-label {
  display: flex;
  align-items: start;
  gap: var(--ld-spacer-fixed-1, 8px);
}
.ld-notes-form__checkbox-label-container {
  display: flex;
  flex-direction: column;
  gap: var(--ld-spacer-0, 0.25rem);
}
.ld-notes-form__checkbox-label-title {
  color: var(--ld-color-system-text-dark, #0e0e2c);
  font-size: var(--ld-typography-desktop-body-small-size, 0.875rem);
  font-style: normal;
  font-weight: var(--ld-typography-font-weight-medium, 500);
  line-height: var(--ld-typography-desktop-body-small-height, 24px);
}
.ld-notes-form__checkbox-label-description {
  color: var(--ld-color-system-body-text, #4a4a68);
  font-size: var(--ld-typography-desktop-caption-size, 12px);
  font-style: normal;
  font-weight: var(--ld-typography-font-weight-regular, 400);
  line-height: var(--ld-typography-desktop-caption-height, 20px);
}
.ld-notes-form__description {
  font-size: var(--ld-typography-desktop-body-small-size, 0.875rem);
  color: var(--ld-color-system-body-text, #4a4a68);
}
.ld-notes-form__char-count-wrapper {
  display: flex;
  justify-content: space-between;
}
.ld-notes-form__editor {
  border-radius: var(--ld-border-radius-small, 4px);
}
.ld-notes-form__editor .mce-top-part {
  overflow: auto;
}
.ld-notes-form__editor .mce-tinymce {
  border-radius: var(--ld-border-radius-small, 4px);
  border: 1px solid var(--ld-color-system-subtle-text, #73738c);
}
.ld-notes-form__editor .mce-tinymce--focus {
  outline: 2px solid var(--ld-color-primitives-blue-500, #235af3);
}
.ld-notes-form__editor .mce-panel {
  background: transparent;
}
.ld-notes-form__editor .mce-btn button:hover {
  background: var(--ld-color-system-white, #fff);
  color: #595959;
  border-color: #e2e4e7;
}
.ld-notes-form__checkbox-container {
  border-top: 1px solid var(--ld-color-system-border, #dce1e8);
  padding: var(--ld-spacer-1, 0.5rem) 0;
}
.ld-notes-form__submit-container {
  align-items: center;
  display: flex;
  gap: var(--ld-spacer-fixed-2, 12px);
}
.ld-notes-form__submit, .ld-notes-form__submit:active, .ld-notes-form__submit:focus-visible, .ld-notes-form__submit:focus-within, .ld-notes-form__submit:focus, .ld-notes-form__submit:hover {
  all: unset;
  align-items: center;
  border-radius: var(--ld-button-border-radius, 8px);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--ld-color-system-white, #fff);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ld-typography-font-family, "inter, -apple-system, roboto, ubuntu, sans-serif");
  font-size: var(--ld-typography-desktop-button-text-size, 1rem);
  font-weight: var(--ld-typography-desktop-button-text-weight, 700);
  gap: var(--ld-spacer-fixed-1, 8px);
  justify-content: center;
  line-height: var(--ld-typography-desktop-button-text-height, 24px);
  margin: 0;
  outline-offset: 2px;
  outline-style: none;
  outline-width: 2px;
  overflow-wrap: break-word;
  padding: var(--ld-spacer-1, 0.5rem) var(--ld-spacer-fixed-3, 16px);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
  word-break: normal;
}
.ld-notes-form__submit:focus {
  outline-style: solid;
}
.ld-notes-form__submit:disabled, .ld-notes-form__submit[aria-disabled=true] {
  background-color: var(--ld-color-system-light-2, #f7f9fc);
  border: 1px solid var(--ld-color-system-border, #dce1e8);
  color: var(--ld-color-system-subtle-text, #8c8ca2);
  cursor: not-allowed;
}
.ld-notes-form__submit:disabled:hover, .ld-notes-form__submit[aria-disabled=true]:hover {
  background-color: var(--ld-color-button-disabled-bg-hover, #a7adc2);
  border-color: var(--ld-color-button-disabled-border-hover, #8c8ca2);
}
.ld-notes-form__submit, .ld-notes-form__submit:active, .ld-notes-form__submit:focus-visible, .ld-notes-form__submit:focus-within, .ld-notes-form__submit:focus, .ld-notes-form__submit:hover {
  background-color: var(--ld-color-button-bg, #235af3);
}
.ld-notes-form__submit:active, .ld-notes-form__submit:hover {
  background-color: var(--ld-color-button-bg-hover, #0e2a90);
}
.ld-notes-form__submit:focus {
  outline-color: var(--ld-color-button-bg-hover, #0e2a90);
}

.ld-notes-list {
  background: var(--ld-color-system-light-2, #f7f9fc);
  display: flex;
  flex-direction: column;
  gap: var(--ld-spacer-4, 1.25rem);
}
.ld-notes-list__empty {
  padding: var(--ld-spacer-4, 1.25rem) 0;
}

.ld-note {
  padding: var(--ld-spacer-3, 1rem) var(--ld-spacer-fixed-4, 20px);
}
.ld-note__meta {
  display: flex;
  justify-content: center;
  font-size: var(--ld-typography-desktop-caption-size, 12px);
  font-weight: var(--ld-typography-font-weight-regular, 400);
  color: var(--ld-color-system-subtle, #8c8ca2);
  margin-bottom: var(--ld-spacer-2, 0.75rem);
}
.ld-note__content {
  align-items: center;
  background-color: var(--ld-color-system-white, #fff);
  border-radius: 0 var(--ld-border-radius, 8px) var(--ld-border-radius, 8px) 0;
  display: flex;
  justify-content: space-between;
  padding: var(--ld-spacer-3, 1rem) var(--ld-spacer-fixed-4, 20px);
}
.ld-note__content-status {
  align-items: center;
  color: var(--ld-color-system-subtle, #8c8ca2);
  display: flex;
  font-size: var(--ld-typography-desktop-caption-size, 12px);
  font-weight: var(--ld-typography-font-weight-regular, 400);
  gap: var(--ld-spacer-fixed-0, 4px);
}
.ld-note__status-icon--check {
  color: var(--ld-color-primitives-grey-500, #73738c);
  height: 10px;
  width: 10px;
}
.ld-note .ld-note__title {
  color: var(--ld-color-system-body-text, #4a4a68);
  font-family: var(--ld-typography-font-family, "inter, -apple-system, roboto, ubuntu, sans-serif");
  font-weight: var(--ld-typography-font-weight-bold, 700);
  font-size: var(--ld-typography-desktop-body-size, 1rem);
  line-height: var(--ld-typography-desktop-body-height, 24px);
  margin: 0;
}
.ld-note__body {
  font-family: var(--ld-typography-font-family, "inter, -apple-system, roboto, ubuntu, sans-serif");
  font-size: var(--ld-typography-desktop-body-size, 1rem);
  font-weight: var(--ld-typography-font-weight-regular, 400);
  line-height: var(--ld-typography-desktop-body-height, 24px);
}
.ld-note__body > * {
  margin: 0;
}
.ld-note__response {
  margin-left: var(--ld-spacer-fixed-4, 20px);
}
.ld-note__response-body {
  border-radius: 0 var(--ld-border-radius, 8px) var(--ld-border-radius, 8px) 0;
  border-left: 4px solid rgba(50, 89, 235, 0.5);
  background: var(--ld-color-system-white, #fff);
  font-size: var(--ld-typography-desktop-body-size, 1rem);
  font-weight: var(--ld-typography-font-weight-regular, 400);
  margin-top: var(--ld-spacer-2, 0.75rem);
  padding: var(--ld-spacer-3, 1rem) var(--ld-spacer-fixed-4, 20px);
  width: -moz-max-content;
  width: max-content;
}
.ld-note__actions {
  display: flex;
  margin-top: var(--ld-spacer-5, 1.5rem);
  justify-content: end;
  align-items: center;
}
.ld-note__action, .ld-note__action:active, .ld-note__action:focus-visible, .ld-note__action:focus-within, .ld-note__action:focus, .ld-note__action:hover {
  all: unset;
  align-items: center;
  border-radius: var(--ld-button-border-radius, 8px);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--ld-color-system-white, #fff);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ld-typography-font-family, "inter, -apple-system, roboto, ubuntu, sans-serif");
  font-size: var(--ld-typography-desktop-button-text-size, 1rem);
  font-weight: var(--ld-typography-desktop-button-text-weight, 700);
  gap: var(--ld-spacer-fixed-1, 8px);
  justify-content: center;
  line-height: var(--ld-typography-desktop-button-text-height, 24px);
  margin: 0;
  outline-offset: 2px;
  outline-style: none;
  outline-width: 2px;
  overflow-wrap: break-word;
  padding: var(--ld-spacer-1, 0.5rem) var(--ld-spacer-fixed-3, 16px);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
  word-break: normal;
}
.ld-note__action:focus {
  outline-style: solid;
}
.ld-note__action:disabled, .ld-note__action[aria-disabled=true] {
  background-color: var(--ld-color-system-light-2, #f7f9fc);
  border: 1px solid var(--ld-color-system-border, #dce1e8);
  color: var(--ld-color-system-subtle-text, #8c8ca2);
  cursor: not-allowed;
}
.ld-note__action:disabled:hover, .ld-note__action[aria-disabled=true]:hover {
  background-color: var(--ld-color-button-disabled-bg-hover, #a7adc2);
  border-color: var(--ld-color-button-disabled-border-hover, #8c8ca2);
}
.ld-note__action, .ld-note__action:active, .ld-note__action:focus-visible, .ld-note__action:focus-within, .ld-note__action:focus, .ld-note__action:hover {
  border-radius: 0;
  color: var(--ld-color-primitives-blue-500, #235af3);
  font-size: var(--ld-typography-desktop-caption-size, 0.75rem);
  font-weight: var(--ld-typography-font-weight-regular, 400);
  outline-color: var(--ld-color-primitives-blue-800, #0e2a90);
  padding: 0 var(--ld-spacer-fixed-2, 12px);
  text-decoration: underline;
  transition: var(--ld-transition-color, color 0.2s ease);
}
.ld-note__action:hover, .ld-note__action:focus {
  color: var(--ld-color-primitives-blue-800, #0e2a90);
}
.ld-note__action:is(a) {
  text-decoration: underline !important;
}
.ld-note__action:not(:last-child) {
  border-right: 1px solid var(--ld-color-system-border, #dce1e8);
}
.ld-note__action--delete, .ld-note__action--delete:active, .ld-note__action--delete:focus-visible, .ld-note__action--delete:focus-within, .ld-note__action--delete:focus, .ld-note__action--delete:hover {
  color: var(--ld-color-primitives-red-500, #db0000);
  outline-color: var(--ld-color-primitives-red-800, #8f0000);
}
.ld-note__action--delete:focus, .ld-note__action--delete:hover {
  color: var(--ld-color-primitives-red-800, #8f0000);
}

.ld-notes-modal.ld-notes-modal {
  background: var(--ld-color-system-white, #fff);
  border-radius: var(--ld-border-radius, 8px);
  border: 1px solid #cdcdcd;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  flex-direction: column-reverse !important;
  height: auto;
  left: -10000px;
  position: fixed;
  width: 560px;
  z-index: 20;
}
.ld-notes-modal--active {
  display: flex !important;
  height: auto !important;
  min-height: auto !important;
}
.ld-notes-modal__header {
  align-items: center;
  align-self: stretch;
  background: var(--ld-color-system-light-2, #f7f9fc);
  border-radius: var(--ld-border-radius, 8px) var(--ld-border-radius, 8px) 0 0;
  display: flex;
  gap: var(--ld-spacer-fixed-1, 8px);
  justify-content: flex-end;
  padding: var(--ld-spacer-1, 0.5rem) var(--ld-spacer-fixed-3, 16px);
}
.ld-notes-modal__minimize {
  /**
   * The minimize button is styled like the "Icon Only" button style,
   * which currently isn't in Core.
   *
   * TODO: Replace this with an "Icon Only" button style mixin once
   * it's added to Core.
   */
}
.ld-notes-modal__minimize, .ld-notes-modal__minimize:active, .ld-notes-modal__minimize:focus-visible, .ld-notes-modal__minimize:focus-within, .ld-notes-modal__minimize:focus, .ld-notes-modal__minimize:hover {
  all: unset;
  align-items: center;
  border-radius: var(--ld-button-border-radius, 8px);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--ld-color-system-white, #fff);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ld-typography-font-family, "inter, -apple-system, roboto, ubuntu, sans-serif");
  font-size: var(--ld-typography-desktop-button-text-size, 1rem);
  font-weight: var(--ld-typography-desktop-button-text-weight, 700);
  gap: var(--ld-spacer-fixed-1, 8px);
  justify-content: center;
  line-height: var(--ld-typography-desktop-button-text-height, 24px);
  margin: 0;
  outline-offset: 2px;
  outline-style: none;
  outline-width: 2px;
  overflow-wrap: break-word;
  padding: var(--ld-spacer-1, 0.5rem) var(--ld-spacer-fixed-3, 16px);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
  word-break: normal;
}
.ld-notes-modal__minimize:focus {
  outline-style: solid;
}
.ld-notes-modal__minimize:disabled, .ld-notes-modal__minimize[aria-disabled=true] {
  background-color: var(--ld-color-system-light-2, #f7f9fc);
  border: 1px solid var(--ld-color-system-border, #dce1e8);
  color: var(--ld-color-system-subtle-text, #8c8ca2);
  cursor: not-allowed;
}
.ld-notes-modal__minimize:disabled:hover, .ld-notes-modal__minimize[aria-disabled=true]:hover {
  background-color: var(--ld-color-button-disabled-bg-hover, #a7adc2);
  border-color: var(--ld-color-button-disabled-border-hover, #8c8ca2);
}
.ld-notes-modal__minimize, .ld-notes-modal__minimize:active, .ld-notes-modal__minimize:focus-visible, .ld-notes-modal__minimize:focus-within, .ld-notes-modal__minimize:focus, .ld-notes-modal__minimize:hover {
  background-color: var(--ld-color-system-white, #fff);
  border: 2px solid transparent;
  color: var(--ld-color-system-body-text, #4a4a68);
  outline-offset: 0;
  outline-width: 4px;
}
.ld-notes-modal__minimize:active, .ld-notes-modal__minimize:hover, .ld-notes-modal__minimize:focus {
  border-color: var(--ld-color-brand-primary, #235af3);
}
.ld-notes-modal__minimize:active, .ld-notes-modal__minimize:hover {
  background-color: var(--ld-color-system-light-1, #f3f8ff);
  color: var(--ld-color-brand-primary, #235af3);
}
.ld-notes-modal__minimize:focus {
  outline-color: #d6defb;
}
.ld-notes-modal__minimize:disabled, .ld-notes-modal__minimize[aria-disabled=true] {
  background-color: var(--ld-color-system-white, #fff);
  border: none;
}
.ld-notes-modal__minimize:disabled:hover, .ld-notes-modal__minimize[aria-disabled=true]:hover {
  background-color: var(--ld-color-system-light-2, #f7f9fc);
}
.ld-notes-modal__minimize, .ld-notes-modal__minimize:active, .ld-notes-modal__minimize:focus-visible, .ld-notes-modal__minimize:focus-within, .ld-notes-modal__minimize:focus, .ld-notes-modal__minimize:hover {
  background: transparent;
  padding: var(--ld-spacer-0, 0.5rem), var(--ld-spacer-fixed-1, 8px);
}
.ld-notes-modal__minimize:active, .ld-notes-modal__minimize:focus-visible, .ld-notes-modal__minimize:focus, .ld-notes-modal__minimize:hover {
  background: var(--ld-color-primitives-blue-100, #f3f8ff);
  color: var(--ld-color-primitives-blue-500, #235af3);
}
.ld-notes-modal.ld-notes-modal .ld-notes-modal__title {
  font-size: var(--ld-typography-desktop-h6-size, 1.125rem);
  line-height: var(--ld-typography-desktop-h6-height, 24px);
  margin-top: var(--ld-spacer-6, 2rem);
  margin-bottom: 0;
}
.ld-notes-modal__content {
  padding: 0 var(--ld-spacer-fixed-4, 20px);
}
.ld-notes-modal .ld-notes-modal__resizable-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Ik0xMC44MzE0IDAuNTg2NTc5TDEyLjI0NTYgMi4wMDA3OUwyLjAwMDE1IDEyLjI0NjJMMC41ODU5MzggMTAuODMyTDEwLjgzMTQgMC41ODY1NzlaIiBmaWxsPSIjNzM3MzhjIi8+Cgk8cGF0aCBkPSJNMTEuMzc2OSA1Ljk2NDY0TDEyLjc5MTEgNy4zNzg4Nkw3LjM3NjYyIDEyLjc5MzNMNS45NjI0IDExLjM3OTFMMTEuMzc2OSA1Ljk2NDY0WiIgZmlsbD0iIzczNzM4YyIvPgo8L3N2Zz4K);
  background-size: 13px 13px;
  bottom: var(--ld-spacer-fixed-0, 4px);
  right: var(--ld-spacer-fixed-0, 4px);
}

.ld-notes-trigger-modal .ld-notes-button__icon--write, .ld-notes-trigger-modal .ld-notes-button__icon--custom {
  color: var(--ld-color-primitives-blue-500, #235af3);
}
.ld-notes-trigger-modal .ld-notes-button__icon--write {
  height: 32px;
  width: 32px;
}
.ld-notes-trigger-modal .ld-notes-button__icon--custom {
  font-size: var(--ld-typography-desktop-h4-size, 2rem);
  line-height: 32px;
}
.ld-notes-trigger-modal--active {
  border: 2px solid var(--ld-color-primitives-blue-500, #235af3);
  background: var(--ld-color-system-light-1, #f3f8ff);
}
.ld-notes-trigger-modal:hover, .ld-notes-trigger-modal:focus-visible {
  background: var(--ld-color-primitives-blue-500, #235af3);
}
.ld-notes-trigger-modal:hover .ld-notes-button__icon--write, .ld-notes-trigger-modal:hover .ld-notes-button__icon--custom, .ld-notes-trigger-modal:focus-visible .ld-notes-button__icon--write, .ld-notes-trigger-modal:focus-visible .ld-notes-button__icon--custom {
  color: var(--ld-color-system-white, #fff);
}
.ld-notes-trigger-modal:focus-visible {
  outline: none;
  border: none;
}

.ld-notes-status--success {
  color: var(--ld-color-system-validation-success, #2f8351);
}
.ld-notes-status--danger {
  color: var(--ld-color-system-validation-error, #db0000);
}