/* Component styling and host integration for Summernote. */
.note-editor .form-group {
    width: 100%;
}

.note-image-popover .note-imagesize,
.note-image-popover .note-float {
    display: none;
}

.summernote-input-group {
    display: inherit;
}

.note-popover .popover-content .note-color-all .note-dropdown-menu,
.note-editor .note-toolbar .note-color-all .note-dropdown-menu {
    min-width: 340px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    width: 160px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0 5px;
}

.note-popover .popover-content .note-style .note-current-style,
.note-editor .note-toolbar .note-style .note-current-style {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.note-popover .popover-content .note-style .dropdown-toggle,
.note-editor .note-toolbar .note-style .dropdown-toggle {
    text-align: start;
    width: 11rem;
}

.note-popover .popover-content .note-style .dropdown-toggle .note-current-style,
.note-editor .note-toolbar .note-style .dropdown-toggle .note-current-style {
    width: calc(100% - 1.25rem);
}

/* Summernote popovers assume Bootstrap 3 default hidden/off-flow
   behavior. Bootstrap 5 makes .popover display:block, which leaks the link,
   image, and table popovers into the document flow on the modern stack. */
body[data-ui="app"] .note-popover.popover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
}

body[data-ui="app"] .note-editor .dropdown-toggle::after,
body[data-ui="app"] .note-popover .dropdown-toggle::after {
    display: none;
    content: none;
}

body[data-ui="app"] .note-editor.note-frame {
    border-color: var(--app-field-border);
    border-radius: var(--app-radius);
    background: var(--app-field-background);
    color: var(--app-text-primary);
}

body[data-ui="app"] .note-editor.note-frame:focus-within {
    border-color: var(--app-select-focus-border);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--app-select-focus-border) 16%, transparent);
}

body[data-ui="app"] .note-editor.note-frame .note-editing-area {
    background: var(--app-field-background);
    color: var(--app-text-primary);
}

body[data-ui="app"] .note-editor.note-frame .note-editing-area .note-editable,
body[data-ui="app"] .note-editor.note-frame .note-editing-area .note-codable,
body[data-ui="app"] .note-editor.note-frame.fullscreen .note-editing-area .note-editable {
    background: var(--app-field-background);
    color: var(--app-text-primary);
    caret-color: var(--app-text-primary);
}

body[data-ui="app"] .note-editor.note-frame .note-editing-area .note-editable {
    font-family: var(--app-font-family-body);
    font-size: var(--app-font-size-body);
    line-height: var(--app-line-height-body);
}

body[data-ui="app"] .note-editor.note-frame .note-editing-area .note-codable {
    font-family: var(--app-font-family-mono);
    font-size: var(--app-font-size-body);
    line-height: var(--app-line-height-body);
}

body[data-ui="app"] .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
    background: color-mix(in srgb, var(--app-surface-muted) 88%, var(--app-base-white) 12%);
    color: var(--app-text-muted);
}

body[data-ui="app"] .note-editor.note-frame .note-placeholder {
    color: var(--app-text-placeholder);
}

body[data-ui="app"] .note-editor.note-frame .note-statusbar {
    border-top: 1px solid var(--app-field-border);
    background: color-mix(in srgb, var(--app-field-background) 86%, var(--app-surface-muted) 14%);
    color: var(--app-text-muted);
}

body[data-ui="app"] .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    border-top-color: currentColor;
}

body[data-ui="app"] .note-editor .note-toolbar,
body[data-ui="app"] .note-popover .popover-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /* The editor toolbar is vendor-owned DOM; these variables make the platform
       toolbar density explicit while keeping the generic .plat-toolbar reusable. */
    --plat-toolbar-gap: 0;
    --plat-toolbar-button-size: calc(var(--app-runtime-control-line-height, 18.5714px) + 0.625rem + 2px);
    --plat-toolbar-button-padding-block: 0.3125rem;
    --plat-toolbar-button-padding-inline: 0.625rem;
    padding: 0 0 var(--app-space-1) var(--app-space-1);
    background: color-mix(in srgb, var(--app-surface-muted) 56%, var(--app-surface-panel) 44%);
}

