/*! * TOAST UI Editor : Color Syntax Plugin * @version 3.1.0 | Fri Aug 05 2022 * @author NHN Cloud FE Development Lab * @license MIT */ .toastui-editor-popup-color{padding:0}.toastui-editor-popup-color .tui-colorpicker-container,.toastui-editor-popup-color .tui-colorpicker-palette-container{width:147px}.toastui-editor-popup-color .tui-colorpicker-container ul{width:152px;margin-bottom:10px}.toastui-editor-popup-color .tui-colorpicker-container li{padding:0 3px 3px 0}.toastui-editor-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button{box-sizing:border-box;border:1px solid #0000001a;border-radius:50%;width:16px;height:16px}.toastui-editor-popup-color .tui-popup-body{padding:10px}.toastui-editor-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider{display:none}.toastui-editor-popup-color .tui-colorpicker-container .tui-colorpicker-svg-slider{border:1px solid #0000000d;border-radius:3px}.toastui-editor-popup-color .tui-colorpicker-palette-hex{float:right}.toastui-editor-popup-body input[type=text].tui-colorpicker-palette-hex{float:left;border:1px solid #e1e3e9;border-radius:2px;width:65px;height:24px;padding:3px 25px 3px 10px;font-family:inherit;font-size:13px}.toastui-editor-popup-color button{color:#555;background:#f7f9fc;border:1px solid #e1e3e9;width:40px;height:32px;position:absolute;top:68px;right:15px}.toastui-editor-popup-color button:hover{border-color:#cbcfdb}.toastui-editor-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix{width:102px;margin:5px 0;display:inline-block}.toastui-editor-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview{box-sizing:border-box;border:1px solid #0000001a;border-radius:50%;width:16px;height:16px;margin-top:8px;margin-left:-22px}.toastui-editor-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right{width:19px}.toastui-editor-popup-color .tui-colorpicker-slider-container .tui-colorpicker-svg-huebar{border:1px solid #0000000d;border-radius:3px;overflow:auto}.toastui-editor-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle{display:none}.toastui-editor-toolbar-icons.color{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMTYiIHZpZXdCb3g9IjAgMCAyNCAxMTYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGc+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIvPjxwYXRoIGZpbGw9IiM1NTUiIGQ9Ik04IDEzaDh2MS41SDh6Ii8+PHBhdGggc3Ryb2tlPSIjNTU1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNiAxOS4yNSA2LTE0LjUgNiAxNC41Ii8+PHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iNSIgeD0iMTgiIHk9IjQiIGZpbGw9IiNmYTI4MjgiIHJ4PSIyLjUiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA1MikiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBmaWxsPSIjZWVlIiBkPSJNOCAxM2g4djEuNUg4eiIvPjxwYXRoIHN0cm9rZT0iI2VlZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0ibTYgMTkuMjUgNi0xNC41IDYgMTQuNSIvPjxyZWN0IHdpZHRoPSI1IiBoZWlnaHQ9IjUiIHg9IjE4IiB5PSI0IiBmaWxsPSIjZmY0ODQ4IiByeD0iMi41Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjYpIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZmlsbD0iIzAwYTlmZiIgZD0iTTggMTNoOHYxLjVIOHoiLz48cGF0aCBzdHJva2U9IiMwMGE5ZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im02IDE5LjI1IDYtMTQuNSA2IDE0LjUiLz48cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiB4PSIxOCIgeT0iNCIgZmlsbD0iI2ZhMjgyOCIgcng9IjIuNSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDc4KSI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIvPjxwYXRoIGZpbGw9IiM2N2NjZmYiIGQ9Ik04IDEzaDh2MS41SDh6Ii8+PHBhdGggc3Ryb2tlPSIjNjdjY2ZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNiAxOS4yNSA2LTE0LjUgNiAxNC41Ii8+PHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iNSIgeD0iMTgiIHk9IjQiIGZpbGw9IiNmZjQ4NDgiIHJ4PSIyLjUiLz48L2c+PHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iLjIiIGQ9Ik02IDEwNC41YTUuNSA1LjUgMCAwIDEgMy44OSAxLjYxQTUuNSA1LjUgMCAwIDEgMTEuNSAxMTBhNS41IDUuNSAwIDAgMS0xLjYxIDMuODlBNS41IDUuNSAwIDAgMSA2IDExNS41IDUuNDk4IDUuNDk4IDAgMCAxIC41IDExMGE1LjQ5OCA1LjQ5OCAwIDAgMSA1LjUtNS41em0wIDIuNWEzIDMgMCAwIDAtMi4xMjEuODc5QTMgMyAwIDAgMCAzIDExMGMwIC44MjguMzM2IDEuNTc4Ljg3OSAyLjEyMUEzIDMgMCAwIDAgNiAxMTNhMyAzIDAgMCAwIDIuMTIxLS44NzlBMyAzIDAgMCAwIDkgMTEwYTMgMyAwIDAgMC0uODc5LTIuMTIxQTMgMyAwIDAgMCA2IDEwN3oiLz48L2c+PC9zdmc+);background-position:3px 3px;background-size:23px 112px}.toastui-editor-dark .toastui-editor-toolbar-icons.color{background-position-y:-47px}.toastui-editor-dark .toastui-editor-popup-body input[type=text].tui-colorpicker-palette-hex{border-color:#303238}.toastui-editor-dark .toastui-editor-popup-color button{color:#eee;background-color:#232428;border-color:#303238}.toastui-editor-dark .toastui-editor-popup-color button:hover{border-color:#494c56}.toastui-editor-dark .toastui-editor-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button{border-color:#ffffff1a}.toastui-editor-dark .toastui-editor-popup-color .tui-colorpicker-container .tui-colorpicker-svg-slider,.toastui-editor-dark .toastui-editor-popup-color .tui-colorpicker-slider-container .tui-colorpicker-svg-huebar{border-color:#ffffff0d}