index.css

.k-editor-block-options{position:absolute;left:0;display:flex;top:2px;width:4rem;padding:.25rem 0 6rem;align-items:center;justify-content:center}.k-editor-block-option[disabled]{visibility:hidden;pointer-events:none}.k-editor-block-option{cursor:pointer}.k-editor-block-option span{display:flex;width:1.5rem;height:1.5rem;border-radius:3px;align-items:center;justify-content:center;color:#999}.k-editor-block-option:hover{background:rgba(0,0,0,.1)}.k-editor-block-option:focus{outline:0}.k-editor-block-options .k-sort-handle{padding:0;width:auto;height:auto}.k-editor-block-option-dropdown{min-width:15rem}.k-editor-block-option-dropdown:after{position:absolute;content:"";top:100%;left:0;right:0;height:6rem}.k-editor-block-option-heading .k-button-text{opacity:1;font-weight:600}.k-field[data-disabled] .k-editor{pointer-events:none}.k-editor-placeholder nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.75rem}.k-editor-placeholder .k-button{display:flex;background:rgba(0,0,0,.075);text-align:left;padding:.5rem .75rem;align-items:center;height:38px;white-space:nowrap;border-radius:2px;transition:all .2s}.k-editor-placeholder .k-button:hover{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.05)}.k-editor-container{position:relative;padding:1.5rem 0;max-width:50rem;margin:0 auto}.k-editor-blocks{position:relative;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.05)}.k-editor-block{position:relative;padding:.325rem 4rem}.k-editor-block.k-sortable-ghost{cursor:-webkit-grabbing}.k-editor-block.k-sortable-ghost:before{position:absolute;content:"";top:0;right:3.5rem;bottom:0;left:3.5rem;outline:2px solid #4271ae;background:rgba(66,113,174,.125)}.k-editor-block.k-sortable-ghost .k-editor-block-options{display:none}.k-editor-block.sortable-drag{opacity:0!important;cursor:-webkit-grabbing}.k-editor-block:first-child{margin-top:0}.k-editor-block:last-child{margin-bottom:0}.k-editor-blockquote-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-blockquote-block .k-editable-placeholder,.k-editor-blockquote-block .ProseMirror{font-size:1.25rem;line-height:1.5em;padding:0 0 0 1rem;border-left:3px solid #000}.k-editor-blockquote-block .k-editor-block-options{top:24px}.k-editor-code-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-code-block-wrapper{position:relative}.k-editor-code-block-languages{position:absolute;bottom:0;right:0}.k-editor-code-block-languages-toggle{color:#fff;padding:0 .5rem .5rem;border-radius:3px}.k-editor-code-block-languages .k-dropdown-content{background:#fff;color:#000;display:grid;grid-template-columns:repeat(4,1fr);padding:.25rem 0;grid-column-gap:1.5rem}.k-editor-code-block-languages .k-dropdown-content>.k-dropdown-item:first-child,.k-editor-code-block-languages .k-dropdown-content>.k-dropdown-item:last-child{margin:0}.k-editor-code-block pre{background:#2d2e36;color:#fff;padding:1.5rem;border-radius:3px}.k-editor-code-block .k-editor-block-options{top:20px}.k-editor-h1-block .k-editable-placeholder,.k-editor-h1-block .k-editable .ProseMirror{font-size:1.75rem;font-weight:600;line-height:1.25em}.k-editor-h1-block .k-editor-block-options{top:10px}.k-editable-toolbar{position:absolute;display:flex;background:#000;height:36px;transform:translateX(-50%) translateY(-.75rem);z-index:1;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#fff;border-radius:3px}.k-editable-toolbar-button{display:flex;align-items:center;height:36px;padding:0 .5rem;font-size:.875rem!important;color:currentColor}.k-editable-toolbar-button.k-editable-toolbar-button-active{color:#81a2be}.k-editable{position:relative;width:100%}.k-editable .ProseMirror{word-wrap:break-word;white-space:pre-wrap;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;line-height:1.5em}.k-editable .ProseMirror:focus{outline:0}.k-editable .ProseMirror a{color:#4271ae;text-decoration:underline}.k-editable-text .ProseMirror strong{font-weight:600}.k-editable-text .ProseMirror code{position:relative;font-size:.925em;display:inline-block;line-height:1.325;padding:.05em .325em;background:rgba(0,0,0,.1);border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.k-editable-placeholder{position:absolute;top:0;left:0;right:0;color:#999;pointer-events:none;font:inherit;line-height:1.5em;-webkit-font-variant-ligatures:none;font-variant-ligatures:none}.k-editable-code pre{tab-size:2;font-size:.875rem;line-height:2em;overflow-x:auto;overflow-y:hidden;white-space:pre}.k-editable-code code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.k-editor-h2-block .k-editable-placeholder,.k-editor-h2-block .k-editable .ProseMirror{font-size:1.25rem;font-weight:600;line-height:1.35em}.k-editor-h2-block .k-editor-block-options{top:3px}.k-editor-h3-block .k-editable-placeholder,.k-editor-h3-block .ProseMirror{font-size:1rem;font-weight:600;line-height:1.5em}.k-editor-hr-block-divider{position:relative;height:1.5rem;border:0;color:rgba(0,0,0,.1)}.k-editor-hr-block-divider:focus{outline:0}.k-editor-hr-block-divider:after{position:absolute;top:50%;left:0;right:0;content:"";height:1px;background:currentColor}.k-editor-hr-block-divider:focus{color:rgba(66,113,174,.25)}.k-editor-hr-block-divider:focus:after{outline:1px solid rgba(66,113,174,.25)}.k-editor-image-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-image-block figure{line-height:0}.k-editor-image-block-wrapper img{width:100%}.k-editor-image-block-wrapper[data-responsive] img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;height:100%}.k-editor-image-block-wrapper[data-responsive]{position:relative;padding-bottom:66.66%;background:#2d2e36}.k-editor-image-block-wrapper:focus{outline:0}.k-editor-image-block-wrapper:focus img{outline:2px solid rgba(66,113,174,.25);outline-offset:2px}.k-editor-image-block figcaption{display:block;margin-top:.75rem}.k-editor-image-block .k-editable-placeholder,.k-editor-image-block .ProseMirror{text-align:center;font-size:.875rem;line-height:1.5em}.k-editor-image-block-placeholder{display:flex;line-height:1;justify-content:center;align-items:center;font-style:italic;font-size:.875rem;width:100%;background:rgba(0,0,0,.1);border:1px solid transparent;border-radius:3px;text-align:center;color:#999}.k-editor-image-block-placeholder:focus{outline:2px solid rgba(66,113,174,.25);outline-offset:2px}.k-editor-image-block-placeholder .k-button{padding:.75rem;display:flex;align-items:center;color:#000;margin:0 .5rem}.k-editor-image-block .k-editor-block-options{top:20px}.k-editor-kirbytext-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-kirbytext-block .k-editable-code pre{background:rgba(0,0,0,.1);padding:1.5rem;border-radius:3px;white-space:pre-wrap}.k-editor-kirbytext-block .k-editor-block-options{top:20px}.k-editor-ul-block .k-editable{position:relative;margin-left:1.25rem;line-height:1.5em}.k-editor-ul-block .k-editable:before{position:absolute;content:"";top:.625em;left:-1.25rem;width:6px;height:6px;border-radius:50%;background:currentColor}.k-editor-ol-block{counter-increment:list}.k-editor-block:not(.k-editor-ol-block){counter-reset:list}.k-editor-ol-block .k-editable{position:relative;margin-left:1.25rem;line-height:1.5em}.k-editor-ol-block .k-editable:before{position:absolute;content:counter(list) ".";top:.0625rem;left:-1.25rem;color:#999;font-size:.875rem}.k-editor-video-block{padding-top:1.5rem;padding-bottom:1.5rem}.k-editor-video-block-container{position:relative;padding-bottom:56.25%;background:rgba(0,0,0,.1)}.k-editor-video-block-container:focus-within{outline:2px solid rgba(66,113,174,.25);outline-offset:2px}.k-editor-video-block-overlay,.k-editor-video-block iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.k-editor-video-block-container:focus-within .k-editor-video-block-overlay{display:none}.k-editor-video-block figcaption{display:block;margin-top:.75rem}.k-editor-video-block .k-editable-placeholder,.k-editor-video-block .ProseMirror{text-align:center;font-size:.875rem;line-height:1.5em}.k-editor-video-block-input{position:absolute;font:inherit;background:none;border:0;width:100%;padding:.5rem;height:100%;text-align:center}.k-editor-video-block-input:focus{outline:0}.k-editor-video-block .k-editor-block-options{top:20px}.k-editor-inline .k-editable,.k-editor-inline .k-editable-placeholder{padding:.375rem}