body{padding:10px}#rich-text-editor{background-color:#eaecee;border-radius:10px;display:flex;flex-direction:column;width:600px;box-shadow:10px 10px 10px rgba(39,39,39,.2);outline:1px solid #d9d9d9}#rich-text-editor #toolbar{display:flex;flex-direction:row;align-items:center;padding:8px 20px}#rich-text-editor #toolbar .tool-group button{background-color:rgba(0,0,0,0);padding:5px 10px;border:none;font-size:18px;font-family:Arial,Helvetica,sans-serif;cursor:pointer}#rich-text-editor #toolbar .tool-group .format-button.selected{background-color:#cfd3d6}#rich-text-editor #toolbar .tool-group #bold-button{font-weight:bold}#rich-text-editor #toolbar .tool-group #italic-button{font-style:italic}#rich-text-editor #toolbar .tool-group #underline-button{text-decoration:underline}#rich-text-editor #toolbar .tool-group #strikethrough-button{text-decoration:line-through}#rich-text-editor #toolbar .tool-group.formats{margin-right:40px}#rich-text-editor #toolbar #text-color{background-color:rgba(0,0,0,0);width:60px;height:30px;position:relative;display:flex;flex-direction:column;border-radius:5px;margin-right:25px}#rich-text-editor #toolbar #text-color #text-color-button{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;cursor:pointer}#rich-text-editor #toolbar #text-color #text-color-button #text-color-display{height:18px;width:18px;background-color:#000;outline:1px solid #959595;margin-left:10px;border-radius:3px}#rich-text-editor #toolbar #text-color #text-color-button .down-arrow{width:20px;height:20px;margin-left:auto;margin-right:5px;display:flex;flex-direction:row;align-items:center}#rich-text-editor #toolbar #text-color #text-color-button .down-arrow .arrow-line{width:50%;height:1px;background-color:#9ba0a4}#rich-text-editor #toolbar #text-color #text-color-button .down-arrow .arrow-line:first-child{transform:rotate(45deg)}#rich-text-editor #toolbar #text-color #text-color-button .down-arrow .arrow-line:last-child{transform:translateX(-2px) rotate(-45deg)}#rich-text-editor #toolbar #text-color #color-picker{position:absolute;top:110%;z-index:100}#rich-text-editor #toolbar #text-size{display:flex;flex-direction:row;width:70px;height:25px;outline:1px solid #d2d2d2;margin-right:40px}#rich-text-editor #toolbar #text-size .input-field{width:100%;height:100%;background-color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;overflow:hidden;padding:0 5px;display:flex;align-items:center}#rich-text-editor #toolbar #text-size .input-field:focus{outline:none}#rich-text-editor #toolbar #text-size #text-size-buttons{display:flex;flex-direction:column;height:100%}#rich-text-editor #toolbar #text-size #text-size-buttons button{border-radius:0;border:none;font-size:8px;background-color:#e7e7e7;cursor:pointer;border-left:1px solid #d2d2d2}#rich-text-editor #toolbar #text-size #text-size-buttons button:first-child{border-bottom:1px solid #d2d2d2}#rich-text-editor #toolbar #text-size #text-size-buttons button:active{background-color:#dbdbdb}#rich-text-editor #toolbar #text-font{position:relative}#rich-text-editor #toolbar #text-font #text-font-display{display:flex;flex-direction:row;width:150px}#rich-text-editor #toolbar #text-font #text-font-display .input-field{width:100%;height:25px;background-color:#fff;border:1px solid #d2d2d2;font-family:Arial,sans-serif;display:flex;align-items:center;padding:0 10px;font-size:12px;overflow:hidden}#rich-text-editor #toolbar #text-font #text-font-display #text-font-dropdown-button{width:35px;height:25px;background-color:#e7e7e7;border:1px solid #d2d2d2;border-left:none;cursor:pointer}#rich-text-editor #toolbar #text-font #text-font-display #text-font-dropdown-button:hover{background-color:#dbdbdb}#rich-text-editor #toolbar #text-font #text-font-display #text-font-dropdown-button .down-arrow{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0)}#rich-text-editor #toolbar #text-font #text-font-display #text-font-dropdown-button .down-arrow .arrow-line{width:40%;height:1px;background-color:#9ba0a4}#rich-text-editor #toolbar #text-font #text-font-display #text-font-dropdown-button .down-arrow .arrow-line:first-child{transform:rotate(45deg)}#rich-text-editor #toolbar #text-font #text-font-display #text-font-dropdown-button .down-arrow .arrow-line:last-child{transform:translateX(-3px) rotate(-45deg)}#rich-text-editor #toolbar #text-font #font-list{position:absolute;top:40%;width:100%;background-color:#f3f3f3;list-style:none;padding:0;border:1px solid #d2d2d2;border-top:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}#rich-text-editor #toolbar #text-font #font-list.hide{display:none}#rich-text-editor #toolbar #text-font #font-list li{padding:5px 10px;overflow:hidden;text-overflow:ellipsis;font-family:Arial,sans-serif;font-size:12px;color:#5c5c5c;cursor:pointer}#rich-text-editor #toolbar #text-font #font-list li:not(:last-child){border-bottom:1px solid #ddd}#rich-text-editor #toolbar #text-font #font-list li:hover{background-color:#ececec}#rich-text-editor #toolbar2{border-top:1px solid #d7d7d7;padding:10px 25px;margin:0 5px;position:relative}#rich-text-editor #toolbar2 .tooltip{position:absolute;background-color:#bcc7d1;color:#606060;left:0;top:100%;padding:5px 10px 3px;display:flex;justify-content:center;align-items:center;font-family:Arial,Helvetica,sans-serif;font-size:16px;display:none}#rich-text-editor #toolbar2 .editing-button{width:20px;height:20px;margin-right:30px;border:none;cursor:pointer;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-size:contain}#rich-text-editor #text-box{height:250px;background-color:#fff;color:gray;padding:10px 15px;margin:5px 0 5px;font-family:Arial,Helvetica,sans-serif;line-height:150%;overflow-x:hidden;overflow-y:auto;font-size:16px}#rich-text-editor #text-box:focus{outline:none}#rich-text-editor #watermark{text-align:right;margin:5px 0 10px;margin-right:15px;font-family:Arial,Helvetica,sans-serif;font-style:italic;color:#858585}