.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 { }
.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);
}