body[data-ui="app"] .note-editor .note-toolbar > .note-btn-group,
body[data-ui="app"] .note-editor .note-toolbar > .btn-group,
body[data-ui="app"] .note-popover .popover-content > .note-btn-group,
body[data-ui="app"] .note-popover .popover-content > .btn-group {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    vertical-align: top;
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn,
body[data-ui="app"] .note-popover .popover-content .note-btn {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    min-height: var(--plat-toolbar-button-size);
    padding: var(--plat-toolbar-button-padding-block) var(--plat-toolbar-button-padding-inline);
    border: 1px solid var(--app-border-input);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface-panel);
    color: var(--app-text-primary);
    box-shadow: inset 0 -1px 0 var(--app-ink-05);
    font-family: var(--app-font-family-body);
    font-size: var(--app-runtime-control-font-size, 13px);
    font-weight: 400;
    line-height: var(--app-runtime-control-line-height, 18.5714px);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn.plat-btn--icon,
body[data-ui="app"] .note-popover .popover-content .note-btn.plat-btn--icon {
    inline-size: var(--plat-toolbar-button-size);
    min-inline-size: var(--plat-toolbar-button-size);
    padding-inline: 0;
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn.plat-btn--icon-caret,
body[data-ui="app"] .note-popover .popover-content .note-btn.plat-btn--icon-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--plat-toolbar-icon-caret-gap, 0.375rem);
    min-inline-size: calc(var(--plat-toolbar-button-size) + var(--plat-toolbar-button-padding-inline) * 2);
    padding-inline: var(--plat-toolbar-button-padding-inline);
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn.plat-btn--icon-caret > :is([class^="note-icon-"], [class*=" note-icon-"], .caret),
body[data-ui="app"] .note-popover .popover-content .note-btn.plat-btn--icon-caret > :is([class^="note-icon-"], [class*=" note-icon-"], .caret) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn > .note-icon-caret::before,
body[data-ui="app"] .note-popover .popover-content .note-btn > .note-icon-caret::before {
    /* The caret icon has a wide advance box with left-heavy ink. Shift only the
       glyph, not the button, so visual centering matches the measured layout. */
    display: inline-block;
    transform: translateX(0.125rem);
}

body[data-ui="app"] .note-popover .popover-content .note-btn > .plat-summernote-command-icon {
    /* These are Font Awesome glyphs injected by the Summernote runtime adapter,
       not glyphs from Summernote's own icon font. Keep their box metrics local
       to the table popover so toolbar codepoint compatibility stays untouched. */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 1em;
    line-height: 1;
}

body[data-ui="app"] .note-popover .popover-content .note-btn > .plat-summernote-command-icon--column-remove {
    /* Row and column delete both use the platform minus glyph. Rotating the
       column variant keeps the compact popover readable without remapping the
       shared Summernote icon font used by the toolbar. */
    transform: rotate(90deg);
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn:is(:hover, :focus-visible, .is-open),
body[data-ui="app"] .note-popover .popover-content .note-btn:is(:hover, :focus-visible, .is-open) {
    border-color: color-mix(in srgb, var(--app-border-input) 65%, var(--app-text-primary) 35%);
    background: var(--app-surface-subtle);
    color: var(--app-text-primary);
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn:focus:not(:focus-visible),
body[data-ui="app"] .note-popover .popover-content .note-btn:focus:not(:focus-visible) {
    outline: none;
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn:focus-visible,
body[data-ui="app"] .note-popover .popover-content .note-btn:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--app-accent) 42%, var(--app-base-white) 58%);
    outline-offset: 2px;
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn.active,
body[data-ui="app"] .note-editor .note-toolbar .note-btn[aria-pressed="true"],
body[data-ui="app"] .note-popover .popover-content .note-btn.active,
body[data-ui="app"] .note-popover .popover-content .note-btn[aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--app-border-input) 65%, var(--app-text-primary) 35%);
    background: color-mix(in srgb, var(--app-text-primary) 9%, var(--app-surface-panel));
    box-shadow: inset 0 3px 5px var(--app-ink-15);
    color: var(--app-text-primary);
}

