.chord-wrapper{display:inline;position:relative;padding:0 1px;margin:0;border-radius:3px;vertical-align:baseline;line-height:inherit;transition:background-color .3s ease-in-out}.chord-wrapper:before{content:attr(data-chord);position:absolute;top:-1.6em;transform:translateY(2px);opacity:0;left:0;font-size:.85em;font-weight:600;color:#1A202C;background-color:#ffffff;padding:0 4px;border-radius:3px;border:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.08);z-index:10;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s ease-out .05s,transform .2s ease-out .05s}.chord-wrapper:not(:empty):before{opacity:1;transform:translateY(0)}.ProseMirror{line-height:1.75!important;padding-top:2.5em!important;min-height:150px;border:1px solid var(--chakra-colors-gray-200);padding-left:12px;padding-right:12px;padding-bottom:12px;border-radius:var(--chakra-radii-lg);outline:none;white-space:pre-wrap;position:relative;background-color:#ffffff;color:#1A202C;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.ProseMirror p{margin:.5em 0;position:static;line-height:inherit}.ProseMirror ::selection{background-color:#3182CE;color:white}.ProseMirror:focus{border-color:var(--chakra-colors-blue-400);box-shadow:0 0 0 1px var(--chakra-colors-blue-400),0 1px 4px rgba(49,130,206,.2)}