.tiptap[contenteditable=true]{--border-color: rgba(0, 0, 0, .12);min-height:100px;border:1px solid var(--border-color);border-radius:4px;padding:.3em}.tiptap p{margin:0}.tiptap h1{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:300;font-size:3.75rem;line-height:1.2;letter-spacing:-.00833em}.tiptap h2{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:3rem;line-height:1.167;letter-spacing:0em}.tiptap h3{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:2.125rem;line-height:1.235;letter-spacing:.00735em}.tiptap h4{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:1.5rem;line-height:1.334;letter-spacing:0em}.tiptap h5{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:1.25rem;line-height:1.6;letter-spacing:.0075em}.tiptap p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.timeline{--timeline-color: #673ab7;--bg-color: #fff;--dot-color: var(--timeline-color);position:relative;list-style:none;display:inline-flex;flex-wrap:nowrap;justify-content:space-around;margin:10px;padding:0;width:100%}.timeline:before{content:"";position:absolute;top:calc(50% - 1px);width:100%;height:2px;background:linear-gradient(to right,var(--bg-color),5%,var(--timeline-color) 90%,var(--bg-color))}.timeline li{margin:0 20px;width:60px;align-self:flex-end;text-align:center}.timeline div{position:relative;padding:10px;text-align:center}.timeline li:before{content:"";position:absolute;top:50%;display:flex;justify-content:center;align-items:center;margin-left:30px;transform:translate(-50%,-50%);border:3px var(--dot-color) solid;width:10px;height:10px;border-radius:50%;background:var(--bg-color)}