$colorBlack: #000; *, *::before, *::after { box-sizing: border-box; } html { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 1rem; min-height: 10rem; } ::-webkit-scrollbar { width: 14px; height: 14px; } ::-webkit-scrollbar-track { border: 4px solid transparent; background-clip: padding-box; border-radius: 8px; background-color: transparent; } ::-webkit-scrollbar-thumb { border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 8px; background-color: rgba(0, 0, 0, 0); } :hover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.1); } ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.15); } ::-webkit-scrollbar-button { display: none; width: 0; height: 0; } ::-webkit-scrollbar-corner { background-color: transparent; } .ProseMirror:focus { outline: none; } .is-active { background: black; color: white; }