.tiptap-editor .hljs {
    background: gray;
    color: #d6deeb;
    padding: .5rem 1rem;
    font-size: .875rem;
}

[wire\:key*=filament_tiptap_source] .fi-fo-component-ctn, [wire\:key*=filament_tiptap_source] .fi-fo-component-ctn > div, [wire\:key*=filament_tiptap_source] .fi-fo-component-ctn > div .fi-fo-field-wrp {
    height: 100%
}

[wire\:key*=filament_tiptap_source] .fi-fo-component-ctn > div .fi-fo-field-wrp > div {
    height: 100%;
    grid-template-rows:auto 1fr
}

[wire\:key*=filament_tiptap_source] .fi-fo-component-ctn > div .fi-fo-field-wrp > div .source_code_editor * {
    height: 100% !important
}

.sorting .tiptap-wrapper {
    pointer-events: none
}

.tiptap-wrapper.tiptap-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    height: 100%
}

.tiptap-wrapper.tiptap-fullscreen .tiptap-prosemirror-wrapper {
    max-height: 100%;
    padding-block-end: 3rem
}

.tiptap-editor .tiptap-content {
    display: flex;
    flex-direction: column
}

.tiptap-prosemirror-wrapper {
    word-break: break-word;
    overflow-wrap: break-word
}

