| Current Path : /var/www/html/dynaweb-starter/resources/css/ |
| Current File : /var/www/html/dynaweb-starter/resources/css/filament.css |
.ring-transparent {
--tw-ring-color: transparent;
}
.tiptap-editor .ProseMirror .hljs{
background:#292524;
border-radius:.5rem;
color:#d6deeb;
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,monospace;
font-size:.875rem;
padding:.5rem 1rem
}
.tiptap-editor .ProseMirror .hljs-keyword{
color:#c792ea
}
.tiptap-editor .ProseMirror .hljs-built_in{
color:#addb67
}
.tiptap-editor .ProseMirror .hljs-type{
color:#82aaff
}
.tiptap-editor .ProseMirror .hljs-literal{
color:#ff5874
}
.tiptap-editor .ProseMirror .hljs-number{
color:#f78c6c
}
.tiptap-editor .ProseMirror .hljs-regexp{
color:#5ca7e4
}
.tiptap-editor .ProseMirror .hljs-string{
color:#ecc48d
}
.tiptap-editor .ProseMirror .hljs-subst{
color:#d3423e
}
.tiptap-editor .ProseMirror .hljs-symbol{
color:#82aaff
}
.tiptap-editor .ProseMirror .hljs-class{
color:#ffcb8b
}
.tiptap-editor .ProseMirror .hljs-function{
color:#82aaff
}
.tiptap-editor .ProseMirror .hljs-title{
color:#dcdcaa
}
.tiptap-editor .ProseMirror .hljs-params{
color:#7fdbca
}
.tiptap-editor .ProseMirror .hljs-comment{
color:#637777
}
.tiptap-editor .ProseMirror .hljs-doctag{
color:#7fdbca
}
.tiptap-editor .ProseMirror .hljs-meta,.tiptap-editor .ProseMirror .hljs-meta .hljs-keyword{
color:#82aaff
}
.tiptap-editor .ProseMirror .hljs-meta .hljs-string{
color:#ecc48d
}
.tiptap-editor .ProseMirror .hljs-section{
color:#82b1ff
}
.tiptap-editor .ProseMirror .hljs-attr,.tiptap-editor .ProseMirror .hljs-name,.tiptap-editor .ProseMirror .hljs-tag{
color:#7fdbca
}
.tiptap-editor .ProseMirror .hljs-attribute{
color:#80cbc4
}
.tiptap-editor .ProseMirror .hljs-variable{
color:#addb67
}
.tiptap-editor .ProseMirror .hljs-bullet{
color:#d9f5dd
}
.tiptap-editor .ProseMirror .hljs-code{
color:#80cbc4
}
.tiptap-editor .ProseMirror .hljs-emphasis{
color:#c792ea;
font-style:italic
}
.tiptap-editor .ProseMirror .hljs-strong{
color:#addb67;
font-weight:700
}
.tiptap-editor .ProseMirror .hljs-formula{
color:#c792ea
}
.tiptap-editor .ProseMirror .hljs-link{
color:#ff869a
}
.tiptap-editor .ProseMirror .hljs-quote{
color:#697098
}
.tiptap-editor .ProseMirror .hljs-selector-tag{
color:#ff6363
}
.tiptap-editor .ProseMirror .hljs-selector-id{
color:#fad430
}
.tiptap-editor .ProseMirror .hljs-selector-class{
color:#addb67
}
.tiptap-editor .ProseMirror .hljs-selector-attr,.tiptap-editor .ProseMirror .hljs-selector-pseudo,.tiptap-editor .ProseMirror .hljs-template-tag{
color:#c792ea
}
.tiptap-editor .ProseMirror .hljs-template-variable{
color:#addb67
}
.tiptap-editor .ProseMirror .hljs-addition{
color:#addb67;
font-style:italic
}
.tiptap-editor .ProseMirror .hljs-deletion{
color:#ef535090;
font-style:italic
}
.tiptap-wrapper.tiptap-fullscreen{
bottom:0;
display:flex;
flex-direction:column;
height:100%;
left:0;
position:fixed;
right:0;
top:0;
z-index:40
}
.tiptap-wrapper.tiptap-fullscreen .tiptap-toolbar{
border-radius:0
}
.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.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 .ProseMirror{
border-bottom-left-radius:.375rem;
border-bottom-right-radius:.375rem;
color:#000;
flex:1 1 0;
margin-inline:auto;
padding-block:1rem;
position:relative;
width:100%
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle{
background-color:#292524;
max-width:100vw;
padding-block:1rem;
position:relative;
width:100%
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle:after,.tiptap-editor .ProseMirror .filament-tiptap-hurdle:before{
background-color:inherit;
bottom:0;
content:"";
display:block;
position:absolute;
top:0;
width:100%
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle:before{
left:-100%
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle:after{
right:-100%
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle[data-color=gray_light]{
background-color:#d6d3d1;
color:#1c1917
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle[data-color=gray]{
background-color:#78716c;
color:#fff
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle[data-color=gray_dark]{
background-color:#292524;
color:#fff
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle[data-color=primary]{
background-color:#45b39d;
color:#1c1917
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle[data-color=secondary]{
background-color:#eab308;
color:#1c1917
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle[data-color=tertiary]{
background-color:#22c55e;
color:#fff
}
.tiptap-editor .ProseMirror .filament-tiptap-hurdle[data-color=accent]{
background-color:#ef4444;
color:#fff
}
.tiptap-editor .ProseMirror.ProseMirror-focused{
outline:none
}
.tiptap-editor .ProseMirror>*+*{
margin-block-start:1rem
}
.tiptap-editor .ProseMirror>*+h1,.tiptap-editor .ProseMirror>*+h2,.tiptap-editor .ProseMirror>*+h3,.tiptap-editor .ProseMirror>*+h4,.tiptap-editor .ProseMirror>*+h5,.tiptap-editor .ProseMirror>*+h6{
margin-block-start:2rem
}
.tiptap-editor .ProseMirror img{
display:inline-block
}
.tiptap-editor .ProseMirror h1,.tiptap-editor .ProseMirror h2,.tiptap-editor .ProseMirror h3,.tiptap-editor .ProseMirror h4,.tiptap-editor .ProseMirror h5,.tiptap-editor .ProseMirror h6{
font-weight:700
}
.tiptap-editor .ProseMirror h1{
font-size:1.75rem;
line-height:1.1
}
.tiptap-editor .ProseMirror h2{
font-size:1.5rem;
line-height:1.1
}
.tiptap-editor .ProseMirror h3{
font-size:1.25rem;
line-height:1.25
}
.tiptap-editor .ProseMirror h4{
font-size:1.125rem
}
.tiptap-editor .ProseMirror .lead{
font-size:1.375rem;
line-height:1.3
}
.tiptap-editor .ProseMirror small{
font-size:.75rem
}
.tiptap-editor .ProseMirror ol>:not([hidden])~:not([hidden]),.tiptap-editor .ProseMirror ul>:not([hidden])~:not([hidden]){
--tw-space-y-reverse:0;
margin-bottom:calc(.5rem*var(--tw-space-y-reverse));
margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))
}
.tiptap-editor .ProseMirror ol,.tiptap-editor .ProseMirror ul{
margin-inline-start:1rem;
padding-inline-start:1rem
}
.tiptap-editor .ProseMirror ul{
list-style:disc
}
.tiptap-editor .ProseMirror ol{
list-style:decimal
}
.tiptap-editor .ProseMirror ul.checked-list{
list-style-type:none;
margin-inline-start:0
}
.tiptap-editor .ProseMirror ul.checked-list li{
align-items:baseline;
display:flex;
gap:.375em
}
.tiptap-editor .ProseMirror ul.checked-list li:before{
content:"✓";
flex-shrink:0;
height:1.25rem;
width:1.25rem
}
.tiptap-editor .ProseMirror blockquote{
border-left:.25rem solid #a8a29e;
font-size:1.25rem;
margin-inline-start:1rem;
padding-inline-start:.5rem
}
.tiptap-editor .ProseMirror hr{
border-color:#a8a29e
}
.tiptap-editor .ProseMirror a{
color:#2563eb;
text-decoration:underline
}
.tiptap-editor .ProseMirror a.btn{
background-color:#1c1917;
border-radius:.375rem;
color:#fff!important;
display:inline-block;
padding:.5rem 1.25rem;
text-decoration:none
}
.tiptap-editor .ProseMirror a.btn.btn-primary{
background-color:#358b79
}
.tiptap-editor .ProseMirror a.btn.btn-secondary{
background-color:#ca8a04
}
.tiptap-editor .ProseMirror a.btn.btn-tertiary{
background-color:#16a34a
}
.tiptap-editor .ProseMirror a.btn.btn-accent{
background-color:#dc2626
}
.tiptap-editor .ProseMirror sup{
font-size:65%
}
.tiptap-editor .ProseMirror img{
border:2px dashed transparent
}
.tiptap-editor .ProseMirror img.ProseMirror-selectednode{
border-radius:.25rem;
outline:2px dashed #1c1917;
outline-offset:2px
}
.tiptap-editor .ProseMirror table{
border-collapse:collapse;
margin:0;
overflow:hidden;
position:relative;
table-layout:fixed;
width:100%
}
.tiptap-editor .ProseMirror table td,.tiptap-editor .ProseMirror table th{
background-clip:padding-box;
border:1px solid #a8a29e;
min-width:1em;
padding:3px 5px;
vertical-align:top
}
.tiptap-editor .ProseMirror table td>*,.tiptap-editor .ProseMirror table th>*{
margin-bottom:0
}
.tiptap-editor .ProseMirror table th{
background-color:#e7e5e4;
color:#44403c;
font-weight:700;
text-align:left
}
.tiptap-editor .ProseMirror table .selectedCell{
position:relative
}
.tiptap-editor .ProseMirror table .selectedCell:after{
background:rgba(200,200,255,.4);
bottom:0;
content:"";
left:0;
pointer-events:none;
position:absolute;
right:0;
top:0;
z-index:2
}
.tiptap-editor .ProseMirror table .column-resize-handle{
background-color:#adf;
bottom:-2px;
pointer-events:none;
position:absolute;
right:-2px;
top:0;
width:4px
}
.tiptap-editor .ProseMirror table p{
margin:0
}
.tiptap-editor .ProseMirror .tableWrapper{
overflow-x:auto;
padding:1rem 0
}
.tiptap-editor .ProseMirror .resize-cursor{
cursor:col-resize
}
.tiptap-editor .ProseMirror pre{
border-radius:.25rem;
font-size:.875rem;
padding:.75rem 1rem
}
.tiptap-editor .ProseMirror code{
background-color:#d6d3d1;
border-radius:.25rem;
padding-inline:.25rem
}
.tiptap-editor .ProseMirror pre.hljs code{
background-color:transparent
}
.tiptap-editor .ProseMirror .filament-tiptap-grid,.tiptap-editor .ProseMirror .filament-tiptap-grid-builder{
box-sizing:border-box;
display:grid;
gap:1rem
}
.tiptap-editor .ProseMirror .filament-tiptap-grid .filament-tiptap-grid-builder__column,.tiptap-editor .ProseMirror .filament-tiptap-grid .filament-tiptap-grid__column,.tiptap-editor .ProseMirror .filament-tiptap-grid-builder .filament-tiptap-grid-builder__column,.tiptap-editor .ProseMirror .filament-tiptap-grid-builder .filament-tiptap-grid__column{
border:1px dashed #a8a29e;
border-radius:.25rem;
box-sizing:border-box;
padding:.5rem
}
.tiptap-editor .ProseMirror .filament-tiptap-grid .filament-tiptap-grid-builder__column>*+*,.tiptap-editor .ProseMirror .filament-tiptap-grid .filament-tiptap-grid__column>*+*,.tiptap-editor .ProseMirror .filament-tiptap-grid-builder .filament-tiptap-grid-builder__column>*+*,.tiptap-editor .ProseMirror .filament-tiptap-grid-builder .filament-tiptap-grid__column>*+*{
margin-block-start:1rem
}
.tiptap-editor .ProseMirror .filament-tiptap-grid-builder.ProseMirror-selectednode,.tiptap-editor .ProseMirror .filament-tiptap-grid.ProseMirror-selectednode{
border-radius:.25rem;
outline:2px dashed #1c1917;
outline-offset:2px
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type^=asymetric]{
grid-template-columns:1fr;
grid-template-rows:auto
}
@media (max-width:640px){
.tiptap-editor .ProseMirror .filament-tiptap-grid-builder[data-stack-at=sm]{
grid-template-columns:1fr!important
}
.tiptap-editor .ProseMirror .filament-tiptap-grid-builder[data-stack-at=sm] .filament-tiptap-grid-builder__column{
grid-column:span 1!important
}
}
@media (max-width:768px){
.tiptap-editor .ProseMirror .filament-tiptap-grid-builder[data-stack-at=md]{
grid-template-columns:1fr!important
}
.tiptap-editor .ProseMirror .filament-tiptap-grid-builder[data-stack-at=md] .filament-tiptap-grid-builder__column{
grid-column:span 1!important
}
}
@media (max-width:1024px){
.tiptap-editor .ProseMirror .filament-tiptap-grid-builder[data-stack-at=lg]{
grid-template-columns:1fr!important
}
.tiptap-editor .ProseMirror .filament-tiptap-grid-builder[data-stack-at=lg] .filament-tiptap-grid-builder__column{
grid-column:span 1!important
}
}
@media (min-width:768px){
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=asymetric-right-thirds]{
grid-template-columns:1fr 2fr
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=asymetric-left-thirds]{
grid-template-columns:2fr 1fr
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=asymetric-right-fourths]{
grid-template-columns:1fr 3fr
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=asymetric-left-fourths]{
grid-template-columns:3fr 1fr
}
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=responsive]{
grid-template-columns:1fr;
grid-template-rows:auto
}
@media (min-width:768px){
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=responsive][cols="2"]{
grid-template-columns:repeat(2,1fr)
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=responsive][cols="3"]{
grid-template-columns:repeat(3,1fr)
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=responsive][cols="4"]{
grid-template-columns:repeat(2,1fr)
}
}
@media (min-width:1024px){
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=responsive][cols="4"]{
grid-template-columns:repeat(4,1fr)
}
}
@media (min-width:768px){
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=responsive][cols="5"]{
grid-template-columns:repeat(5,1fr)
}
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=fixed][cols="2"]{
grid-template-columns:repeat(2,1fr)
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=fixed][cols="3"]{
grid-template-columns:repeat(3,1fr)
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=fixed][cols="4"]{
grid-template-columns:repeat(4,1fr)
}
.tiptap-editor .ProseMirror .filament-tiptap-grid[type=fixed][cols="5"]{
grid-template-columns:repeat(5,1fr)
}
.tiptap-editor .ProseMirror [data-native-video],.tiptap-editor .ProseMirror [data-vimeo-video],.tiptap-editor .ProseMirror [data-youtube-video]{
border:1px dashed transparent
}
.tiptap-editor .ProseMirror [data-native-video].ProseMirror-selectednode,.tiptap-editor .ProseMirror [data-vimeo-video].ProseMirror-selectednode,.tiptap-editor .ProseMirror [data-youtube-video].ProseMirror-selectednode{
border-radius:.25rem;
outline:2px dashed #1c1917;
outline-offset:2px
}
.tiptap-editor .ProseMirror [data-native-video] iframe,.tiptap-editor .ProseMirror [data-native-video] video,.tiptap-editor .ProseMirror [data-vimeo-video] iframe,.tiptap-editor .ProseMirror [data-vimeo-video] video,.tiptap-editor .ProseMirror [data-youtube-video] iframe,.tiptap-editor .ProseMirror [data-youtube-video] video{
pointer-events:none
}
.tiptap-editor .ProseMirror div[data-type=details]{
border:1px dashed #a8a29e;
border-radius:.25rem;
box-sizing:border-box;
position:relative
}
.tiptap-editor .ProseMirror div[data-type=details] button{
color:#a8a29e;
position:absolute;
right:.25rem;
top:.125rem;
z-index:1
}
.tiptap-editor .ProseMirror div[data-type=details] summary{
border-bottom:1px solid #e7e5e4;
font-weight:700;
padding:.375rem .5rem
}
.tiptap-editor .ProseMirror div[data-type=details] summary::marker{
content:"";
display:none
}
.tiptap-editor .ProseMirror div[data-type=details] div[data-type=details-content]{
height:auto;
padding:.5rem
}
.tiptap-editor .ProseMirror div[data-type=details] div[data-type=details-content]>*+*{
margin-block-start:1rem
}
.dark .tiptap-editor .ProseMirror{
color:#e7e5e4
}
.dark .tiptap-editor .ProseMirror blockquote{
border-left-color:#78716c
}
.dark .tiptap-editor .ProseMirror hr{
border-color:#78716c
}
.dark .tiptap-editor .ProseMirror a{
color:#60a5fa
}
.dark .tiptap-editor .ProseMirror code{
background-color:#292524
}
.dark .tiptap-editor .ProseMirror table td,.dark .tiptap-editor .ProseMirror table th{
border-color:#57534e
}
.dark .tiptap-editor .ProseMirror table th{
background-color:#292524;
color:#f5f5f4
}
.dark .tiptap-editor .ProseMirror .filament-tiptap-grid .filament-tiptap-grid__column{
border-color:#78716c
}
.dark .tiptap-editor .ProseMirror .filament-tiptap-grid.ProseMirror-selectednode,.dark .tiptap-editor .ProseMirror [data-native-video].ProseMirror-selectednode,.dark .tiptap-editor .ProseMirror [data-vimeo-video].ProseMirror-selectednode,.dark .tiptap-editor .ProseMirror [data-youtube-video].ProseMirror-selectednode,.dark .tiptap-editor .ProseMirror img.ProseMirror-selectednode{
outline-color:#a8a29e
}
.dark .tiptap-editor .ProseMirror div[data-type=details]{
border-color:#78716c;
border-radius:.25rem;
box-sizing:border-box;
position:relative
}
.dark .tiptap-editor .ProseMirror div[data-type=details] summary{
border-bottom-color:#78716c
}
.dark .tiptap-editor .ProseMirror-focused .ProseMirror-gapcursor:after{
border-top:1px solid #fff
}
.filament-tiptap-editor-source-modal textarea{
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace monospace
}
.tippy-box[data-animation=fade][data-state=hidden]{
opacity:0
}
[data-tippy-root]{
max-width:calc(100vw - 10px)
}
.tippy-box{
background-color:#333;
border-radius:4px;
color:#fff;
font-size:14px;
line-height:1.4;
outline:0;
position:relative;
transition-property:transform,visibility,opacity;
white-space:normal
}
.tippy-box[data-placement^=top]>.tippy-arrow{
bottom:0
}
.tippy-box[data-placement^=top]>.tippy-arrow:before{
border-top-color:initial;
border-width:8px 8px 0;
bottom:-7px;
left:0;
transform-origin:center top
}
.tippy-box[data-placement^=bottom]>.tippy-arrow{
top:0
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{
border-bottom-color:initial;
border-width:0 8px 8px;
left:0;
top:-7px;
transform-origin:center bottom
}
.tippy-box[data-placement^=left]>.tippy-arrow{
right:0
}
.tippy-box[data-placement^=left]>.tippy-arrow:before{
border-left-color:initial;
border-width:8px 0 8px 8px;
right:-7px;
transform-origin:center left
}
.tippy-box[data-placement^=right]>.tippy-arrow{
left:0
}
.tippy-box[data-placement^=right]>.tippy-arrow:before{
border-right-color:initial;
border-width:8px 8px 8px 0;
left:-7px;
transform-origin:center right
}
.tippy-box[data-inertia][data-state=visible]{
transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)
}
.tippy-arrow{
color:#333;
height:16px;
width:16px
}
.tippy-arrow:before{
border-color:transparent;
border-style:solid;
content:"";
position:absolute
}
.tippy-content{
padding:5px 9px;
position:relative;
z-index:1
}