.tiptap{outline:none;height:100%;:first-child{margin-top:0}p {font-size: .95em; line-height: 1.6rem;} ul,ol {padding: 0 1rem; margin: 1.25rem 1rem 1.25rem .4rem; li p {margin-top: .25em; margin-bottom: .25em;}} h1,h2,h3,h4,h5,h6 {line-height: 1.1; margin-top: 2.5rem; text-wrap: pretty;} h1,h2 {margin-top: 3.5rem; margin-bottom: 1.5rem;} h1 {font-size: 1.4rem;} h2 {font-size: 1.2rem;} h3 {font-size: 1.1rem;} h4,h5,h6 {font-size: 1rem;} code {background-color: var(--purple-light); border-radius: .4rem; color: var(--black); font-size: .85rem; padding: .25em .3em;} pre {background: var(--black); border-radius: .5rem; color: var(--white); font-family: "JetBrainsMono",monospace; margin: 1.5rem 0; padding: .75rem 1rem; code {background: none; color: inherit; font-size: .8rem; padding: 0;}} blockquote {border-left: 3px solid var(--gray-3); margin: 1.5rem 0; padding-left: 1rem;} hr {border: none; border-top: 1px solid #555; margin: 2rem 0;} p.is-editor-empty:first-child::before {color: #777; content: attr(data-placeholder); float: left; height: 0; pointer-events: none;}}.bubble-menu{background-color:#222;border:1px solid #333;border-radius:6px;box-shadow:0 0 10px #0000004d;display:flex;gap:6px;padding:.3rem;button {background-color: unset; &:hover {background-color: var(--gray-3);} &.is-active {background-color: var(--purple); &:hover {background-color: var(--purple-contrast);}}}}.floating-menu{display:flex;background-color:var(--gray-3);padding:.1rem;border-radius:.5rem;button {background-color: unset; padding: .275rem .425rem; border-radius: .3rem; &:hover {background-color: var(--gray-3);} &.is-active {background-color: var(--white); color: var(--purple); &:hover {color: var(--purple-contrast);}}}}