.ql-formats button,.ql-formats>span{position:relative;&:active:after,&:focus:after,&:hover:after{background:#0d1e42;color:#fff;padding:.5em;border-radius:.4em;top:-120%;left:-10px;z-index:999999;position:absolute;font-size:12px}}.ql-bold{&:active:after,&:focus:after,&:hover:after{content:"Bold"}}.ql-italic{&:active:after,&:focus:after,&:hover:after{content:"Italic"}}.ql-underline{&:active:after,&:focus:after,&:hover:after{content:"Underline"}}.ql-strike{&:active:after,&:focus:after,&:hover:after{content:"Strikeout"}}.ql-link{&:active:after,&:focus:after,&:hover:after{content:"Hyperlink"}}.ql-blockquote{&:active:after,&:focus:after,&:hover:after{content:"Quote"}}.ql-list[value=bullet]{&:active:after,&:focus:after,&:hover:after{content:"Bulleted List";top:-200%}}.ql-list[value=ordered]{&:active:after,&:focus:after,&:hover:after{content:"Numbered List";top:-200%}}.ql-header[value="1"]{&:active:after,&:focus:after,&:hover:after{content:"Header";top:-200%}}.ql-header[value="2"]{&:active:after,&:focus:after,&:hover:after{content:"Sub Header";top:-200%}}.ql-font{&:active:after,&:focus:after,&:hover:after{content:"Font";top:-200%}}.ql-size{&:active:after,&:focus:after,&:hover:after{content:"Font Size";top:-200%}}.ql-indent[value="-1"]{&:active:after,&:focus:after,&:hover:after{content:"Indent";top:-200%}}.ql-indent[value="+1"]{&:active:after,&:focus:after,&:hover:after{content:"Unindent";top:-200%}}.ql-image{&:active:after,&:focus:after,&:hover:after{content:"Image";top:-200%}}.ql-video{&:active:after,&:focus:after,&:hover:after{content:"Video";top:-200%}}.ql-clean{&:active:after,&:focus:after,&:hover:after{content:"Clean";top:-200%}}.ql-indent-1{margin-left:1.5rem!important}.ql-indent-2{margin-left:3rem!important}.ql-indent-3{margin-left:4.5rem!important}.ql-indent-4{margin-left:6rem!important}