.tiptap-prosemirror-wrapper.prosemirror-w-sm {
    padding: 0 max(1rem, calc(50% - 12rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-md {
    padding: 0 max(1rem, calc(50% - 14rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-lg {
    padding: 0 max(1rem, calc(50% - 16rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-xl {
    padding: 0 max(1rem, calc(50% - 18rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-2xl {
    padding: 0 max(1rem, calc(50% - 21rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-3xl {
    padding: 0 max(1rem, calc(50% - 24rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-4xl {
    padding: 0 max(1rem, calc(50% - 28rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-5xl {
    padding: 0 max(1rem, calc(50% - 32rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-6xl {
    padding: 0 max(1rem, calc(50% - 36rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-7xl {
    padding: 0 max(1rem, calc(50% - 40rem))
}

.tiptap-prosemirror-wrapper.prosemirror-w-none {
    padding: 0 1rem
}

.tiptap-editor {
    flex: 1 1 0;
    padding-block: 1rem;
    margin: 0 4rem;
    position: relative;
    width: calc(100% - 8rem);

    @media (max-width: 960px) {
        margin: 0 2rem;
        width: calc(100% - 4rem);
    }
}

.tiptap-editor .ProseMirror.ProseMirror-focused .ProseMirror-selectednode {
    outline-style: dashed;
    outline-width: 2px;
    outline-offset: 2px;
}


.tiptap-editor .tiptap-block-wrapper {
    overflow: hidden;
    --tw-bg-opacity: 1;
}

.tiptap-editor .tiptap-block-wrapper:is(.dark *) {
    --tw-bg-opacity: 1;
}

.tiptap-editor .tiptap-block-wrapper .tiptap-block .tiptap-block-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    padding: .25rem .75rem;
    line-height: 1;
    --tw-text-opacity: 1;
}

.tiptap-editor .tiptap-block-wrapper .tiptap-block .tiptap-block-heading:is(.dark *) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.tiptap-editor .tiptap-block-wrapper .tiptap-block .tiptap-block-heading .tiptap-block-title {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .8
}

.tiptap-editor .tiptap-block-wrapper .tiptap-block .tiptap-block-actions {
    display: flex;
    align-items: center;
    gap: .5rem
}

.tiptap-editor .tiptap-block-wrapper .tiptap-block .tiptap-block-actions button {
    opacity: .75
}

.tiptap-editor .tiptap-block-wrapper .tiptap-block .tiptap-block-actions button:focus, .tiptap-editor .tiptap-block-wrapper .tiptap-block .tiptap-block-actions button:hover {
    --tw-text-opacity: 1;
    opacity: 1
}

.tiptap-editor .tiptap-block-wrapper .tiptap-block .preview {
    padding: 1rem
}

.tiptap-editor .filament-tiptap-hurdle {
    width: 100%;
    max-width: 100vw;
    padding-block: 1rem;
    position: relative
}

.tiptap-editor .filament-tiptap-hurdle:after, .tiptap-editor .filament-tiptap-hurdle:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: inherit
}

.tiptap-editor .filament-tiptap-hurdle:before {
    left: -100%
}

.tiptap-editor .filament-tiptap-hurdle:after {
    right: -100%
}

.tiptap-editor > * + * {
    margin-block-start: 1rem
}

.tiptap-editor > * + h1, .tiptap-editor > * + h2, .tiptap-editor > * + h3, .tiptap-editor > * + h4, .tiptap-editor > * + h5, .tiptap-editor > * + h6 {
    margin-block-start: 2rem
}

.tiptap-editor img {
    display: inline-block
}

.tiptap-editor h1, .tiptap-editor h2, .tiptap-editor h3, .tiptap-editor h4, .tiptap-editor h5, .tiptap-editor h6 {
    font-weight: 700
}

.tiptap-editor h1 {
    font-size: 1.75rem;
    line-height: 1.1
}

.tiptap-editor h2 {
    font-size: 1.5rem;
    line-height: 1.1
}

.tiptap-editor h3 {
    font-size: 1.25rem;
    line-height: 1.25
}

.tiptap-editor h4 {
    font-size: 1.125rem
}

.tiptap-editor .lead {
    font-size: 1.375rem;
    line-height: 1.3
}

.tiptap-editor small {
    font-size: .75rem
}

.tiptap-editor ol > :not([hidden]) ~ :not([hidden]), .tiptap-editor ul > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.tiptap-editor ol, .tiptap-editor ul {
    padding-inline-start: 1rem;
    margin-inline-start: 1rem
}

.tiptap-editor ul {
    list-style: disc
}

.tiptap-editor ol {
    list-style: decimal
}

.tiptap-editor ul.checked-list {
    list-style-type: none;
    margin-inline-start: 0
}

.tiptap-editor ul.checked-list li {
    display: flex;
    align-items: baseline;
    gap: .375em
}

.tiptap-editor ul.checked-list li:before {
    content: "✓";
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0
}

.tiptap-editor blockquote {
    padding-inline-start: .5rem;
    margin-inline-start: 1rem;
    font-size: 1.25rem
}


.tiptap-editor a {
    text-decoration: underline
}

.tiptap-editor a[id] {
    text-decoration: none
}

.tiptap-editor a[id]:before {
    content: "# ";
    opacity: 1
}

.tiptap-editor a[data-as-button=true] {
    text-decoration: none;
    display: inline-block;
    padding: .5rem 1.25rem
}

.tiptap-editor sup {
    font-size: 65%
}

.tiptap-editor img.ProseMirror-selectednode {
    outline-offset: 2px;
}

.tiptap-editor table {
    margin: 0;
    overflow: hidden;
    table-layout: fixed;
    width: 100%;
    position: relative
}

.tiptap-editor table td, .tiptap-editor table th {
    min-width: 1em;
    padding: 3px 5px;
    vertical-align: top;
    background-clip: padding-box
}

.tiptap-editor table td > *, .tiptap-editor table th > * {
    margin-bottom: 0
}

.tiptap-editor table th {
    font-weight: 700;
    text-align: left
}

.tiptap-editor table .selectedCell {
    position: relative
}

.tiptap-editor table .selectedCell:after {
    background: rgba(200, 200, 255, .4);
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.tiptap-editor table .column-resize-handle {
    bottom: -2px;
    position: absolute;
    right: -2px;
    pointer-events: none;
    top: 0;
    width: 4px
}

.tiptap-editor table p {
    margin: 0
}

.tiptap-editor .tableWrapper {
    padding: 1rem 0;
    overflow-x: auto
}

.tiptap-editor .resize-cursor {
    cursor: col-resize
}

.tiptap-editor pre {
    padding: .75rem 1rem;
    font-size: .875rem
}

.tiptap-editor pre code {
    padding-inline: 0
}

.tiptap-editor code {
    padding-inline: .25rem
}

.tiptap-editor pre.hljs {
    direction: ltr
}

.tiptap-editor pre.hljs code {
    background-color: transparent
}

.tiptap-editor .filament-tiptap-grid,
.tiptap-editor .filament-tiptap-grid-builder {
    display: grid;
    gap: 1rem;
    box-sizing: border-box
}

.tiptap-editor .filament-tiptap-grid .filament-tiptap-grid-builder__column,
.tiptap-editor .filament-tiptap-grid .filament-tiptap-grid__column,
.tiptap-editor .filament-tiptap-grid-builder .filament-tiptap-grid-builder__column,
.tiptap-editor .filament-tiptap-grid-builder .filament-tiptap-grid__column {
    box-sizing: border-box;
    padding: .5rem;
}

.tiptap-editor .filament-tiptap-grid .filament-tiptap-grid-builder__column > * + *, .tiptap-editor .filament-tiptap-grid .filament-tiptap-grid__column > * + *, .tiptap-editor .filament-tiptap-grid-builder .filament-tiptap-grid-builder__column > * + *, .tiptap-editor .filament-tiptap-grid-builder .filament-tiptap-grid__column > * + * {
    margin-block-start: 1rem
}

.tiptap-editor .filament-tiptap-grid-builder.ProseMirror-selectednode, .tiptap-editor .filament-tiptap-grid.ProseMirror-selectednode {
    outline-offset: 2px;
}

.tiptap-editor .filament-tiptap-grid[type^=asymetric] {
    grid-template-columns:1fr;
    grid-template-rows:auto
}

@media (max-width: 640px) {
    .tiptap-editor .filament-tiptap-grid-builder[data-stack-at=sm] {
        grid-template-columns:1fr !important
    }

    .tiptap-editor .filament-tiptap-grid-builder[data-stack-at=sm] .filament-tiptap-grid-builder__column {
        grid-column: span 1 !important
    }
}

@media (max-width: 768px) {
    .tiptap-editor .filament-tiptap-grid-builder[data-stack-at=md] {
        grid-template-columns:1fr !important
    }

    .tiptap-editor .filament-tiptap-grid-builder[data-stack-at=md] .filament-tiptap-grid-builder__column {
        grid-column: span 1 !important
    }
}

@media (max-width: 1024px) {
    .tiptap-editor .filament-tiptap-grid-builder[data-stack-at=lg] {
        grid-template-columns:1fr !important
    }

    .tiptap-editor .filament-tiptap-grid-builder[data-stack-at=lg] .filament-tiptap-grid-builder__column {
        grid-column: span 1 !important
    }
}

@media (min-width: 768px) {
    .tiptap-editor .filament-tiptap-grid[type=asymetric-right-thirds] {
        grid-template-columns:1fr 2fr
    }

    .tiptap-editor .filament-tiptap-grid[type=asymetric-left-thirds] {
        grid-template-columns:2fr 1fr
    }

    .tiptap-editor .filament-tiptap-grid[type=asymetric-right-fourths] {
        grid-template-columns:1fr 3fr
    }

    .tiptap-editor .filament-tiptap-grid[type=asymetric-left-fourths] {
        grid-template-columns:3fr 1fr
    }
}

.tiptap-editor .filament-tiptap-grid[type=responsive] {
    grid-template-columns:1fr;
    grid-template-rows:auto
}

@media (min-width: 768px) {
    .tiptap-editor .filament-tiptap-grid[type=responsive][cols="2"] {
        grid-template-columns:repeat(2, 1fr)
    }

    .tiptap-editor .filament-tiptap-grid[type=responsive][cols="3"] {
        grid-template-columns:repeat(3, 1fr)
    }

    .tiptap-editor .filament-tiptap-grid[type=responsive][cols="4"] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1024px) {
    .tiptap-editor .filament-tiptap-grid[type=responsive][cols="4"] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 768px) {
    .tiptap-editor .filament-tiptap-grid[type=responsive][cols="5"] {
        grid-template-columns:repeat(5, 1fr)
    }
}

.tiptap-editor .filament-tiptap-grid[type=fixed][cols="2"] {
    grid-template-columns:repeat(2, 1fr)
}

.tiptap-editor .filament-tiptap-grid[type=fixed][cols="3"] {
    grid-template-columns:repeat(3, 1fr)
}

.tiptap-editor .filament-tiptap-grid[type=fixed][cols="4"] {
    grid-template-columns:repeat(4, 1fr)
}

.tiptap-editor .filament-tiptap-grid[type=fixed][cols="5"] {
    grid-template-columns:repeat(5, 1fr)
}


.tiptap-editor [data-native-video].ProseMirror-selectednode, .tiptap-editor [data-vimeo-video].ProseMirror-selectednode, .tiptap-editor [data-youtube-video].ProseMirror-selectednode {
    outline-offset: 2px;
}

.tiptap-editor [data-native-video] iframe,
.tiptap-editor [data-native-video] video,
.tiptap-editor [data-vimeo-video] iframe,
.tiptap-editor [data-vimeo-video] video,
.tiptap-editor [data-youtube-video] iframe,
.tiptap-editor [data-youtube-video] video {
    pointer-events: none;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.tiptap-editor div[data-type=details] {
    box-sizing: border-box;
    position: relative
}

.tiptap-editor div[data-type=details] summary {
    padding: .375rem .5rem;
    font-weight: 700;
}

.tiptap-editor div[data-type=details] summary::marker {
    content: "";
    display: none
}

.tiptap-editor div[data-type=details] div[data-type=details-content] {
    padding: .5rem;
    height: auto
}

.tiptap-editor div[data-type=details] div[data-type=details-content] > * + * {
    margin-block-start: 1rem
}

.filament-tiptap-editor-source-modal textarea {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace monospace
}

.tiptap-editor p.is-editor-empty:first-child:before, .tiptap-wrapper .is-empty:before {
    content: attr(data-placeholder);
    float: left;
    height: 0;
    pointer-events: none;
    --tw-text-opacity: 1;
}

.tiptap-editor p.is-editor-empty:first-child:is(.dark *):before, .tiptap-wrapper .is-empty:is(.dark *):before {
    --tw-text-opacity: 1;
}

.tippy-content-p-0 {
    margin: -.25rem -.5rem
}

span[data-type=mergeTag] {
    margin-left: .25rem;
    margin-right: .25rem;
    --tw-bg-opacity: 1;
    padding: .25rem .5rem
}

span[data-type=mergeTag]:is(.dark *) {
    --tw-bg-opacity: 1;
}

.tiptap-editor .mention {
    --tw-bg-opacity: 0.1;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: .125rem .25rem;
    --tw-text-opacity: 1;
}

.mention-dropdown .loader {
    width: 1rem;
    height: 1rem
}

.mention-dropdown .loader {
    animation: spin 1s linear infinite;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.mention-dropdown .loader .circle {
    opacity: .25
}

.mention-dropdown .loader .path {
    opacity: .75
}