body[data-ui="app"] .note-editor .note-toolbar .note-btn:disabled,
body[data-ui="app"] .note-editor .note-toolbar .note-btn[disabled],
body[data-ui="app"] .note-editor .note-toolbar .note-btn.disabled,
body[data-ui="app"] .note-popover .popover-content .note-btn:disabled,
body[data-ui="app"] .note-popover .popover-content .note-btn[disabled],
body[data-ui="app"] .note-popover .popover-content .note-btn.disabled {
    color: var(--app-text-disabled);
    background: var(--app-surface-muted);
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}

body[data-ui="app"] .note-editor .note-toolbar :is(.note-btn-group, .btn-group) > .note-btn,
body[data-ui="app"] .note-popover .popover-content :is(.note-btn-group, .btn-group) > .note-btn {
    position: relative;
    margin-inline-start: -1px;
}

body[data-ui="app"] .note-editor .note-toolbar :is(.note-btn-group, .btn-group) > .note-btn:first-child,
body[data-ui="app"] .note-popover .popover-content :is(.note-btn-group, .btn-group) > .note-btn:first-child {
    margin-inline-start: 0;
}

body[data-ui="app"] .note-editor .note-toolbar :is(.note-btn-group, .btn-group) > .note-btn:not(:first-child),
body[data-ui="app"] .note-popover .popover-content :is(.note-btn-group, .btn-group) > .note-btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body[data-ui="app"] .note-editor .note-toolbar :is(.note-btn-group, .btn-group) > .note-btn:not(:last-child),
body[data-ui="app"] .note-popover .popover-content :is(.note-btn-group, .btn-group) > .note-btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body[data-ui="app"] .note-editor .note-toolbar :is(.note-btn-group, .btn-group) > .note-btn:is(:hover, :focus-visible, .active, [aria-pressed="true"], .is-open),
body[data-ui="app"] .note-popover .popover-content :is(.note-btn-group, .btn-group) > .note-btn:is(:hover, :focus-visible, .active, [aria-pressed="true"], .is-open) {
    z-index: 2;
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    margin: 0;
    list-style: none;
    border: 1px solid var(--app-dropdown-border);
    background: var(--app-dropdown-background);
    box-shadow: var(--app-dropdown-shadow);
    padding: 5px 0;
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu.right,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu.right {
    left: auto;
    right: 0;
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu.is-open,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu.is-open {
    display: block;
}

body[data-ui="app"] .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
body[data-ui="app"] .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,
body[data-ui="app"] .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
body[data-ui="app"] .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
    box-sizing: border-box;
    display: inline-block;
    clear: none;
    margin: 3px;
    padding: 0 3px;
    width: 100%;
    border: 1px solid var(--app-border-subtle);
    border-radius: 5px;
    background: var(--app-surface-panel);
    color: var(--app-text-primary);
    cursor: pointer;
    font-size: 11px;
    line-height: 18.5714px;
    text-align: center;
}

body[data-ui="app"] .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
body[data-ui="app"] .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:focus,
body[data-ui="app"] .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
body[data-ui="app"] .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:focus,
body[data-ui="app"] .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
body[data-ui="app"] .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:focus,
body[data-ui="app"] .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
body[data-ui="app"] .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:focus {
    background: var(--app-surface-hover);
}

body[data-ui="app"] .note-editor .note-toolbar .note-color-palette .note-color-row .note-color-btn,
body[data-ui="app"] .note-popover .popover-content .note-color-palette .note-color-row .note-color-btn {
    box-sizing: border-box;
    display: inline-block;
    clear: none;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--app-base-white);
    border-radius: 0;
    text-align: center;
}

