.ColorPicker{display:flex;flex-wrap:nowrap;gap:var(--size-1);justify-content:space-between}.ColorPicker:active{opacity:var(--opacity-80)}.ColorPicker__item{cursor:pointer;width:var(--size-6);height:var(--size-6);flex-shrink:0;background-color:var(--background-color);box-shadow:inset 0 0 0 1px var(--border-color);border-radius:var(--size-6);transition-property:box-shadow;transition-duration:var(--duration-x-short);transition-timing-function:var(--ease-linear)}.ColorPicker__item[aria-checked=true]{box-shadow:inset 0 0 0 3px var(--border-color)}.ColorPicker__item:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color);outline:none}.NoteEditorModal{position:fixed;top:0;left:0;right:0}.NoteEditorModal>*{position:absolute;bottom:0;left:0;right:0}.NoteEditorModalBody{display:flex;flex-direction:column;height:100%;position:relative}.NoteEditorModalBody .TextEditor{flex:1;position:absolute;inset-inline:var(--size-2);inset-block:0 var(--size-1)}.NoteEditorModalHeader{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:grid;grid-template-columns:1fr 1fr;padding:var(--size-4) var(--size-2) var(--size-1-5);background-color:var(--note-editor-modal-header-background);color:var(--note-editor-modal-header-text);border-top-right-radius:var(--radius-lg);border-top-left-radius:var(--radius-lg)}.NoteEditorModalHeader__grabber{position:absolute;inset-block-start:var(--size-1);inset-inline-start:50%;transform:translate(-50%)}.NoteEditorModalHeader__timestamp{font-size:var(--font-size-sm);padding:var(--size-1) 0 var(--size-1) 0;font-weight:var(--font-weight-semibold)}.NoteEditorModalHeader__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;border:unset;padding:var(--size-1);height:var(--size-4);display:inline-flex;align-items:center;justify-content:center;line-height:var(--line-height-none);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background-color:var( --note-editor-modal-header-button, rgba(255, 255, 255, .5) );cursor:pointer}.NoteEditorModalHeader__button--circle{aspect-ratio:1;padding:var(--size-0-5);stroke:var(--note-editor-modal-header-text, var(--color-black))}.DialogModal .NoteEditorModalBody{min-height:var(--size-25);height:min(var(--size-35),50vh)}.DialogModal .NoteEditorModalBody .TextEditor{top:0;right:0;bottom:0;left:0;padding-inline:var(--size-1);padding-block:0 var(--size-1)}.DialogModal .NoteEditorModalHeader{padding-block:var(--size-2) 0;padding-inline:var(--size-1-5)}@media (hover: hover){.NoteEditorModalHeader__button:hover{background-color:var( --note-editor-modal-header-button-active, rgba(255, 255, 255, .7) )}}@media (min-width: 768px){:root{--page-gutter: var(--size-4)}}