.tiptap details {
    margin-top: 10px;
    padding: 6px;
    border-radius: 2px;
    border: 1px solid #338bc2;
}

.tiptap details > div {
    padding-left: 27px;
}

.tiptap details p {
    margin-top: 6px;
    margin-bottom: 6px;
}

.tiptap details summary::-webkit-details-marker {
    display: none;
}

.tiptap details > summary {
    position: relative;
    padding-left: 27px;
    list-style: none;
    line-height: 27px;
}

.tiptap details > summary:before {
    content: '';
    margin-right: 7px;
    background-image: url(/icons/arrow-down.svg);
    transform: rotate(-90deg);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    transition: all ease 0.3s;
}

.tiptap details[open] > summary:before {
    content: '';
    background-image: url(/icons/arrow-down.svg);
    transform: rotate(0deg);
    width: 20px;
    transition: all ease 0.3s;
    height: 20px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.tiptap .callout .icon:before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.tiptap .callout .icon.yellow:before {
    background-image: url(/tiptap/icons/callout-yellow.svg);
}
.tiptap .callout .icon.green:before {
    background-image: url(/tiptap/icons/callout-green.svg);
}
.tiptap .callout .icon.blue:before {
    background-image: url(/tiptap/icons/callout-blue.svg);
}
.tiptap .callout .icon.pirple:before {
    background-image: url(/tiptap/icons/callout-pirple.svg);
}
.tiptap .callout .icon.red:before {
    background-image: url(/tiptap/icons/callout-red.svg);
}
.tiptap a[data-type='jump-anchor'] {
    position: relative;
    padding-right: 2px;
    margin-left: 1px;
    margin-right: 1px;
    color: #262626;
    font-weight: 400;
    cursor: pointer;
}

.tiptap .columnBlock {
    display: grid;
    gap: 10px;
}

.tiptap .columnBlock[data-cols='2'] {
    grid-template-columns: 1fr 1fr;
}
.tiptap .columnBlock[data-cols='3'] {
    grid-template-columns: 1fr 1fr 1fr;
}
.tiptap .columnBlock[data-cols='2'] {
    grid-template-columns: 1fr 1fr;
}

.tiptap .columnBlock[data-cols='2'][data-template='left'] {
    grid-template-columns: 67% 1fr;
}
.tiptap .columnBlock[data-cols='2'][data-template='right'] {
    grid-template-columns: 1fr 67%;
}
.tiptap .columnBlock[data-cols='3'][data-template='center'] {
    grid-template-columns: 1fr 50% 1fr;
}

.tiptap .columnBlock .column {
    word-break: break-all;
}

.tiptap a {
    font-weight: 500;
    color: rgba(51, 139, 194, 1);
}

.tiptap a * {
    color: rgba(51, 139, 194, 1) !important;
}

.CodeMirror-wrap {
    height: 100% !important;
}
.tiptap pre code {
    font-family: monospace;
}

.tiptap pre code {
    display: block;
    background: rgba(39, 155, 217, 0.1);
    border-radius: 0.5rem;
    /* color: #fff; */
    font-family: 'JetBrainsMono', monospace;
    padding: 0.75rem 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    /* color: inherit; */
    font-size: 0.8rem;
}
/* .hljs-comment,
.hljs-quote {
  color: #616161;
}

.hljs-variable,
.hljs-template-variable,
.hljs-attribute,
.hljs-tag,
.hljs-name,
.hljs-regexp,
.hljs-link,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #f98181;
}

.hljs-tag.hljs-attr {
  color: #49e2eb;
}

.hljs-number,
.hljs-meta,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params {
  color: #fbbc88;
}

.hljs-string,
.hljs-symbol,
.hljs-bullet {
  color: #b9f18d;
}

.hljs-title,
.hljs-section {
  color: #faf594;
}

.hljs-keyword,
.hljs-selector-tag {
  color: #70cff8;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 700;
} */

ol.list-upper-alpha {
    list-style: upper-alpha !important;
}
ol.list-lower-alpha {
    list-style: lower-alpha !important;
}
ol.list-lower-roman {
    list-style: lower-roman !important;
}
ol.list-upper-roman {
    list-style: upper-roman !important;
}
ol.list-decimal {
    list-style: decimal !important;
}
ul.list-disc {
    list-style: disc !important;
}
ul.list-circle {
    list-style: circle !important;
}
ul.list-option-1 {
    list-style: '⊙ ' !important;
}
ul.list-option-2 {
    list-style: '◍ ' !important;
}
ul.list-option-3 {
    list-style: '◆ ' !important;
}
ul.list-option-4 {
    list-style: '❖ ' !important;
}
ul.list-option-5 {
    list-style: '✦ ' !important;
}
ul.list-option-6 {
    list-style: '✧ ' !important;
}
ul.list-option-7 {
    list-style: '✱ ' !important;
}
ul.list-option-8 {
    list-style: '☆ ' !important;
}
ul.list-option-9 {
    list-style: '◌ ' !important;
}
ul.list-option-10 {
    list-style: '✓ ' !important;
}