body[data-ui="app"] .note-editor .note-toolbar .note-color-palette .note-color-row .note-color-btn:hover,
body[data-ui="app"] .note-editor .note-toolbar .note-color-palette .note-color-row .note-color-btn:focus,
body[data-ui="app"] .note-popover .popover-content .note-color-palette .note-color-row .note-color-btn:hover,
body[data-ui="app"] .note-popover .popover-content .note-color-palette .note-color-row .note-color-btn:focus {
    border-color: var(--app-base-black);
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu a,
body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu button:not(.note-color-btn):not(.note-color-reset):not(.note-color-select),
body[data-ui="app"] .note-popover .popover-content .dropdown-menu a,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu button:not(.note-color-btn):not(.note-color-reset):not(.note-color-select) {
    box-sizing: border-box;
    display: block;
    clear: both;
    padding: 3px 20px;
    color: var(--app-text-primary);
    font-weight: 400;
    font-size: 13px;
    line-height: 18.5714px;
    text-decoration: none;
    white-space: nowrap;
    background: transparent;
    border: 0;
    width: 100%;
    text-align: left;
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu a:hover,
body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu a:focus,
body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu button:not(.note-color-btn):not(.note-color-reset):not(.note-color-select):hover,
body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu button:not(.note-color-btn):not(.note-color-reset):not(.note-color-select):focus,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu a:hover,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu a:focus,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu button:not(.note-color-btn):not(.note-color-reset):not(.note-color-select):hover,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu button:not(.note-color-btn):not(.note-color-reset):not(.note-color-select):focus {
    color: var(--app-dropdown-item-hover-color);
    background: var(--app-dropdown-item-hover-background);
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu > .note-btn-group,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu > .note-btn-group {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: stretch;
    margin: 0 var(--app-space-1) 0 0;
    vertical-align: top;
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu:has(> .note-btn-group),
body[data-ui="app"] .note-popover .popover-content .dropdown-menu:has(> .note-btn-group) {
    width: max-content;
    min-width: 0;
    padding-inline: var(--app-space-1);
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu > .note-btn-group:last-child,
body[data-ui="app"] .note-popover .popover-content .dropdown-menu > .note-btn-group:last-child {
    margin-inline-end: 0;
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu > .note-btn-group > button.note-btn:not(.note-color-btn):not(.note-color-reset):not(.note-color-select),
body[data-ui="app"] .note-popover .popover-content .dropdown-menu > .note-btn-group > button.note-btn:not(.note-color-btn):not(.note-color-reset):not(.note-color-select) {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--plat-toolbar-button-size);
    inline-size: var(--plat-toolbar-button-size);
    min-inline-size: var(--plat-toolbar-button-size);
    min-height: var(--plat-toolbar-button-size);
    padding: var(--plat-toolbar-button-padding-block) 0;
    border: 1px solid var(--app-border-input);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface-panel);
    color: var(--app-text-primary);
    box-shadow: inset 0 -1px 0 var(--app-ink-05);
    font-family: var(--app-font-family-body);
    font-size: var(--app-runtime-control-font-size, 13px);
    font-weight: 400;
    line-height: var(--app-runtime-control-line-height, 18.5714px);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu > .note-btn-group > button.note-btn:not(:first-child),
body[data-ui="app"] .note-popover .popover-content .dropdown-menu > .note-btn-group > button.note-btn:not(:first-child) {
    margin-inline-start: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu > .note-btn-group > button.note-btn:not(:last-child),
body[data-ui="app"] .note-popover .popover-content .dropdown-menu > .note-btn-group > button.note-btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body[data-ui="app"] .note-editor .note-toolbar .dropdown-menu > .note-btn-group > button.note-btn:is(:hover, :focus-visible, .active, [aria-pressed="true"], :active),
body[data-ui="app"] .note-popover .popover-content .dropdown-menu > .note-btn-group > button.note-btn:is(:hover, :focus-visible, .active, [aria-pressed="true"], :active) {
    position: relative;
    z-index: 2;
    border-color: color-mix(in srgb, var(--app-border-input) 65%, var(--app-text-primary) 35%);
    background: var(--app-surface-subtle);
    color: var(--app-text-primary);
}

body[data-ui="app"] .note-modal[aria-hidden="true"],
body[data-ui="app"] .note-modal:not(.in) {
    display: none;
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 2rem;
    overflow: auto;
    background: var(--app-overlay-scrim-soft);
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .modal-dialog {
    width: min(100%, 42rem);
    margin: 0 auto;
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .modal-content {
    background: var(--app-surface-panel);
    border: 1px solid var(--app-border-input);
    border-radius: var(--app-radius);
    box-shadow: var(--app-shadow-dialog);
    color: var(--app-text-primary);
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .modal-header,
body[data-ui="app"] .note-modal.in[aria-hidden="false"] .modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .modal-header {
    border-bottom: 1px solid var(--app-border-subtle);
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .modal-footer {
    border-top: 1px solid var(--app-border-subtle);
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .modal-title {
    order: 0;
    flex: 1 1 auto;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .modal-body {
    padding: 1rem 1.25rem;
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .close {
    order: 1;
    margin-inline-start: auto;
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .close.plat-close-button {
    flex: 0 0 auto;
    font-size: 0;
    opacity: 1;
    color: var(--app-text-muted);
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .close.plat-close-button:hover,
body[data-ui="app"] .note-modal.in[aria-hidden="false"] .close.plat-close-button:focus-visible {
    color: var(--app-text-primary);
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] .close:not(.plat-close-button) {
    border: 0;
    background: transparent;
    color: var(--app-text-muted);
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0;
}

body[data-ui="app"] .note-modal.in[aria-hidden="false"] input,
body[data-ui="app"] .note-modal.in[aria-hidden="false"] select,
body[data-ui="app"] .note-modal.in[aria-hidden="false"] textarea {
    width: 100%;
}

/* Keep Summernote's icon codepoints aligned with the app icon look. The
   modern stack loads base Summernote CSS directly, which uses a newer codepoint
   set than the older vendored icon bundle we previously shipped. */
.note-icon-align-center:before { content: "\f101"; }
.note-icon-align-indent:before { content: "\f102"; }
.note-icon-align-justify:before { content: "\f103"; }
.note-icon-align-left:before { content: "\f104"; }
.note-icon-align-outdent:before { content: "\f105"; }
.note-icon-align-right:before { content: "\f106"; }
.note-icon-align:before { content: "\f107"; }
.note-icon-arrows-alt:before { content: "\f108"; }
.note-icon-bold:before { content: "\f109"; }
.note-icon-caret:before { content: "\f10a"; }
.note-icon-chain-broken:before { content: "\f10b"; }
.note-icon-circle:before { content: "\f10c"; }
.note-icon-close:before { content: "\f10d"; }
.note-icon-code:before { content: "\f10e"; }
.note-icon-eraser:before { content: "\f10f"; }
.note-icon-font:before { content: "\f110"; }
.note-icon-frame:before { content: "\f111"; }
.note-icon-italic:before { content: "\f112"; }
.note-icon-link:before { content: "\f113"; }
.note-icon-magic:before { content: "\f114"; }
.note-icon-menu-check:before { content: "\f115"; }
.note-icon-minus:before { content: "\f116"; }
.note-icon-orderedlist:before { content: "\f117"; }
.note-icon-pencil:before { content: "\f118"; }
.note-icon-picture:before { content: "\f119"; }
.note-icon-question:before { content: "\f11a"; }
.note-icon-redo:before { content: "\f11b"; }
.note-icon-special-character:before { content: "\f11c"; }
.note-icon-square:before { content: "\f11d"; }
.note-icon-strikethrough:before { content: "\f11e"; }
.note-icon-subscript:before { content: "\f11f"; }
.note-icon-summernote:before { content: "\f120"; }
.note-icon-superscript:before { content: "\f121"; }
.note-icon-table:before { content: "\f122"; }
.note-icon-text-height:before { content: "\f123"; }
.note-icon-trash:before { content: "\f124"; }
.note-icon-underline:before { content: "\f125"; }
.note-icon-undo:before { content: "\f126"; }
.note-icon-unorderedlist:before { content: "\f127"; }
.note-icon-video:before { content: "\f128"; }