https://codebeautify.org/jsviewer

ID scansione:: 23ccf1ec-80be-4fe7-a3b1-a9a2b60602caFatto
URL inviato:: https://codebeautify.org/jsviewer
Report terminato:: 19 nov 2024, 09:16:13
Link · 7 trovati

I link in uscita identificati dalla pagina
Link	Testo
https://jsonformatter.org	JSON Formatter
https://jsonformatter.org/xml-formatter	XML Formatter
https://codeblogmoney.com/validate-json-string-using-javascript/	Validate JSON using Javascript
https://codeblogmoney.com/convert-string-to-json-object-using-javascript/	Convert String to JSON Object using Javascript
https://goo.gl/1oWmPe	Buy us a Coffee
https://codeblogmoney.com	Blog
https://seoinspector.pro	SEO Inspector
Variabili JavaScript · 150 trovate

Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
Nome	Tipo
0	object
1	object
2	object
3	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
freestar	object
gtag	function
dataLayer	object
Messaggi di log della console · 12 trovati

Messaggi registrati nella console Web
Tipo	Categoria	Log
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js Testo in setview gViewName:->jsviewer
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js Testo ad link:->https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js Testo saveRecentlyUsed view: jsviewertitle:->JavaScript Beautifier
log	javascript	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js Testo JSHandle@object
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js Testo ad link:->/adex.js
log	javascript	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js Testo JSHandle@object
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js Testo Yay no ad blocker available! Yay
log	other	URL https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js Testo Messaging without detection successfully executed.
log	javascript	URL https://a.pub.network/codebeautify-org/pubfig.engine.js Testo [event] onSPPMObjectReady JSHandle@array
log	javascript	URL https://a.pub.network/codebeautify-org/pubfig.engine.js Testo [event] onMessageReceiveData JSHandle@array
log	javascript	URL https://a.pub.network/codebeautify-org/pubfig.engine.js Testo [event] onMessageReceiveData JSHandle@array
log	javascript	URL https://a.pub.network/codebeautify-org/pubfig.engine.js Testo [event] onMessageReady JSHandle@array
HTML

Il corpo HTML non elaborato della pagina
<!DOCTYPE html><html lang="en" data-previous-scroll-y="-0px" class="sp-message-open"><head><style id="error_marker.css">
    .error_widget_wrapper {
        background: inherit;
        color: inherit;
        border:none
    }
    .error_widget {
        border-top: solid 2px;
        border-bottom: solid 2px;
        margin: 5px 0;
        padding: 10px 40px;
        white-space: pre-wrap;
    }
    .error_widget.ace_error, .error_widget_arrow.ace_error{
        border-color: #ff5a5a
    }
    .error_widget.ace_warning, .error_widget_arrow.ace_warning{
        border-color: #F1D817
    }
    .error_widget.ace_info, .error_widget_arrow.ace_info{
        border-color: #5a5a5a
    }
    .error_widget.ace_ok, .error_widget_arrow.ace_ok{
        border-color: #5aaa5a
    }
    .error_widget_arrow {
        position: absolute;
        border: solid 5px;
        border-top-color: transparent!important;
        border-right-color: transparent!important;
        border-left-color: transparent!important;
        top: -5px;
    }

/*# sourceURL=ace/css/error_marker.css */</style><style id="ace-tm">.ace-tm .ace_gutter {
  background: #f0f0f0;
  color: #333;
}

.ace-tm .ace_print-margin {
  width: 1px;
  background: #e8e8e8;
}

.ace-tm .ace_fold {
    background-color: #6B72E6;
}

.ace-tm {
  background-color: #FFFFFF;
  color: black;
}

.ace-tm .ace_cursor {
  color: black;
}
        
.ace-tm .ace_invisible {
  color: rgb(191, 191, 191);
}

.ace-tm .ace_storage,
.ace-tm .ace_keyword {
  color: blue;
}

.ace-tm .ace_constant {
  color: rgb(197, 6, 11);
}

.ace-tm .ace_constant.ace_buildin {
  color: rgb(88, 72, 246);
}

.ace-tm .ace_constant.ace_language {
  color: rgb(88, 92, 246);
}

.ace-tm .ace_constant.ace_library {
  color: rgb(6, 150, 14);
}

.ace-tm .ace_invalid {
  background-color: rgba(255, 0, 0, 0.1);
  color: red;
}

.ace-tm .ace_support.ace_function {
  color: rgb(60, 76, 114);
}

.ace-tm .ace_support.ace_constant {
  color: rgb(6, 150, 14);
}

.ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_class {
  color: rgb(109, 121, 222);
}

.ace-tm .ace_keyword.ace_operator {
  color: rgb(104, 118, 135);
}

.ace-tm .ace_string {
  color: rgb(3, 106, 7);
}

.ace-tm .ace_comment {
  color: rgb(76, 136, 107);
}

.ace-tm .ace_comment.ace_doc {
  color: rgb(0, 102, 255);
}

.ace-tm .ace_comment.ace_doc.ace_tag {
  color: rgb(128, 159, 191);
}

.ace-tm .ace_constant.ace_numeric {
  color: rgb(0, 0, 205);
}

.ace-tm .ace_variable {
  color: rgb(49, 132, 149);
}

.ace-tm .ace_xml-pe {
  color: rgb(104, 104, 91);
}

.ace-tm .ace_entity.ace_name.ace_function {
  color: #0000A2;
}


.ace-tm .ace_heading {
  color: rgb(12, 7, 255);
}

.ace-tm .ace_list {
  color:rgb(185, 6, 144);
}

.ace-tm .ace_meta.ace_tag {
  color:rgb(0, 22, 142);
}

.ace-tm .ace_string.ace_regex {
  color: rgb(255, 0, 0)
}

.ace-tm .ace_marker-layer .ace_selection {
  background: rgb(181, 213, 255);
}
.ace-tm.ace_multiselect .ace_selection.ace_start {
  box-shadow: 0 0 3px 0px white;
}
.ace-tm .ace_marker-layer .ace_step {
  background: rgb(252, 255, 0);
}

.ace-tm .ace_marker-layer .ace_stack {
  background: rgb(164, 229, 101);
}

.ace-tm .ace_marker-layer .ace_bracket {
  margin: -1px 0 0 -1px;
  border: 1px solid rgb(192, 192, 192);
}

.ace-tm .ace_marker-layer .ace_active-line {
  background: rgba(0, 0, 0, 0.07);
}

.ace-tm .ace_gutter-active-line {
    background-color : #dcdcdc;
}

.ace-tm .ace_marker-layer .ace_selected-word {
  background: rgb(250, 250, 255);
  border: 1px solid rgb(200, 200, 250);
}

.ace-tm .ace_indent-guide {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==") right repeat-y;
}

.ace-tm .ace_indent-guide-active {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAZSURBVHjaYvj///9/hivKyv8BAAAA//8DACLqBhbvk+/eAAAAAElFTkSuQmCC") right repeat-y;
}

/*# sourceURL=ace/css/ace-tm */</style><style id="ace_editor.css">
.ace_br1 {border-top-left-radius    : 3px;}
.ace_br2 {border-top-right-radius   : 3px;}
.ace_br3 {border-top-left-radius    : 3px; border-top-right-radius:    3px;}
.ace_br4 {border-bottom-right-radius: 3px;}
.ace_br5 {border-top-left-radius    : 3px; border-bottom-right-radius: 3px;}
.ace_br6 {border-top-right-radius   : 3px; border-bottom-right-radius: 3px;}
.ace_br7 {border-top-left-radius    : 3px; border-top-right-radius:    3px; border-bottom-right-radius: 3px;}
.ace_br8 {border-bottom-left-radius : 3px;}
.ace_br9 {border-top-left-radius    : 3px; border-bottom-left-radius:  3px;}
.ace_br10{border-top-right-radius   : 3px; border-bottom-left-radius:  3px;}
.ace_br11{border-top-left-radius    : 3px; border-top-right-radius:    3px; border-bottom-left-radius:  3px;}
.ace_br12{border-bottom-right-radius: 3px; border-bottom-left-radius:  3px;}
.ace_br13{border-top-left-radius    : 3px; border-bottom-right-radius: 3px; border-bottom-left-radius:  3px;}
.ace_br14{border-top-right-radius   : 3px; border-bottom-right-radius: 3px; border-bottom-left-radius:  3px;}
.ace_br15{border-top-left-radius    : 3px; border-top-right-radius:    3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}


.ace_editor {
    position: relative;
    overflow: hidden;
    padding: 0;
    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', monospace;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    forced-color-adjust: none;
}

.ace_scroller {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    background-color: inherit;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: text;
}

.ace_content {
    position: absolute;
    box-sizing: border-box;
    min-width: 100%;
    contain: style size layout;
    font-variant-ligatures: no-common-ligatures;
}

.ace_keyboard-focus:focus {
    box-shadow: inset 0 0 0 2px #5E9ED6;
    outline: none;
}

.ace_dragging .ace_scroller:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: rgba(250, 250, 250, 0.01);
    z-index: 1000;
}
.ace_dragging.ace_dark .ace_scroller:before{
    background: rgba(0, 0, 0, 0.01);
}

.ace_gutter {
    position: absolute;
    overflow : hidden;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    cursor: default;
    z-index: 4;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    contain: style size layout;
}

.ace_gutter-active-line {
    position: absolute;
    left: 0;
    right: 0;
}

.ace_scroller.ace_scroll-left:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
    pointer-events: none;
}

.ace_gutter-cell, .ace_gutter-cell_svg-icons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 19px;
    padding-right: 6px;
    background-repeat: no-repeat;
}

.ace_gutter-cell_svg-icons .ace_gutter_annotation {
    margin-left: -14px;
    float: left;
}

.ace_gutter-cell .ace_gutter_annotation {
    margin-left: -19px;
    float: left;
}

.ace_gutter-cell.ace_error, .ace_icon.ace_error, .ace_icon.ace_error_fold, .ace_gutter-cell.ace_security, .ace_icon.ace_security, .ace_icon.ace_security_fold {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABOFBMVEX/////////QRswFAb/Ui4wFAYwFAYwFAaWGAfDRymzOSH/PxswFAb/SiUwFAYwFAbUPRvjQiDllog5HhHdRybsTi3/Tyv9Tir+Syj/UC3////XurebMBIwFAb/RSHbPx/gUzfdwL3kzMivKBAwFAbbvbnhPx66NhowFAYwFAaZJg8wFAaxKBDZurf/RB6mMxb/SCMwFAYwFAbxQB3+RB4wFAb/Qhy4Oh+4QifbNRcwFAYwFAYwFAb/QRzdNhgwFAYwFAbav7v/Uy7oaE68MBK5LxLewr/r2NXewLswFAaxJw4wFAbkPRy2PyYwFAaxKhLm1tMwFAazPiQwFAaUGAb/QBrfOx3bvrv/VC/maE4wFAbRPBq6MRO8Qynew8Dp2tjfwb0wFAbx6eju5+by6uns4uH9/f36+vr/GkHjAAAAYnRSTlMAGt+64rnWu/bo8eAA4InH3+DwoN7j4eLi4xP99Nfg4+b+/u9B/eDs1MD1mO7+4PHg2MXa347g7vDizMLN4eG+Pv7i5evs/v79yu7S3/DV7/498Yv24eH+4ufQ3Ozu/v7+y13sRqwAAADLSURBVHjaZc/XDsFgGIBhtDrshlitmk2IrbHFqL2pvXf/+78DPokj7+Fz9qpU/9UXJIlhmPaTaQ6QPaz0mm+5gwkgovcV6GZzd5JtCQwgsxoHOvJO15kleRLAnMgHFIESUEPmawB9ngmelTtipwwfASilxOLyiV5UVUyVAfbG0cCPHig+GBkzAENHS0AstVF6bacZIOzgLmxsHbt2OecNgJC83JERmePUYq8ARGkJx6XtFsdddBQgZE2nPR6CICZhawjA4Fb/chv+399kfR+MMMDGOQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: 2px center;
}

.ace_gutter-cell.ace_warning, .ace_icon.ace_warning, .ace_icon.ace_warning_fold {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAmVBMVEX///8AAAD///8AAAAAAABPSzb/5sAAAAB/blH/73z/ulkAAAAAAAD85pkAAAAAAAACAgP/vGz/rkDerGbGrV7/pkQICAf////e0IsAAAD/oED/qTvhrnUAAAD/yHD/njcAAADuv2r/nz//oTj/p064oGf/zHAAAAA9Nir/tFIAAAD/tlTiuWf/tkIAAACynXEAAAAAAAAtIRW7zBpBAAAAM3RSTlMAABR1m7RXO8Ln31Z36zT+neXe5OzooRDfn+TZ4p3h2hTf4t3k3ucyrN1K5+Xaks52Sfs9CXgrAAAAjklEQVR42o3PbQ+CIBQFYEwboPhSYgoYunIqqLn6/z8uYdH8Vmdnu9vz4WwXgN/xTPRD2+sgOcZjsge/whXZgUaYYvT8QnuJaUrjrHUQreGczuEafQCO/SJTufTbroWsPgsllVhq3wJEk2jUSzX3CUEDJC84707djRc5MTAQxoLgupWRwW6UB5fS++NV8AbOZgnsC7BpEAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: 2px center;
}

.ace_gutter-cell.ace_info, .ace_icon.ace_info, .ace_gutter-cell.ace_hint, .ace_icon.ace_hint {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAAB2k804AAAAPklEQVQY02NgIB68QuO3tiLznjAwpKTgNyDbMegwisCHZUETUZV0ZqOquBpXj2rtnpSJT1AEnnRmL2OgGgAAIKkRQap2htgAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 2px center;
}

.ace_dark .ace_gutter-cell.ace_info, .ace_dark .ace_icon.ace_info, .ace_dark .ace_gutter-cell.ace_hint, .ace_dark .ace_icon.ace_hint {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC");
}

.ace_icon_svg.ace_error {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNiI+CjxnIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJyZWQiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj4KPGNpcmNsZSBmaWxsPSJub25lIiBjeD0iOCIgY3k9IjgiIHI9IjciIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGxpbmUgeDE9IjExIiB5MT0iNSIgeDI9IjUiIHkyPSIxMSIvPgo8bGluZSB4MT0iMTEiIHkxPSIxMSIgeDI9IjUiIHkyPSI1Ii8+CjwvZz4KPC9zdmc+");
    background-color: crimson;
}
.ace_icon_svg.ace_security {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iZGFya29yYW5nZSIgZmlsbD0ibm9uZSIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogICAgICAgIDxwYXRoIGNsYXNzPSJzdHJva2UtbGluZWpvaW4tcm91bmQiIGQ9Ik04IDE0LjgzMDdDOCAxNC44MzA3IDIgMTIuOTA0NyAyIDguMDg5OTJWMy4yNjU0OEM1LjMxIDMuMjY1NDggNy45ODk5OSAxLjM0OTE4IDcuOTg5OTkgMS4zNDkxOEM3Ljk4OTk5IDEuMzQ5MTggMTAuNjkgMy4yNjU0OCAxNCAzLjI2NTQ4VjguMDg5OTJDMTQgMTIuOTA0NyA4IDE0LjgzMDcgOCAxNC44MzA3WiIvPgogICAgICAgIDxwYXRoIGQ9Ik0yIDguMDg5OTJWMy4yNjU0OEM1LjMxIDMuMjY1NDggNy45ODk5OSAxLjM0OTE4IDcuOTg5OTkgMS4zNDkxOCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMy45OSA4LjA4OTkyVjMuMjY1NDhDMTAuNjggMy4yNjU0OCA4IDEuMzQ5MTggOCAxLjM0OTE4Ii8+CiAgICAgICAgPHBhdGggY2xhc3M9InN0cm9rZS1saW5lam9pbi1yb3VuZCIgZD0iTTggNFY5Ii8+CiAgICAgICAgPHBhdGggY2xhc3M9InN0cm9rZS1saW5lam9pbi1yb3VuZCIgZD0iTTggMTBWMTIiLz4KICAgIDwvZz4KPC9zdmc+");
    background-color: crimson;
}
.ace_icon_svg.ace_warning {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNiI+CjxnIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJkYXJrb3JhbmdlIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+Cjxwb2x5Z29uIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIHBvaW50cz0iOCAxIDE1IDE1IDEgMTUgOCAxIi8+CjxyZWN0IHg9IjgiIHk9IjEyIiB3aWR0aD0iMC4wMSIgaGVpZ2h0PSIwLjAxIi8+CjxsaW5lIHgxPSI4IiB5MT0iNiIgeDI9IjgiIHkyPSIxMCIvPgo8L2c+Cjwvc3ZnPg==");
    background-color: darkorange;
}
.ace_icon_svg.ace_info {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNiI+CjxnIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJibHVlIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+CjxjaXJjbGUgZmlsbD0ibm9uZSIgY3g9IjgiIGN5PSI4IiByPSI3IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjxwb2x5bGluZSBwb2ludHM9IjggMTEgOCA4Ii8+Cjxwb2x5bGluZSBwb2ludHM9IjkgOCA2IDgiLz4KPGxpbmUgeDE9IjEwIiB5MT0iMTEiIHgyPSI2IiB5Mj0iMTEiLz4KPHJlY3QgeD0iOCIgeT0iNSIgd2lkdGg9IjAuMDEiIGhlaWdodD0iMC4wMSIvPgo8L2c+Cjwvc3ZnPg==");
    background-color: royalblue;
}
.ace_icon_svg.ace_hint {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0ic2lsdmVyIiBmaWxsPSJub25lIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+CiAgICAgICAgPHBhdGggY2xhc3M9InN0cm9rZS1saW5lam9pbi1yb3VuZCIgZD0iTTYgMTRIMTAiLz4KICAgICAgICA8cGF0aCBkPSJNOCAxMUg5QzkgOS40NzAwMiAxMiA4LjU0MDAyIDEyIDUuNzYwMDJDMTIuMDIgNC40MDAwMiAxMS4zOSAzLjM2MDAyIDEwLjQzIDIuNjcwMDJDOSAxLjY0MDAyIDcuMDAwMDEgMS42NDAwMiA1LjU3MDAxIDIuNjcwMDJDNC42MTAwMSAzLjM2MDAyIDMuOTggNC40MDAwMiA0IDUuNzYwMDJDNCA4LjU0MDAyIDcuMDAwMDEgOS40NzAwMiA3LjAwMDAxIDExSDhaIi8+CiAgICA8L2c+Cjwvc3ZnPg==");
    background-color: silver;
}

.ace_icon_svg.ace_error_fold {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0ibSAxOC45Mjk4NTEsNy44Mjk4MDc2IGMgMC4xNDYzNTMsNi4zMzc0NjA0IC02LjMyMzE0Nyw3Ljc3Nzg0NDQgLTcuNDc3OTEyLDcuNzc3ODQ0NCAtMi4xMDcyNzI2LC0wLjEyODc1IDUuMTE3Njc4LDAuMzU2MjQ5IDUuMDUxNjk4LC03Ljg3MDA2MTggLTAuNjA0NjcyLC04LjAwMzk3MzQ5IC03LjA3NzI3MDYsLTcuNTYzMTE4OSAtNC44NTczLC03LjQzMDM5NTU2IDEuNjA2LC0wLjExNTE0MjI1IDYuODk3NDg1LDEuMjYyNTQ1OTYgNy4yODM1MTQsNy41MjI2MTI5NiB6IiBmaWxsPSJjcmltc29uIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibSA4LjExNDc1NjIsMi4wNTI5ODI4IGMgMy4zNDkxNjk4LDAgNi4wNjQxMzI4LDIuNjc2ODYyNyA2LjA2NDEzMjgsNS45Nzg5NTMgMCwzLjMwMjExMjIgLTIuNzE0OTYzLDUuOTc4OTIwMiAtNi4wNjQxMzI4LDUuOTc4OTIwMiAtMy4zNDkxNDczLDAgLTYuMDY0MTc3MiwtMi42NzY4MDggLTYuMDY0MTc3MiwtNS45Nzg5MjAyIDAuMDA1MzksLTMuMjk5ODg2MSAyLjcxNzI2NTYsLTUuOTczNjQwOCA2LjA2NDE3NzIsLTUuOTc4OTUzIHogbSAwLC0xLjczNTgyNzE5IGMgLTQuMzIxNDgzNiwwIC03LjgyNDc0MDM4LDMuNDU0MDE4NDkgLTcuODI0NzQwMzgsNy43MTQ3ODAxOSAwLDQuMjYwNzI4MiAzLjUwMzI1Njc4LDcuNzE0NzQ1MiA3LjgyNDc0MDM4LDcuNzE0NzQ1MiA0LjMyMTQ0OTgsMCA3LjgyNDY5OTgsLTMuNDU0MDE3IDcuODI0Njk5OCwtNy43MTQ3NDUyIDAsLTIuMDQ2MDkxNCAtMC44MjQzOTIsLTQuMDA4MzY3MiAtMi4yOTE3NTYsLTUuNDU1MTc0NiBDIDEyLjE4MDIyNSwxLjEyOTk2NDggMTAuMTkwMDEzLDAuMzE3MTU1NjEgOC4xMTQ3NTYyLDAuMzE3MTU1NjEgWiBNIDYuOTM3NDU2Myw4LjI0MDU5ODUgNC42NzE4Njg1LDEwLjQ4NTg1MiA2LjAwODY4MTQsMTEuODc2NzI4IDguMzE3MDAzNSw5LjYwMDc5MTEgMTAuNjI1MzM3LDExLjg3NjcyOCAxMS45NjIxMzgsMTAuNDg1ODUyIDkuNjk2NTUwOCw4LjI0MDU5ODUgMTEuOTYyMTM4LDYuMDA2ODA2NiAxMC41NzMyNDYsNC42Mzc0MzM1IDguMzE3MDAzNSw2Ljg3MzQyOTcgNi4wNjA3NjA3LDQuNjM3NDMzNSA0LjY3MTg2ODUsNi4wMDY4MDY2IFoiIGZpbGw9ImNyaW1zb24iIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=");
    background-color: crimson;
}
.ace_icon_svg.ace_security_fold {
    -webkit-mask-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTcgMTQiIGZpbGw9Im5vbmUiPgogICAgPHBhdGggZD0iTTEwLjAwMDEgMTMuNjk5MkMxMC4wMDAxIDEzLjY5OTIgMTEuOTI0MSAxMy40NzYzIDEzIDEyLjY5OTJDMTQuNDEzOSAxMS42NzgxIDE2IDEwLjUgMTYuMTI1MSA2LjgxMTI2VjIuNTg5ODdDMTYuMTI1MSAyLjU0NzY4IDE2LjEyMjEgMi41MDYxOSAxNi4xMTY0IDIuNDY1NTlWMS43MTQ4NUgxNS4yNDE0TDE1LjIzMDcgMS43MTQ4NEwxNC42MjUxIDEuNjk5MjJWNi44MTEyM0MxNC42MjUxIDguNTEwNjEgMTQuNjI1MSA5LjQ2NDYxIDEyLjc4MjQgMTEuNzIxQzEyLjE1ODYgMTIuNDg0OCAxMC4wMDAxIDEzLjY5OTIgMTAuMDAwMSAxMy42OTkyWiIgZmlsbD0iY3JpbXNvbiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMzM2MDkgMC4zNjc0NzVDNy4wMzIxNCAwLjE1MjY1MiA2LjYyNTQ4IDAuMTUzNjE0IDYuMzIyNTMgMC4zNjk5OTdMNi4zMDg2OSAwLjM3OTU1NEM2LjI5NTUzIDAuMzg4NTg4IDYuMjczODggMC40MDMyNjYgNi4yNDQxNyAwLjQyMjc4OUM2LjE4NDcxIDAuNDYxODYgNi4wOTMyMSAwLjUyMDE3MSA1Ljk3MzEzIDAuNTkxMzczQzUuNzMyNTEgMC43MzQwNTkgNS4zNzk5IDAuOTI2ODY0IDQuOTQyNzkgMS4xMjAwOUM0LjA2MTQ0IDEuNTA5NyAyLjg3NTQxIDEuODgzNzcgMS41ODk4NCAxLjg4Mzc3SDAuNzE0ODQ0VjIuNzU4NzdWNi45ODAxNUMwLjcxNDg0NCA5LjQ5Mzc0IDIuMjg4NjYgMTEuMTk3MyAzLjcwMjU0IDEyLjIxODVDNC40MTg0NSAxMi43MzU1IDUuMTI4NzQgMTMuMTA1MyA1LjY1NzMzIDEzLjM0NTdDNS45MjI4NCAxMy40NjY0IDYuMTQ1NjYgMTMuNTU1OSA2LjMwNDY1IDEzLjYxNjFDNi4zODQyMyAxMy42NDYyIDYuNDQ4MDUgMTMuNjY5IDYuNDkzNDkgMTMuNjg0OEM2LjUxNjIyIDEzLjY5MjcgNi41MzQzOCAxMy42OTg5IDYuNTQ3NjQgMTMuNzAzM0w2LjU2MzgyIDEzLjcwODdMNi41NjkwOCAxMy43MTA0TDYuNTcwOTkgMTMuNzExTDYuODM5ODQgMTMuNzUzM0w2LjU3MjQyIDEzLjcxMTVDNi43NDYzMyAxMy43NjczIDYuOTMzMzUgMTMuNzY3MyA3LjEwNzI3IDEzLjcxMTVMNy4xMDg3IDEzLjcxMUw3LjExMDYxIDEzLjcxMDRMNy4xMTU4NyAxMy43MDg3TDcuMTMyMDUgMTMuNzAzM0M3LjE0NTMxIDEzLjY5ODkgNy4xNjM0NiAxMy42OTI3IDcuMTg2MTkgMTMuNjg0OEM3LjIzMTY0IDEzLjY2OSA3LjI5NTQ2IDEzLjY0NjIgNy4zNzUwMyAxMy42MTYxQzcuNTM0MDMgMTMuNTU1OSA3Ljc1Njg1IDEzLjQ2NjQgOC4wMjIzNiAxMy4zNDU3QzguNTUwOTUgMTMuMTA1MyA5LjI2MTIzIDEyLjczNTUgOS45NzcxNSAxMi4yMTg1QzExLjM5MSAxMS4xOTczIDEyLjk2NDggOS40OTM3NyAxMi45NjQ4IDYuOTgwMThWMi43NTg4QzEyLjk2NDggMi43MTY2IDEyLjk2MTkgMi42NzUxMSAxMi45NTYxIDIuNjM0NTFWMS44ODM3N0gxMi4wODExQzEyLjA3NzUgMS44ODM3NyAxMi4wNzQgMS44ODM3NyAxMi4wNzA0IDEuODgzNzdDMTAuNzk3OSAxLjg4MDA0IDkuNjE5NjIgMS41MTEwMiA4LjczODk0IDEuMTI0ODZDOC43MzUzNCAxLjEyMzI3IDguNzMxNzQgMS4xMjE2OCA4LjcyODE0IDEuMTIwMDlDOC4yOTEwMyAwLjkyNjg2NCA3LjkzODQyIDAuNzM0MDU5IDcuNjk3NzkgMC41OTEzNzNDNy41Nzc3MiAwLjUyMDE3MSA3LjQ4NjIyIDAuNDYxODYgNy40MjY3NiAwLjQyMjc4OUM3LjM5NzA1IDAuNDAzMjY2IDcuMzc1MzkgMC4zODg1ODggNy4zNjIyNCAwLjM3OTU1NEw3LjM0ODk2IDAuMzcwMzVDNy4zNDg5NiAwLjM3MDM1IDcuMzQ4NDcgMC4zNzAwMiA3LjM0NTYzIDAuMzc0MDU0TDcuMzM3NzkgMC4zNjg2NTlMNy4zMzYwOSAwLjM2NzQ3NVpNOC4wMzQ3MSAyLjcyNjkxQzguODYwNCAzLjA5MDYzIDkuOTYwNjYgMy40NjMwOSAxMS4yMDYxIDMuNTg5MDdWNi45ODAxNUgxMS4yMTQ4QzExLjIxNDggOC42Nzk1MyAxMC4xNjM3IDkuOTI1MDcgOC45NTI1NCAxMC43OTk4QzguMzU1OTUgMTEuMjMwNiA3Ljc1Mzc0IDExLjU0NTQgNy4yOTc5NiAxMS43NTI3QzcuMTE2NzEgMTEuODM1MSA2Ljk2MDYyIDExLjg5OTYgNi44Mzk4NCAxMS45NDY5QzYuNzE5MDYgMTEuODk5NiA2LjU2Mjk3IDExLjgzNTEgNi4zODE3MyAxMS43NTI3QzUuOTI1OTUgMTEuNTQ1NCA1LjMyMzczIDExLjIzMDYgNC43MjcxNSAxMC43OTk4QzMuNTE2MDMgOS45MjUwNyAyLjQ2NDg0IDguNjc5NTUgMi40NjQ4NCA2Ljk4MDE4VjMuNTg5MDlDMy43MTczOCAzLjQ2MjM5IDQuODIzMDggMy4wODYzOSA1LjY1MDMzIDIuNzIwNzFDNi4xNDIyOCAyLjUwMzI0IDYuNTQ0ODUgMi4yODUzNyA2LjgzMjU0IDIuMTE2MjRDNy4xMjE4MSAyLjI4NTM1IDcuNTI3IDIuNTAzNTIgOC4wMjE5NiAyLjcyMTMxQzguMDI2MiAyLjcyMzE3IDguMDMwNDUgMi43MjUwNCA4LjAzNDcxIDIuNzI2OTFaTTUuOTY0ODQgMy40MDE0N1Y3Ljc3NjQ3SDcuNzE0ODRWMy40MDE0N0g1Ljk2NDg0Wk01Ljk2NDg0IDEwLjQwMTVWOC42NTE0N0g3LjcxNDg0VjEwLjQwMTVINS45NjQ4NFoiIGZpbGw9ImNyaW1zb24iIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=");
    background-color: crimson;
}
.ace_icon_svg.ace_warning_fold {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC43NzY5IDE0LjczMzdMOC42NTE5MiAyLjQ4MzY5QzguMzI5NDYgMS44Mzg3NyA3LjQwOTEzIDEuODM4NzcgNy4wODY2NyAyLjQ4MzY5TDAuOTYxNjY5IDE0LjczMzdDMC42NzA3NzUgMTUuMzE1NSAxLjA5MzgzIDE2IDEuNzQ0MjkgMTZIMTMuOTk0M0MxNC42NDQ4IDE2IDE1LjA2NzggMTUuMzE1NSAxNC43NzY5IDE0LjczMzdaTTMuMTYwMDcgMTQuMjVMNy44NjkyOSA0LjgzMTU2TDEyLjU3ODUgMTQuMjVIMy4xNjAwN1pNOC43NDQyOSAxMS42MjVWMTMuMzc1SDYuOTk0MjlWMTEuNjI1SDguNzQ0MjlaTTYuOTk0MjkgMTAuNzVWNy4yNUg4Ljc0NDI5VjEwLjc1SDYuOTk0MjlaIiBmaWxsPSIjRUM3MjExIi8+CjxwYXRoIGQ9Ik0xMS4xOTkxIDIuOTUyMzhDMTAuODgwOSAyLjMxNDY3IDEwLjM1MzcgMS44MDUyNiA5LjcwNTUgMS41MDlMMTEuMDQxIDEuMDY5NzhDMTEuNjg4MyAwLjk0OTgxNCAxMi4zMzcgMS4yNzI2MyAxMi42MzE3IDEuODYxNDFMMTcuNjEzNiAxMS44MTYxQzE4LjM1MjcgMTMuMjkyOSAxNy41OTM4IDE1LjA4MDQgMTYuMDE4IDE1LjU3NDVDMTYuNDA0NCAxNC40NTA3IDE2LjMyMzEgMTMuMjE4OCAxNS43OTI0IDEyLjE1NTVMMTEuMTk5MSAyLjk1MjM4WiIgZmlsbD0iI0VDNzIxMSIvPgo8L3N2Zz4=");
    background-color: darkorange;
}

.ace_scrollbar {
    contain: strict;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 6;
}

.ace_scrollbar-inner {
    position: absolute;
    cursor: text;
    left: 0;
    top: 0;
}

.ace_scrollbar-v{
    overflow-x: hidden;
    overflow-y: scroll;
    top: 0;
}

.ace_scrollbar-h {
    overflow-x: scroll;
    overflow-y: hidden;
    left: 0;
}

.ace_print-margin {
    position: absolute;
    height: 100%;
}

.ace_text-input {
    position: absolute;
    z-index: 0;
    width: 0.5em;
    height: 1em;
    opacity: 0;
    background: transparent;
    -moz-appearance: none;
    appearance: none;
    border: none;
    resize: none;
    outline: none;
    overflow: hidden;
    font: inherit;
    padding: 0 1px;
    margin: 0 -1px;
    contain: strict;
    -ms-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
    /*with `pre-line` chrome inserts &nbsp; instead of space*/
    white-space: pre!important;
}
.ace_text-input.ace_composition {
    background: transparent;
    color: inherit;
    z-index: 1000;
    opacity: 1;
}
.ace_composition_placeholder { color: transparent }
.ace_composition_marker { 
    border-bottom: 1px solid;
    position: absolute;
    border-radius: 0;
    margin-top: 1px;
}

[ace_nocontext=true] {
    transform: none!important;
    filter: none!important;
    clip-path: none!important;
    mask : none!important;
    contain: none!important;
    perspective: none!important;
    mix-blend-mode: initial!important;
    z-index: auto;
}

.ace_layer {
    z-index: 1;
    position: absolute;
    overflow: hidden;
    /* workaround for chrome bug https://github.com/ajaxorg/ace/issues/2312*/
    word-wrap: normal;
    white-space: pre;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    /* setting pointer-events: auto; on node under the mouse, which changes
        during scroll, will break mouse wheel scrolling in Safari */
    pointer-events: none;
}

.ace_gutter-layer {
    position: relative;
    width: auto;
    text-align: right;
    pointer-events: auto;
    height: 1000000px;
    contain: style size layout;
}

.ace_text-layer {
    font: inherit !important;
    position: absolute;
    height: 1000000px;
    width: 1000000px;
    contain: style size layout;
}

.ace_text-layer > .ace_line, .ace_text-layer > .ace_line_group {
    contain: style size layout;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.ace_hidpi .ace_text-layer,
.ace_hidpi .ace_gutter-layer,
.ace_hidpi .ace_content,
.ace_hidpi .ace_gutter {
    contain: strict;
}
.ace_hidpi .ace_text-layer > .ace_line, 
.ace_hidpi .ace_text-layer > .ace_line_group {
    contain: strict;
}

.ace_cjk {
    display: inline-block;
    text-align: center;
}

.ace_cursor-layer {
    z-index: 4;
}

.ace_cursor {
    z-index: 4;
    position: absolute;
    box-sizing: border-box;
    border-left: 2px solid;
    /* workaround for smooth cursor repaintng whole screen in chrome */
    transform: translatez(0);
}

.ace_multiselect .ace_cursor {
    border-left-width: 1px;
}

.ace_slim-cursors .ace_cursor {
    border-left-width: 1px;
}

.ace_overwrite-cursors .ace_cursor {
    border-left-width: 0;
    border-bottom: 1px solid;
}

.ace_hidden-cursors .ace_cursor {
    opacity: 0.2;
}

.ace_hasPlaceholder .ace_hidden-cursors .ace_cursor {
    opacity: 0;
}

.ace_smooth-blinking .ace_cursor {
    transition: opacity 0.18s;
}

.ace_animate-blinking .ace_cursor {
    animation-duration: 1000ms;
    animation-timing-function: step-end;
    animation-name: blink-ace-animate;
    animation-iteration-count: infinite;
}

.ace_animate-blinking.ace_smooth-blinking .ace_cursor {
    animation-duration: 1000ms;
    animation-timing-function: ease-in-out;
    animation-name: blink-ace-animate-smooth;
}
    
@keyframes blink-ace-animate {
    from, to { opacity: 1; }
    60% { opacity: 0; }
}

@keyframes blink-ace-animate-smooth {
    from, to { opacity: 1; }
    45% { opacity: 1; }
    60% { opacity: 0; }
    85% { opacity: 0; }
}

.ace_marker-layer .ace_step, .ace_marker-layer .ace_stack {
    position: absolute;
    z-index: 3;
}

.ace_marker-layer .ace_selection {
    position: absolute;
    z-index: 5;
}

.ace_marker-layer .ace_bracket {
    position: absolute;
    z-index: 6;
}

.ace_marker-layer .ace_error_bracket {
    position: absolute;
    border-bottom: 1px solid #DE5555;
    border-radius: 0;
}

.ace_marker-layer .ace_active-line {
    position: absolute;
    z-index: 2;
}

.ace_marker-layer .ace_selected-word {
    position: absolute;
    z-index: 4;
    box-sizing: border-box;
}

.ace_line .ace_fold {
    box-sizing: border-box;

    display: inline-block;
    height: 11px;
    margin-top: -2px;
    vertical-align: middle;

    background-image:
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="),
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpi+P//fxgTAwPDBxDxD078RSX+YeEyDFMCIMAAI3INmXiwf2YAAAAASUVORK5CYII=");
    background-repeat: no-repeat, repeat-x;
    background-position: center center, top left;
    color: transparent;

    border: 1px solid black;
    border-radius: 2px;

    cursor: pointer;
    pointer-events: auto;
}

.ace_dark .ace_fold {
}

.ace_fold:hover{
    background-image:
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="),
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpi+P//fz4TAwPDZxDxD5X4i5fLMEwJgAADAEPVDbjNw87ZAAAAAElFTkSuQmCC");
}

.ace_tooltip {
    background-color: #f5f5f5;
    border: 1px solid gray;
    border-radius: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: black;
    max-width: 100%;
    padding: 3px 4px;
    position: fixed;
    z-index: 999999;
    box-sizing: border-box;
    cursor: default;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    pointer-events: none;
    overflow: auto;
    max-width: min(60em, 66vw);
    overscroll-behavior: contain;
}
.ace_tooltip pre {
    white-space: pre-wrap;
}

.ace_tooltip.ace_dark {
    background-color: #636363;
    color: #fff;
}

.ace_tooltip:focus {
    outline: 1px solid #5E9ED6;
}

.ace_icon {
    display: inline-block;
    width: 18px;
    vertical-align: top;
}

.ace_icon_svg {
    display: inline-block;
    width: 12px;
    vertical-align: top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 12px;
    -webkit-mask-position: center;
}

.ace_folding-enabled > .ace_gutter-cell, .ace_folding-enabled > .ace_gutter-cell_svg-icons {
    padding-right: 13px;
}

.ace_fold-widget {
    box-sizing: border-box;

    margin: 0 -12px 0 1px;
    display: none;
    width: 11px;
    vertical-align: top;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42mWKsQ0AMAzC8ixLlrzQjzmBiEjp0A6WwBCSPgKAXoLkqSot7nN3yMwR7pZ32NzpKkVoDBUxKAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center;

    border-radius: 3px;
    
    border: 1px solid transparent;
    cursor: pointer;
}

.ace_folding-enabled .ace_fold-widget {
    display: inline-block;   
}

.ace_fold-widget.ace_end {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42m3HwQkAMAhD0YzsRchFKI7sAikeWkrxwScEB0nh5e7KTPWimZki4tYfVbX+MNl4pyZXejUO1QAAAABJRU5ErkJggg==");
}

.ace_fold-widget.ace_closed {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAOUlEQVR42jXKwQkAMAgDwKwqKD4EwQ26sSOkVWjgIIHAzPiCgaqiqnJHZnKICBERHN194O5b9vbLuAVRL+l0YWnZAAAAAElFTkSuQmCCXA==");
}

.ace_fold-widget:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}

.ace_fold-widget:active {
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
/**
 * Dark version for fold widgets
 */
.ace_dark .ace_fold-widget {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC");
}
.ace_dark .ace_fold-widget.ace_end {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQIW2P4//8/AxQ7wNjIAjDMgC4AxjCVKBirIAAF0kz2rlhxpAAAAABJRU5ErkJggg==");
}
.ace_dark .ace_fold-widget.ace_closed {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg==");
}
.ace_dark .ace_fold-widget:hover {
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}
.ace_dark .ace_fold-widget:active {
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}

.ace_inline_button {
    border: 1px solid lightgray;
    display: inline-block;
    margin: -1px 8px;
    padding: 0 5px;
    pointer-events: auto;
    cursor: pointer;
}
.ace_inline_button:hover {
    border-color: gray;
    background: rgba(200,200,200,0.2);
    display: inline-block;
    pointer-events: auto;
}

.ace_fold-widget.ace_invalid {
    background-color: #FFB4B4;
    border-color: #DE5555;
}

.ace_fade-fold-widgets .ace_fold-widget {
    transition: opacity 0.4s ease 0.05s;
    opacity: 0;
}

.ace_fade-fold-widgets:hover .ace_fold-widget {
    transition: opacity 0.05s ease 0.05s;
    opacity:1;
}

.ace_underline {
    text-decoration: underline;
}

.ace_bold {
    font-weight: bold;
}

.ace_nobold .ace_bold {
    font-weight: normal;
}

.ace_italic {
    font-style: italic;
}


.ace_error-marker {
    background-color: rgba(255, 0, 0,0.2);
    position: absolute;
    z-index: 9;
}

.ace_highlight-marker {
    background-color: rgba(255, 255, 0,0.2);
    position: absolute;
    z-index: 8;
}

.ace_mobile-menu {
    position: absolute;
    line-height: 1.5;
    border-radius: 4px;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    background: white;
    box-shadow: 1px 3px 2px grey;
    border: 1px solid #dcdcdc;
    color: black;
}
.ace_dark > .ace_mobile-menu {
    background: #333;
    color: #ccc;
    box-shadow: 1px 3px 2px grey;
    border: 1px solid #444;

}
.ace_mobile-button {
    padding: 2px;
    cursor: pointer;
    overflow: hidden;
}
.ace_mobile-button:hover {
    background-color: #eee;
    opacity:1;
}
.ace_mobile-button:active {
    background-color: #ddd;
}

.ace_placeholder {
    position: relative;
    font-family: arial;
    transform: scale(0.9);
    transform-origin: left;
    white-space: pre;
    opacity: 0.7;
    margin: 0 10px;
    z-index: 1;
}

.ace_ghost_text {
    opacity: 0.5;
    font-style: italic;
}

.ace_ghost_text_container > div {
    white-space: pre;
}

.ghost_text_line_wrapped::after {
    content: "↩";
    position: absolute;
}

.ace_lineWidgetContainer.ace_ghost_text {
    margin: 0px 4px
}

.ace_screenreader-only {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.ace_hidden_token {
    display: none;
}
/*# sourceURL=ace/css/ace_editor.css */</style><style id="ace_scrollbar.css">.ace_editor>.ace_sb-v div, .ace_editor>.ace_sb-h div{
  position: absolute;
  background: rgba(128, 128, 128, 0.6);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 2px;
  z-index: 8;
}
.ace_editor>.ace_sb-v, .ace_editor>.ace_sb-h {
  position: absolute;
  z-index: 6;
  background: none;
  overflow: hidden!important;
}
.ace_editor>.ace_sb-v {
  z-index: 6;
  right: 0;
  top: 0;
  width: 12px;
}
.ace_editor>.ace_sb-v div {
  z-index: 8;
  right: 0;
  width: 100%;
}
.ace_editor>.ace_sb-h {
  bottom: 0;
  left: 0;
  height: 12px;
}
.ace_editor>.ace_sb-h div {
  bottom: 0;
  height: 100%;
}
.ace_editor>.ace_sb_grabbed {
  z-index: 8;
  background: #000;
}
/*# sourceURL=ace/css/ace_scrollbar.css */</style> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Title and Description --> <title>Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier</title> <meta name="author" content="Jimmy"> <meta name="description" content="Secure JavaScript Beautifier, Viewer, Editor, Minify, Formatter, Obfuscator - Convert JS/Javascript Strings to a Friendly Readable Format."> <meta name="keywords" content="jsbeautifier, Javascript Beautifier, prettify js, javascript formatter, js formatter, javascript Viewer, javascript prettify, javascript format"> <!-- End Title and Description --> <!-- Twitter --> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@codebeautify"> <meta name="twitter:title" content="Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier"> <meta name="twitter:description" content="Secure JavaScript Beautifier, Viewer, Editor, Minify, Formatter, Obfuscator - Convert JS/Javascript Strings to a Friendly Readable Format."> <meta name="twitter:image" content="https://codebeautify.org/img/cb/jsviewer.png"> <meta name="twitter:url" content="https://codebeautify.org/jsviewer"> <meta name="twitter:creator" content="@codebeautify"> <!-- End Twitter --> <!-- General OG Types--> <meta property="og:title" content="Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier"> <meta property="og:description" content="Secure JavaScript Beautifier, Viewer, Editor, Minify, Formatter, Obfuscator - Convert JS/Javascript Strings to a Friendly Readable Format."> <meta property="og:image" content="https://codebeautify.org/img/cb/jsviewer.png"> <meta property="og:url" content="https://codebeautify.org/jsviewer"> <meta property="og:type" content="website"> <!-- End General OG Types--> <script type="application/ld+json">
        {
            "@context": "http://schema.org/",
            "@type": "WebSite",
            "name": "JavaScript Beautifier",
            "image": "https://codebeautify.org/img/cb/jsviewer.png",
            "url": "https://codebeautify.org/jsviewer",
            "description": "Secure JavaScript Beautifier, Viewer, Editor, Minify, Formatter, Obfuscator - Convert JS/Javascript Strings to a Friendly Readable Format.",
            "isPartOf": {
                "@type": "Website",
                "name": "Code Beautify",
                "url": "https://codebeautify.org"
            },
            "sameAs" : [
                "https://twitter.com/codebeautify"
            ]
        }
        </script> <!-- canonical --> <link rel="canonical" href="https://codebeautify.org/jsviewer"> <link href="/img/cb.png" rel="icon"> <!-- End canonical --> <!-- PLACE THIS SECTION INSIDE OF YOUR HEAD TAGS --> <!-- Below is a recommended list of pre-connections, which allow the network to establish each connection quicker, speeding up response times and improving ad performance. --> <link rel="preconnect" href="https://a.pub.network/" crossorigin=""> <link rel="preconnect" href="https://b.pub.network/" crossorigin=""> <link rel="preconnect" href="https://c.pub.network/" crossorigin=""> <link rel="preconnect" href="https://d.pub.network/" crossorigin=""> <link rel="preconnect" href="https://secure.quantserve.com/" crossorigin=""> <link rel="preconnect" href="https://rules.quantcount.com/" crossorigin=""> <link rel="preconnect" href="https://pixel.quantserve.com/" crossorigin=""> <link rel="preconnect" href="https://cmp.quantcast.com/" crossorigin=""> <link rel="preconnect" href="https://btloader.com/" crossorigin=""> <link rel="preconnect" href="https://api.btloader.com/" crossorigin=""> <link rel="preconnect" href="https://confiant-integrations.global.ssl.fastly.net" crossorigin=""> <!-- Below is a link to a CSS file that accounts for Cumulative Layout Shift, a new Core Web Vitals subset that Google uses to help rank your site in search --> <!-- The file is intended to eliminate the layout shifts that are seen when ads load into the page. If you don't want to use this, simply remove this file --> <!-- To find out more about CLS, visit https://web.dev/vitals/ --> <link rel="stylesheet" href="https://a.pub.network/codebeautify-org/cls.css"> <script data-cfasync="false" type="text/javascript">
  var freestar = freestar || {};
  freestar.queue = freestar.queue || [];
  freestar.config = freestar.config || {};
  freestar.config.enabled_slots = [];
  freestar.initCallback = function () { (freestar.config.enabled_slots.length === 0) ? freestar.initCallbackCalled = false : freestar.newAdSlots(freestar.config.enabled_slots) }
</script> <script src="https://a.pub.network/codebeautify-org/pubfig.min.js" data-cfasync="false" async=""></script> <!-- CSS --> <!-- include CSS files dynamically based on Controller metadata footerjsinclude.php --> <!-- CSS files --> <link rel="stylesheet" href="/dist/9.2/css/b/b-main.min.css"> <!-- <link rel="stylesheet" href="css/debug.css"> --> <!-- end CSS --> <!-- Dynamic JS Loading --> <!-- Defer JS files to improve the performance !--> <script defer="" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ace.js"></script> <script defer="" src="/dist/9.2/js/b/b-js-tools.min.js"></script> <!-- End Defer JS files to improve the performance !--> <!-- Async JS files to improve the performance !--> <script async="" src="//cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.9/beautify.min.js"></script> <!-- End Async JS files to improve the performance !--> <!-- End Dynamic JS Loading --> <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js?network_code=15184186" data-owner="freestar" async="" type="text/javascript"></script><script src="https://a.pub.network/core/prebid-analytics-8.50.0.js" data-owner="freestar" async="" type="text/javascript"></script><script src="https://a.pub.network/codebeautify-org/pubfig.engine.js" data-owner="freestar" async="" type="text/javascript"></script><meta http-equiv="origin-trial" content="AlK2UR5SkAlj8jjdEc9p3F3xuFYlF6LYjAML3EOqw1g26eCwWPjdmecULvBH5MVPoqKYrOfPhYVL71xAXI1IBQoAAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="Amm8/NmvvQfhwCib6I7ZsmUxiSCfOxWxHayJwyU1r3gRIItzr7bNQid6O8ZYaE1GSQTa69WwhPC9flq/oYkRBwsAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="A9wSqI5i0iwGdf6L1CERNdmsTPgVu44ewj8QxTBYgsv1LCPUVF7YmWOvTappqB1139jAymxUW/RO8zmMqo4zlAAAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A+d7vJfYtay4OUbdtRPZA3y7bKQLsxaMEPmxgfhBGqKXNrdkCQeJlUwqa6EBbSfjwFtJWTrWIioXeMW+y8bWAgQAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><script src="https://securepubads.g.doubleclick.net/pagead/managed/js/gpt/m202411130102/pubads_impl.js" async=""></script><style type="text/css">.fs-sticky-footer {
    display: block;
    bottom: 0;
    right: 0;
    position: fixed;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 2147483647;
}
.fs-sticky-slot-element > div > iframe {
    margin: 0 !important;
}
.fs-sticky-slot-element > div {
    position: relative;
}
.fs-sticky-parent {
    z-index: 2147483647;
    bottom: 0;
    padding-top: 0px;
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
}
.fs-sticky-wrapper {
    background-color: #f6f3f3;
    display: inline-block;
    margin: auto;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    visibility: inherit;
    z-index: inherit;
}
.fs-overlay {
    width: 0%;
    height: 100%;
    position: fixed;
    z-index: 5000000;
    top: 0;
    left: 0;
    background: #888888;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.canvas-boxes {
    width: 100px;
    height: 100px;
}
.captcha-styles {
    text-align: center;
    width: 100%;
}
.fs-dynamic {
    text-align: center;
    clear: both;
}
.fs-iai {
    text-align: center;
    clear: both;
}
.fs-x-btn {
    position: absolute;
    top: 20px;
    right: 0px;
    cursor: pointer;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.fs-l-btn {
    display: block;
    position: absolute;
    top: 14px;
    left: 5px;
    pointer-events: none;
    border-radius: 2px;
    width: 20px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.fs-r-btn {
    display: block;
    pointer-events: none;
    border-radius: 2px;
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.fs-btn-wrapper {
    display: inline-block;
}
.fs-pdu-x {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    background-color: #ffffff;
    background-image: url('https://a.pub.network/core/imgs/freestar_close_button.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 20px;
    outline: none;
    padding: 0px;
    position: absolute;
    right: 12px;
    top: 12px;
    transition: all 0.3s ease-in-out;
    width: 20px;
}
.fs-close-button {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    appearance: none !important;
    background-color: #ffffff !important;
    background-image: url('https://a.pub.network/core/imgs/freestar_close_button.svg') !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    border: none !important;
    border-radius: 50% !important;
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 1px rgba(247, 247, 247, 0.75) !important;
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 1px rgba(247, 247, 247, 0.75) !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    cursor: pointer !important;
    display: block !important;
    height: 20px !important;
    outline: none !important;
    padding: 0px !important;
    position: absolute !important;
    right: 25px !important;
    top: 25px !important;
    transition: all 0.3s ease-in-out !important;
    width: 20px !important;
}
.fs-close-button {
    all: unset;
}
.fs-close-button:hover,
.fs-close-button:focus {
    background-color: #000 !important;
}
.fs-sticky-popup-container {
    z-index: 2147483647 !important;
}
.fs-sticky-popup-container {
    font-size: 0.8em;
    text-align: center;
    font-family: 'arial';
    white-space: nowrap;
    width: auto;
    height: auto;
    padding: 7px;
    -webkit-filter: drop-shadow(2px 2px 2px grey);
            filter: drop-shadow(2px 2px 2px grey);
}
.fs-sticky-popup-container a:nth-child(2) {
    border-top: 1px solid #999;
}
.fs-close-button:hover {
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 8px rgba(247, 247, 247, 0.75);
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 8px rgba(247, 247, 247, 0.75);
}
.fs-close-button-pushdown {
    right: 12px !important;
    top: 12px !important;
}
.fs-close-button-zerg-interstitial {
    right: -5px !important;
    top: -5px !important;
}
.fs-close-button-zerg-interstitial {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
}
@media screen and (min-width: 820px) {
    .fs-close-button-sticky {
        top: 9.3% !important;
        right: 10px !important;
    }
}
@media screen and (max-width: 820px) {
    .fs-close-button-sticky {
        top: 3px !important;
        right: 10px !important;
    }
    .fs-close-button-pushdown {
        top: 0 !important;
        right: 0 !important;
    }
    .sticky-reportThisAd button:after {
        right: -25px !important;
    }
    .pushdown-reportThisAd button:after {
        top: 30px !important;
        right: -38px !important;
    }
}
.fs-pushdown {
    background-color: rgba(247, 247, 247, 0.9);
    top: 0;
    text-align: center;
    z-index: 2147483647;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fs-pushdown-sticky {
    position: sticky !important;
    left: 0 !important;
}
.fs-pushdown-sticky {
    background-color: rgba(247, 247, 247, 0.9);
    top: 0;
    text-align: center;
    z-index: 2147483647;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.freestar_report_button {
    border: none;
    font-family: sans-serif;
    font-size: 9px;
    cursor: pointer;
    color: #646464;
}
._fsBranding {
    position: relative;
}
._fsBranding a {
    max-height: none;
    max-height: initial;
    background-color: transparent;
    background-color: initial;
    margin-bottom: 0;
    margin-bottom: initial;
    border: medium none currentcolor;
    border: initial;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    appearance: none;
    background-image: url('https://a.pub.network/core/imgs/fslogo-green.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    left: 6px;
    top: 6px;
    transition: all 0.3s ease-in-out;
    width: 30px;
    min-width: 0;
    min-width: initial;
}
@media screen and (max-width: 820px) {
    ._fsBranding a {
        top: -30px;
        background-color: rgba(247, 247, 247, 0.75);
        background-size: 58%;
    }
}
.fs-report-ad-img {
    width: 60%;
    margin: 9px;
}
#freestar_overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    top: 0;
    left: 0;
    position: fixed;
}
#freestar_overlay_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
}
#freestar_report_ad {
    background: rgba(255, 255, 255, 1) !important;
}
#freestar_report_ad {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#freestar_report_ad::before {
    background: rgba(255, 255, 255, 1) !important;
}
#freestar_report_ad::before {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#freestar_report_ad_text_center {
    text-align: center;
}
.freestar_close_btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
    background-color: rgb(255, 255, 255);
}
.freestar_close_btn:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.freestar_close_btn:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.freestar_report_btn {
    background: #00c389 !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 30px !important;
    color: #fff !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}
.freestar_report_btn {
    margin: 20px;
    outline: 0;
}
.freestar_report_btn:focus {
    outline: 0;
}
#freestar_report_div {
    font-family: Arial, Helvetica, sans-serif !important;
}
#freestar_report_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.freestar_report_sub_header {
    color: #00c389 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.freestar_report_sub_header {
    margin: 23px;
}
.fs_report_container span {
    margin-left: 10px;
}
.fs_checkbox {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.fs_checkbox > span {
    color: #34495e;
    margin-left: 5px;
    /*padding: 0.5rem 0.25rem;
	*/
}
.fs_checkbox > input {
    height: 15px;
    width: 15px;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border: 1px solid #34495e;
    border-radius: 4px;
    outline: none;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    background-color: #41b883;
    cursor: pointer;
    margin-bottom: 3px;
}
.fs_checkbox > input:checked {
    border: 1px solid #41b883;
    background-color: #34495e;
}
.fs_checkbox > input:checked + span::before {
    display: block;
    text-align: center;
    color: #41b883;
    /*position: absolute;
	*/
    /*left: 0.7rem;
	*/
    /*top: 0.2rem;
	*/
}
.fs_checkbox > input:active {
    border: 2px solid #34495e;
}
.fs-new-close-container {
    top: calc(50% - 250px);
    right: calc(50% - 250px);
    position: absolute;
}
@media screen and (max-width: 820px) {
    .fs-new-close-container {
        top: 15%;
        right: calc(50% - 131px);
    }
}
.fs-new-close {
    margin-left: 30%;
    margin-bottom: 5%;
    cursor: pointer;
}
.fs-new-close:hover {
    opacity: 1;
}
.fs-new-close:before,
.fs-new-close:after {
    position: absolute;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: rgb(255, 255, 255);
}
.fs-new-close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.fs-new-close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.__fs-ancillary {
    --childHeight: 16px;
    width: 100%;
    width: var(--childWidth, 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 auto;
    height: 16px;
    height: var(--childHeight);
    visibility: hidden;
}
.fs-sticky-wrapper .__fs-ancillary {
    display: none !important;
}
.__fs-report-this-ad {
    line-height: 0px;
}
.__fs-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.__fs-branding > a {
    width: 100%;
    max-width: var(--childWidth);
    height: var(--childHeight);
    display: block;
}
.__fs-branding > a > img {
    height: calc(var(--childHeight) - 2px) !important;
    width: auto !important;
    width: initial !important;
}
.__fs-branding > a > img {
    max-height: none;
    max-height: initial;
    background-color: transparent;
    background-color: initial;
    background-image: none;
    background-image: initial;
    border: medium none currentcolor;
    border: initial;
    background-repeat: repeat;
    background-repeat: initial;
    background-position: 0 0;
    background-position: initial;
    margin: 5px 0;
    display: block;
    float: left;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.fs-sticky-wrapper .__fs-branding {
    position: absolute;
    top: 0;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.fs-sticky-wrapper .__fs-branding {
    position: absolute;
    top: 50%;
    right: 6px;
    border: none;
    border-radius: 50%;
}
.fs-mobile-tall {
    top: 30% !important;
}
.fs-sticky-wrapper .__fs-branding > a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fs-sticky-wrapper .__fs-branding > a > img {
    width: 100% !important;
    height: 100% !important;
}
.fs-sticky-wrapper .__fs-branding > a > img {
    opacity: 1;
}
@media screen and (max-width: 820px) {
    .fs-sticky-wrapper .__fs-branding > a > img {
        width: 70% !important;
        height: 70% !important;
    }
    .fs-sticky-wrapper .__fs-branding > a > img {
        opacity: 1;
    }
}
.fs-sticky-wrapper .__fs-branding {
    background-color: rgba(247, 247, 247, 0.75);
    background-size: 58%;
}
.fs-sticky-wrapper .__fs-branding > a > img {
    width: 90%;
    height: 90%;
}
.fs-sticky-wrapper {
    background-color: #f6f3f3;
    padding-right: 38px;
    display: inline-block;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    visibility: inherit;
    z-index: inherit;
}
.fs-interstitial-overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    top: 0;
    left: 0;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    visibility: hidden;
}
.fs-interstitial-container {
    width: 1000px;
    height: 650px;
    background: rgb(255, 255, 255);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.fs-interstitial-ad-space {
    width: 970px;
    height: 250px;
    -ms-flex-item-align: center;
        align-self: center;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 250px;
    overflow: hidden;
}
.fs-interstitial-content {
    width: 100%;
    height: 250px;
    -ms-flex-item-align: center;
        align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.fs-interstitial-message-container {
    width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fs-interstitial-message {
    color: #17181f;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 40px;
    -ms-flex-item-align: center;
        align-self: center;
    padding: 10px;
}
.fs-interstitial-close-container {
    width: 1000px;
    height: 50px;
    position: relative;
}
.fs-interstitial-branding {
    background-image: url('https://a.pub.network/core/imgs/fslogo-green.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    height: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 30px;
    min-width: 0;
    min-width: initial;
    margin-left: 56%;
}
.fs-interstitial-container .zegrow {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.fs-interstitial-container .zergentity {
    width: 237px !important;
    margin: 0px 8px 0px 5px !important;
}
.fs-interstitial-container .widget-loaded {
    -ms-flex-item-align: center !important;
        align-self: center !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0) !important;
}
.fs_interstitial_branding_link img {
    width: 200px;
    padding-bottom: 16px;
}
.fs_interstitial_branding_link {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
#freestar-video-parent,
#freestar-video-child {
    max-width: 100vw !important;
}
#freestar-video-parent,
#freestar-video-child {
    width: 100%;
    overflow: hidden;
}
.freestar_report_comments {
    font-family: Arial, Helvetica, sans-serif !important;
}
.freestar_report_comments {
    padding-top: 10px;
    margin-top: 10px;
}
#freestar_report_comment_box_wrapper {
    width: 100%;
    height: 90px;
}
.sticky-reportThisAd button {
    visibility: hidden;
    position: relative;
}
.sticky-reportThisAd button:after {
    content: '';
    background-image: url('https://a.pub.network/core/imgs/freestar_report_ad_icon.png');
    background-size: 18px;
    visibility: visible;
    position: absolute;
    moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background-color: #ffffff;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 20px;
    outline: none;
    padding: 0px;
    position: absolute;
    right: -25px;
    top: 0px;
    width: 20px;
    min-width: 0;
    min-width: initial;
}
.sticky-reportThisAd {
    content: '\127987';
    cursor: pointer;
    background: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: none;
    position: absolute;
    right: -3px;
    top: 50%;
    z-index: 2147483647;
}
.pushdown-reportThisAd button {
    visibility: hidden;
    position: relative;
}
.pushdown-reportThisAd button:after {
    content: '';
    background-image: url('https://a.pub.network/core/imgs/freestar_report_ad_icon.png');
    background-size: 18px;
    visibility: visible;
    position: absolute;
    moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background-color: #ffffff;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 20px;
    outline: none;
    padding: 0px;
    position: absolute;
    right: -37.5px;
    top: 35px;
    width: 20px;
    min-width: 0;
    min-width: initial;
}
.pushdown-reportThisAd {
    content: '\127987';
    cursor: pointer;
    background: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: none;
    position: absolute;
    right: 50px;
    top: 5px;
    z-index: 2147483647;
}
.center-ad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
._wrapper .orp-player-wrapper {
    width: 100% !important;
    height: 100% !important;
}
</style><style type="text/css">.fs-flying-carpet {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #00c389), to(black));
    background: linear-gradient(to bottom, #00c389 10%, black 100%);
    position: relative;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: 175vh;
    margin: 0 -1.1rem 0.5rem;
}

.fs-flying-carpet-ad-container {
    margin: 0 auto;
    position: sticky;
    top: 0;
    -ms-flex-item-align: center;
        align-self: center;
    padding-top: 10vh;
    padding-bottom: 10vh;
    bottom: 10vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.fs-powered-by {
    font-size: 18px;
    color: #00c389;
    position: absolute;
    bottom: 0;
    background-color: black;
    width: 100%;
    height: 6vh;
    text-align: center;
    padding: 10px 0;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.fs-flying-carpet-header {
    font-family: Arial, Helvetica, sans-serif !important;
}

.fs-flying-carpet-header {
    font-size: 11px;
    color: white;
    position: absolute;
    top: 0;
    background-color: #34495e;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}

/* fc v2 */
.fs-flying-carpet-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.fs-flying-carpet-v2-ad-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 300px;
    height: 65vh;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.fs-flying-carpet-v2-text-border {
    width: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    padding: 5px 0;
    letter-spacing: 1px;
}
</style><script src="https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js" data-owner="freestar" async="" type="text/javascript"></script><script charset="utf-8" src="https://cdn.privacy-mgmt.com/unified/4.25.3/gdpr-tcf.0b327789b5d246674c71.bundle.js"></script><script charset="utf-8" src="https://cdn.privacy-mgmt.com/unified/4.25.3/usnat.9dc87f68478d1cf38b3d.bundle.js"></script><style type="text/css">#sp_message_iframe_1199859 { display:block; width: 100%; height: 100%; border: 0 none; } #sp_message_container_1199859 { overflow:auto;-webkit-overflow-scrolling:touch; display: none; position: fixed; z-index: 2147483647; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; max-width: 100%; max-height: 100vh;}.sp-message-open { height: 100vh !important; width: 100vw !important } .sp-message-open body { overflow: hidden !important; position: fixed !important; margin-top: 0px !important; top: 0px !important; left: 0px !important; right: 0px !important; }</style></head><body><svg xmlns="http://www.w3.org/2000/svg" class="is-hidden"> <!-- fa 6 --> <symbol id="chrome" viewBox="0 0 496 512"> <path fill="currentColor" d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z"></path> </symbol> <symbol id="twitter" viewBox="0 0 16 16"> <path fill="currentColor" d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path> </symbol> <symbol id="facebook-f" viewBox="0 0 512 512"> <path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path> </symbol> <symbol id="linkedin" viewBox="0 0 448 512"> <path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path> </symbol> <symbol id="graduation-cap" viewBox="0 0 640 512"> <path fill="currentColor" d="M623.1 136.9l-282.7-101.2c-13.73-4.91-28.7-4.91-42.43 0L16.05 136.9C6.438 140.4 0 149.6 0 160s6.438 19.65 16.05 23.09L76.07 204.6c-11.89 15.8-20.26 34.16-24.55 53.95C40.05 263.4 32 274.8 32 288c0 9.953 4.814 18.49 11.94 24.36l-24.83 149C17.48 471.1 25 480 34.89 480H93.11c9.887 0 17.41-8.879 15.78-18.63l-24.83-149C91.19 306.5 96 297.1 96 288c0-10.29-5.174-19.03-12.72-24.89c4.252-17.76 12.88-33.82 24.94-47.03l190.6 68.23c13.73 4.91 28.7 4.91 42.43 0l282.7-101.2C633.6 179.6 640 170.4 640 160S633.6 140.4 623.1 136.9zM351.1 314.4C341.7 318.1 330.9 320 320 320c-10.92 0-21.69-1.867-32-5.555L142.8 262.5L128 405.3C128 446.6 213.1 480 320 480c105.1 0 192-33.4 192-74.67l-14.78-142.9L351.1 314.4z"></path> </symbol> <symbol id="share" viewBox="0 0 16 16"><!-- bi --> <path fill="currentColor" d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z"></path> </symbol> <symbol id="person-plus" viewBox="0 0 16 16"><!-- bi --> <path fill="currentColor" d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path> <path fill="currentColor" fill-rule="evenodd" d="M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z"></path> </symbol> <symbol id="question-circle-fill" viewBox="0 0 16 16"><!-- bi --> <path fill="currentColor" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path> </symbol> <symbol id="search" viewBox="0 0 16 16"><!-- bi --> <path fill="currentColor" d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path> </symbol> <symbol id="cup" viewBox="0 0 24 24"><!-- bi --> <path d="M0 0h24v24H0V0z" fill="none"></path><path fill="currentColor" d="M16 5v8c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2V5h10m4-2H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm-2 5V5h2v3h-2zm2 11H2v2h18v-2z"></path> </symbol> <symbol id="heart" viewBox="0 0 24 24"><!-- bi --> <path d="M0 0h24v24H0V0z" fill="none"></path><path fill="currentColor" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path> </symbol> <symbol id="heart-no-fill" viewBox="0 0 24 24"><!-- bi --> <path d="M0 0h24v24H0V0z" fill="none"></path><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"></path> </symbol> <symbol id="arrow_drop_down" viewBox="0 0 24 24"><!-- bi --> <path d="M0 0h24v24H0V0z" fill="none"></path> <path fill="currentColor" d="M7 10l5 5 5-5H7z"></path> </symbol> <symbol id="instagram" viewBox="0 0 24 24"><!-- bi --> <path fill="currentColor" d="M12,2.162c3.204,0,3.584,0.012,4.849,0.07c1.308,0.06,2.655,0.358,3.608,1.311c0.962,0.962,1.251,2.296,1.311,3.608 c0.058,1.265,0.07,1.645,0.07,4.849c0,3.204-0.012,3.584-0.07,4.849c-0.059,1.301-0.364,2.661-1.311,3.608 c-0.962,0.962-2.295,1.251-3.608,1.311c-1.265,0.058-1.645,0.07-4.849,0.07s-3.584-0.012-4.849-0.07 c-1.291-0.059-2.669-0.371-3.608-1.311c-0.957-0.957-1.251-2.304-1.311-3.608c-0.058-1.265-0.07-1.645-0.07-4.849 c0-3.204,0.012-3.584,0.07-4.849c0.059-1.296,0.367-2.664,1.311-3.608c0.96-0.96,2.299-1.251,3.608-1.311 C8.416,2.174,8.796,2.162,12,2.162 M12,0C8.741,0,8.332,0.014,7.052,0.072C5.197,0.157,3.355,0.673,2.014,2.014 C0.668,3.36,0.157,5.198,0.072,7.052C0.014,8.332,0,8.741,0,12c0,3.259,0.014,3.668,0.072,4.948c0.085,1.853,0.603,3.7,1.942,5.038 c1.345,1.345,3.186,1.857,5.038,1.942C8.332,23.986,8.741,24,12,24c3.259,0,3.668-0.014,4.948-0.072 c1.854-0.085,3.698-0.602,5.038-1.942c1.347-1.347,1.857-3.184,1.942-5.038C23.986,15.668,24,15.259,24,12 c0-3.259-0.014-3.668-0.072-4.948c-0.085-1.855-0.602-3.698-1.942-5.038c-1.343-1.343-3.189-1.858-5.038-1.942 C15.668,0.014,15.259,0,12,0z"></path> <path fill="currentColor" d="M12,5.838c-3.403,0-6.162,2.759-6.162,6.162c0,3.403,2.759,6.162,6.162,6.162s6.162-2.759,6.162-6.162 C18.162,8.597,15.403,5.838,12,5.838z M12,16c-2.209,0-4-1.791-4-4s1.791-4,4-4s4,1.791,4,4S14.209,16,12,16z"></path> <circle fill="currentColor" cx="18.406" cy="5.594" r="1.44"></circle> </symbol> <symbol id="darkMode" viewBox="0 -960 960 960"> <path fill="currentColor" d="M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q14 0 27.5 1t26.5 3q-41 29-65.5 75.5T444-660q0 90 63 153t153 63q55 0 101-24.5t75-65.5q2 13 3 26.5t1 27.5q0 150-105 255T480-120Zm0-80q88 0 158-48.5T740-375q-20 5-40 8t-40 3q-123 0-209.5-86.5T364-660q0-20 3-40t8-40q-78 32-126.5 102T200-480q0 116 82 198t198 82Zm-10-270Z"></path> </symbol> <symbol id="lightMode" viewBox="0 -960 960 960"> <path fill="currentColor" d="M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM80-440q-17 0-28.5-11.5T40-480q0-17 11.5-28.5T80-520h80q17 0 28.5 11.5T200-480q0 17-11.5 28.5T160-440H80Zm720 0q-17 0-28.5-11.5T760-480q0-17 11.5-28.5T800-520h80q17 0 28.5 11.5T920-480q0 17-11.5 28.5T880-440h-80ZM480-760q-17 0-28.5-11.5T440-800v-80q0-17 11.5-28.5T480-920q17 0 28.5 11.5T520-880v80q0 17-11.5 28.5T480-760Zm0 720q-17 0-28.5-11.5T440-80v-80q0-17 11.5-28.5T480-200q17 0 28.5 11.5T520-160v80q0 17-11.5 28.5T480-40ZM226-678l-43-42q-12-11-11.5-28t11.5-29q12-12 29-12t28 12l42 43q11 12 11 28t-11 28q-11 12-27.5 11.5T226-678Zm494 495-42-43q-11-12-11-28.5t11-27.5q11-12 27.5-11.5T734-282l43 42q12 11 11.5 28T777-183q-12 12-29 12t-28-12Zm-42-495q-12-11-11.5-27.5T678-734l42-43q11-12 28-11.5t29 11.5q12 12 12 29t-12 28l-43 42q-12 11-28 11t-28-11ZM183-183q-12-12-12-29t12-28l43-42q12-11 28.5-11t27.5 11q12 11 11.5 27.5T282-226l-42 43q-11 12-28 11.5T183-183Zm297-297Z"> </path></symbol> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="is-hidden"> <!-- fa 6 --> <!-- For Editors --> <symbol id="file" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z"></path> </symbol> <symbol id="save" viewBox="0 0 24 24"> <!-- google icon --> <path fill="currentColor" d="M17.59 3.59c-.38-.38-.89-.59-1.42-.59H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7.83c0-.53-.21-1.04-.59-1.41l-2.82-2.83zM12 19c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm1-10H7c-1.1 0-2-.9-2-2s.9-2 2-2h6c1.1 0 2 .9 2 2s-.9 2-2 2z"></path> </symbol> <symbol id="check" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> </symbol> <symbol id="print" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"></path> </symbol> <symbol id="trash" viewBox="0 0 24 24"> <path fill="currentColor" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path> </symbol> <symbol id="copy" viewBox="0 0 24 24"> <path fill="currentColor" d="M15,20H5V7c0-0.55-0.45-1-1-1h0C3.45,6,3,6.45,3,7v13c0,1.1,0.9,2,2,2h10c0.55,0,1-0.45,1-1v0C16,20.45,15.55,20,15,20z M20,16V4c0-1.1-0.9-2-2-2H9C7.9,2,7,2.9,7,4v12c0,1.1,0.9,2,2,2h9C19.1,18,20,17.1,20,16z M18,16H9V4h9V16z"></path> </symbol> <symbol id="fullscreen" viewBox="0 0 24 24"> <!-- google icon --> <path fill="currentColor" d="M21,8.59V4c0-0.55-0.45-1-1-1h-4.59c-0.89,0-1.34,1.08-0.71,1.71l1.59,1.59l-10,10l-1.59-1.59C4.08,14.08,3,14.52,3,15.41 V20c0,0.55,0.45,1,1,1h4.59c0.89,0,1.34-1.08,0.71-1.71l-1.59-1.59l10-10l1.59,1.59C19.92,9.92,21,9.48,21,8.59z"></path> </symbol> <symbol id="fullscreen-exit" viewBox="0 0 24 24"><!-- google icon --> <path fill="currentColor" d="M21.29,4.12l-4.59,4.59l1.59,1.59c0.63,0.63,0.18,1.71-0.71,1.71H13c-0.55,0-1-0.45-1-1V6.41c0-0.89,1.08-1.34,1.71-0.71 l1.59,1.59l4.59-4.59c0.39-0.39,1.02-0.39,1.41,0v0C21.68,3.1,21.68,3.73,21.29,4.12z M4.12,21.29l4.59-4.59l1.59,1.59 c0.63,0.63,1.71,0.18,1.71-0.71V13c0-0.55-0.45-1-1-1H6.41c-0.89,0-1.34,1.08-0.71,1.71l1.59,1.59l-4.59,4.59 c-0.39,0.39-0.39,1.02,0,1.41l0,0C3.1,21.68,3.73,21.68,4.12,21.29z"></path> </symbol> <symbol id="tree" viewBox="0 0 448 512"> <path fill="currentColor" d="M413.8 447.1L256 448l0 31.99C256 497.7 241.8 512 224.1 512c-17.67 0-32.1-14.32-32.1-31.99l0-31.99l-158.9-.0099c-28.5 0-43.69-34.49-24.69-56.4l68.98-79.59H62.22c-25.41 0-39.15-29.8-22.67-49.13l60.41-70.85H89.21c-21.28 0-32.87-22.5-19.28-37.31l134.8-146.5c10.4-11.3 28.22-11.3 38.62-.0033l134.9 146.5c13.62 14.81 2.001 37.31-19.28 37.31h-10.77l60.35 70.86c16.46 19.34 2.716 49.12-22.68 49.12h-15.2l68.98 79.59C458.7 413.7 443.1 447.1 413.8 447.1z"></path> </symbol> <symbol id="link" viewBox="0 0 24 24"><!-- google icon --> <path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path> </symbol> <symbol id="uploadfile" viewBox="0 0 24 24"><!-- google icon --> <path fill="currentColor" d="M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z"></path> </symbol> <symbol id="downloadfile" viewBox="0 0 24 24"><!-- google icon --> <path fill="currentColor" d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"></path> </symbol> <symbol id="clock-rotate-left" viewBox="0 0 24 24"><!-- History --> <path fill="currentColor" d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"></path> </symbol> <symbol id="title" viewBox="0 0 24 24"> <!-- Font Size T --> <path fill="currentColor" d="M5 4v3h5.5v12h3V7H19V4H5z"></path> </symbol> <symbol id="format_indent" viewBox="0 0 24 24"><!-- beautify --> <path fill="currentColor" d="M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"></path> </symbol> <symbol id="play" viewBox="0 96 960 960"><!-- play arrow > --> <path fill="currentColor" d="M366 824q-15 10-30.5 1T320 798V348q0-18 15.5-27t30.5 1l354 226q14 9 14 25t-14 25L366 824Z"></path> </symbol> <symbol id="notes" viewBox="0 96 960 960"><!-- minify --> <path fill="currentColor" d="M120 816v-60h480v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z"></path> </symbol> <symbol id="account_tree" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"></path> <path fill="currentColor" d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"></path> </symbol> <symbol id="cleaning_services" viewBox="0 0 24 24"> <g><rect fill="none" height="24" width="24"></rect></g><g><g><path fill="currentColor" d="M16,11h-1V3c0-1.1-0.9-2-2-2h-2C9.9,1,9,1.9,9,3v8H8c-2.76,0-5,2.24-5,5v7h18v-7C21,13.24,18.76,11,16,11z M11,3h2v8h-2V3 z M19,21h-2v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-2v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3H9v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3H5 v-5c0-1.65,1.35-3,3-3h8c1.65,0,3,1.35,3,3V21z"></path></g></g> </symbol> </svg>   <input type="hidden" id="viewName" value="jsviewer"> <!-- sample url used for testing --> <input id="sampleurl" type="hidden" value="https://gist.githubusercontent.com/cbmgit/142fca2328fd5992ee6618559f95acf3/raw/CarInsuranceCompany.js"> <input id="fTitle" type="hidden" value="Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier"> <!-- Starting of App Div --> <div id="app"> <section class="hero"> <div class="hero-head"> <nav class="navbar is-transparent" role="navigation" aria-label="main navigation"> <div class="container is-fluid"> <div class="navbar-brand"> <!--<h2 class="title is-size-3"> <strong>Code Beautify</strong> </h2> --> <a class="navbar-item py-1" href="/"><img id="logoInHeader" src="/img/nlogo.webp" alt="CodeBeautify Logo" aria-label="Logo" srcset="" width="217" height="44"></a> <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarTopMain"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div class="navbar-menu" id="navbarTopMain"> <div class="navbar-end"> <a href="https://jsonformatter.org" class="navbar-item is-link" target="_blank">JSON Formatter</a> <a href="https://jsonformatter.org/xml-formatter" target="_blank" class="navbar-item is-link is-hidden-desktop-only">XML Formatter</a> <a href="/calculators/" class="navbar-item is-link">Calculators</a> <a href="/jsonviewer" class="navbar-item is-link">JSON Beautifier</a> <a href="/recentLinksPage" class="navbar-item is-link">Recent Links</a> <a href="/all-tools" class="navbar-item is-link">Sitemap</a> <div class="navbar-item has-dropdown is-hoverable"> <span id="favLink" class="navbar-link">Favs</span> <div id="favContent" class="navbar-dropdown"> <a class="navbar-item" href="/"> Home </a> </div> </div> <div class="navbar-item py-1"> <a id="notloggedin" href="/login" class="button is-primary">Login</a> <div id="loggedin" class="dropdown is-right" style="display:none"> <div class="dropdown-trigger"> <button class="button" aria-haspopup="true" aria-controls="dropdown-menu"> <span id="usernamelable">Dropdown button</span> <span class="icon is-small"> <svg class="svgicon"><use href="#arrow_drop_down"></use></svg> </span> </button> </div> <div class="dropdown-menu" id="dropdown-menu" role="menu"> <div class="dropdown-content"> <a href="https://codebeautify.org/userSaveLinkPage" class="dropdown-item">Links</a> <a href="https://codebeautify.org/userSaveOldLinkPage" class="dropdown-item">Archived</a> <a href="https://codebeautify.org/myFavouriteTools" class="dropdown-item">Favorite</a> <hr class="dropdown-divider"> <a href="/logout" class="dropdown-item button is-light">Logout</a> </div> </div> </div> </div> <a href="#" class=" navbar-item is-white" onclick="changeDLMode(true)" title="DarkMode in Beta"> <span class="icon"> <svg class="svgicon"><use id="colorModeIcon" href="#darkMode"></use></svg> </span> </a> </div> </div> </div> </nav> </div> </section> <hr class="my-0"> <progress id="ajaxProgressBar" class="progress is-tiny is-dark" max="100">50%</progress> <!--Start Top Header part of a Tool --> <div class="container is-fluid"> <div class="columns mb-0"> <div class="column mt-2"> <h1 id="mainTitle" class="title is-size-2">JavaScript Beautifier</h1> </div> <div class="column mt-2" style="display:none;"> <button id="topMessage" type="button" class="button is-info is-fullwidth">New</button> </div> <div id="new-ss-div" class="column mt-2 has-text-right is-hidden-mobile"> <button class="button" onclick="makeFav()" title="Add this tool to Favorites"> <span class="icon"><svg class="svgicon"><use id="favIcon" href="#heart-no-fill"></use></svg></span> <span id="favText">Add to Fav</span> </button> <button id="new" type="button" class="button is-info" onclick="loadNewView()">New</button> <button id="savenshare" type="button" class="button is-dark" onclick="openSaveModal()">Save &amp; Share</button> </div> </div> <div class="columns mb-1" id="permalink" style="display:none"> <div class="column is-8"><h2 class="subtitle" id="subtitle">Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier</h2></div> <div class="column is-4"> <p class="subtitle has-text-right"> <a id="urlLink" href="/"></a> <span class="is-size-6"> </span> </p> </div> </div> </div> <!--End Top Header part of a Tool --> <!-- adsense-header-CB --> <!-- PLACE THIS SECTION INSIDE OF YOUR BODY TAGS --> <!-- Tag ID: codebeautify_leaderboard_atf --> <div class="mb-3" align="center" data-freestar-ad="__320x100 __970x90" id="codebeautify_leaderboard_atf"> <script data-cfasync="false" type="text/javascript">
    freestar.config.enabled_slots.push({ placementName: "codebeautify_leaderboard_atf", slotId: "codebeautify_leaderboard_atf" });
  </script> </div> <div class="container is-fluid"> <div class="columns mb-0 is-desktop"> <div class="column"> <!-- End Ace Editor Border --> <div id="inputDiv" class="aceEditorBorder"> <!-- Ace Editor Titalbar --> <div class="aceEditorMenu"> <a href="#" class="icon" title="Format JS" onclick="beautifyInteralJS()"><svg class="svgicon"><use href="#format_indent"></use></svg></a> <a href="#" class="icon" title="Compress JS" onclick="minifyInternalJS()"><svg class="svgicon"><use href="#notes"></use></svg></a> <div class="editortoolbar btn-group-sm"> <a href="#" class="icon" onclick="setFromLocalStorage()" title="Load previous data from Local Storage"><svg class="svgicon"><use href="#clock-rotate-left"></use></svg></a> <a href="#" id="fileopen" class="icon" title="Open File"><svg class="svgicon"><use href="#file"></use></svg></a> <a href="#" class="icon" title="Save online" onclick="openSaveModal(true)"><svg class="svgicon"><use href="#save"></use></svg></a> <a href="#" class="icon" title="Clear" onclick="cleanInputEditor()"><svg class="svgicon"><use href="#trash"></use></svg></a> <a href="#" id="inputcopy" class="icon" title="Copy to Clipboard"><svg class="svgicon"><use href="#copy"></use></svg></a> <a href="#" id="inputFullScreen" class="icon is-hidden-mobile" onclick="addFullScreen('input');" title="FullScreen"><svg class="svgicon"><use href="#fullscreen"></use></svg></a> <a href="#" id="inputCloseScreen" style="display:none" class="icon" onclick="closeFullScreen('input');" title="Close FullScreen"><svg class="svgicon"><use href="#fullscreen-exit"></use></svg></a> </div> <a href="#" class="icon is-hidden-desktop-only is-hidden-mobile" style="margin-right:25px;float:right;" title="Sample JS Data" onclick="getJSSampleData();"><i>Sample</i></a> </div> <!--End Ace Editor Titalbar --> <!--Ace Editor Input --> <div id="inputACEEditor" class="twoEditor ace_editor ace_hidpi ace-tm ace_hasPlaceholder" style="font-size: 16px;"><textarea class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-haspopup="false" aria-autocomplete="both" role="textbox" style="opacity: 0; font-size: 1px; height: 1px; width: 1px; transform: translate(47px, 19px);"></textarea><div class="ace_gutter" aria-hidden="true" style="left: 0px; width: 43px;"><div class="ace_layer ace_gutter-layer ace_folding-enabled" style="height: 1e+06px; transform: translate(0px, 0px); width: 43px;"><div class="ace_gutter-cell ace_gutter-active-line " aria-hidden="true" style="height: 19px; top: 0px;">1<span tabindex="0" style="display: none;"></span><span tabindex="0" style="display: none;"><span></span></span></div></div></div><div class="ace_scroller " style="line-height: 19px; left: 43px; right: 0px; bottom: 0px;"><div class="ace_content" style="transform: translate(0px, 0px); width: 681px; height: 398px;"><div class="ace_layer ace_print-margin-layer"><div class="ace_print-margin" style="left: 804px; visibility: hidden;"></div></div><div class="ace_layer ace_marker-layer"><div class="ace_active-line" style="height: 19px; top: 0px; left: 0px; right: 0px;"></div></div><div class="ace_layer ace_text-layer" style="height: 1e+06px; margin: 0px 4px; transform: translate(0px, 0px);"><div class="ace_line_group" style="height: 19px; top: 0px;"><div class="ace_line" style="height: 19px;"></div></div></div><div class="ace_layer ace_marker-layer"></div><div class="ace_layer ace_cursor-layer ace_hidden-cursors"><div class="ace_cursor" style="display: block; transform: translate(4px, 0px); width: 10px; height: 19px;"></div></div><div class="ace_placeholder" style="opacity: 0.3;">Paste or type your data here....</div></div></div><div class="ace_scrollbar ace_scrollbar-v" style="display: none; width: 15px; height: 360px; bottom: 0px;"><div class="ace_scrollbar-inner" style="width: 15px; height: 19px;">&nbsp;</div></div><div class="ace_scrollbar ace_scrollbar-h" style="display: none; height: 15px; left: 43px; right: 0px; width: 681px;"><div class="ace_scrollbar-inner" style="height: 15px; width: 724px;">&nbsp;</div></div><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font: inherit; overflow: hidden;"><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font: inherit; overflow: visible;">הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה</div><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; overflow: visible;">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div></div></div> <!--End Ace Ace Editor Input --> <!--Ace Editor Statusbar Footer --> <div class="columns m-0 is-mobile" id="inputACEStatusBar" style="background-color:#ededed;border:1px solid #dbdbdb;"> <span class="column p-0 pl-1" id="inputAceLineColumn">Ln: 1 Col: 0</span> <span class="column p-0 has-text-centered" id="inputTextSize"></span> <span class="column p-0 is-hidden-mobile" id="fontsize"> <a href="#" id="inputFontSizeI" title="Increase Text Size" class="icon is-pulled-right"> <svg class="svgicon"><use href="#title"></use></svg> </a> <a href="#" id="inputFontSizeD" title="Decrease Text Size" class="icon is-pulled-right"> <svg class="svgicon16"><use href="#title"></use></svg> </a> </span> </div> <!--End Ace Editor Statusbar Footer --> </div> <!-- End Ace Editor border --> </div> <div class="column is-12-mobile is-2-desktop box has-text-centered"> <div class="columns mb-0"> <div class="column"> <button class="button is-fullwidth" title="Upload File"> <input id="fileInput" class="file-input" type="file" onchange="handleFiles(this.files)"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#uploadfile"></use></svg></span> <span>File</span> </button> </div> <div class="column"> <button class="button is-fullwidth" onclick="openURLModal()" title="Load URL"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#link"></use></svg></span> <span>URL</span> </button> </div> </div> <div class="field"> <label class="checkbox"> <input class="mt-4" type="checkbox" id="isAuto" checked=""> Auto Update </label> </div> <!-- <div class="field"> <label class="checkbox"> <input class="mt-4" type="checkbox" id="isRemoveComments"> Remove Comments <label> </div> --> <div class="field"> <p class="control"> <button class="button is-fullwidth is-info is-medium" id="defaultAction" onclick="beautifyJS()"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#format_indent"></use></svg></span> <span>Beautify JS</span> </button> </p> </div> <!--a d s --> <style> .responsiveSquare { width: 200px; height: 200px;} @media(min-width: 1600px) { .responsiveSquare { width: 250px; height: 250px;} } @media(min-width: 2000px) { .responsiveSquare { width: 300px; height: 250px;} } </style> <!-- Tag ID: codebeautify_mrec_atf --> <div class="mb-2" align="center" data-freestar-ad="__336x280 __300x250" id="codebeautify_mrec_atf"> <script data-cfasync="false" type="text/javascript">
          freestar.config.enabled_slots.push({ placementName: "codebeautify_mrec_atf", slotId: "codebeautify_mrec_atf" });
          </script> </div> <div class="field"> <p class="control"> <button class="button is-fullwidth is-primary is-medium" onclick="showJSViewerHTML()"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#play"></use></svg></span> <span>Run / View</span> </button> </p> </div> <div class="field"> <p class="control"> <button class="button is-fullwidth" onclick="minifyJS()"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#notes"></use></svg></span> <span>Minify JS</span> </button> </p> </div> <div class="field"> <p class="control"> <button class="button is-fullwidth" onclick="javascriptObfuscator()"> <span>Obfuscator JS</span> </button> </p> </div> <div class="field"> <p class="control"> <button class="button is-fullwidth " onclick="createFile('js.txt');"> <span class="icon"><svg class="svgicon"><use href="#downloadfile"></use></svg></span> <span>Download</span> </button> </p> </div> </div> <div class="column"> <!-- End Ace Editor Border OutPut --> <div id="outputDiv" class="aceEditorBorder"> <!-- Ace Editor TitleBar OutPut--> <div class="aceEditorMenu"> <label class="aceEditorMenuLabel"><i>Output</i></label> <div id="outputToolBar" class="editortoolbar btn-group-sm"> <a href="#" class="icon" title="Save online" onclick="openSaveModal(true)"><svg class="svgicon"><use href="#save"></use></svg></a> <a href="#" class="icon" title="Clear" onclick="cleanOutputEditor();"><svg class="svgicon"><use href="#trash"></use></svg></a> <a href="#" id="outputcopy" class="icon" title="Copy to Clipboard"><svg class="svgicon"><use href="#copy"></use></svg></a> <a href="#" class="icon" title="Download" onclick="createFile('js.txt');"><svg class="svgicon"><use href="#downloadfile"></use></svg></a> <a href="#" id="outputFullScreen" class="icon is-hidden-mobile" onclick="addFullScreen('output');" title="FullScreen"><svg class="svgicon"><use href="#fullscreen"></use></svg></a> <a href="#" id="outputCloseScreen" style="display:none" class="icon" onclick="closeFullScreen('output');" title="Close FullScreen"><svg class="svgicon"><use href="#fullscreen-exit"></use></svg></a> </div> </div> <!--End Ace Editor TitleBar OutPut--> <!--Ace Editor OutPut --> <div id="outputACEEditor" class="twoEditor ace_editor ace_hidpi ace-tm" style="font-size: 16px;"><textarea class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-haspopup="false" aria-autocomplete="both" role="textbox" style="opacity: 0; font-size: 1px; height: 1px; width: 1px; transform: translate(47px, 19px);"></textarea><div class="ace_gutter" aria-hidden="true" style="left: 0px; width: 43px;"><div class="ace_layer ace_gutter-layer ace_folding-enabled" style="height: 1e+06px; transform: translate(0px, 0px); width: 43px;"><div class="ace_gutter-cell ace_gutter-active-line " aria-hidden="true" style="height: 19px; top: 0px;">1<span tabindex="0" style="display: none;"></span><span tabindex="0" style="display: none;"><span></span></span></div></div></div><div class="ace_scroller " style="line-height: 19px; left: 43px; right: 0px; bottom: 0px;"><div class="ace_content" style="transform: translate(0px, 0px); width: 681px; height: 398px;"><div class="ace_layer ace_print-margin-layer"><div class="ace_print-margin" style="left: 804px; visibility: hidden;"></div></div><div class="ace_layer ace_marker-layer"><div class="ace_active-line" style="height: 19px; top: 0px; left: 0px; right: 0px;"></div></div><div class="ace_layer ace_text-layer" style="height: 1e+06px; margin: 0px 4px; transform: translate(0px, 0px);"><div class="ace_line_group" style="height: 19px; top: 0px;"><div class="ace_line" style="height: 19px;"></div></div></div><div class="ace_layer ace_marker-layer"></div><div class="ace_layer ace_cursor-layer ace_hidden-cursors"><div class="ace_cursor" style="display: block; transform: translate(4px, 0px); width: 10px; height: 19px;"></div></div></div></div><div class="ace_scrollbar ace_scrollbar-v" style="display: none; width: 15px; height: 360px; bottom: 0px;"><div class="ace_scrollbar-inner" style="width: 15px; height: 19px;">&nbsp;</div></div><div class="ace_scrollbar ace_scrollbar-h" style="display: none; height: 15px; left: 43px; right: 0px; width: 681px;"><div class="ace_scrollbar-inner" style="height: 15px; width: 724px;">&nbsp;</div></div><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font: inherit; overflow: hidden;"><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font: inherit; overflow: visible;">הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה</div><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; overflow: visible;">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div></div></div> <div id="jsViewerhtml" style="display:none;overflow-y:scroll;"> <iframe id="iFrameMD" src="data:text/html;charset=utf-8," style="width: 100%; height: 62vh;"></iframe> </div> <!--End Ace Ace Editor OutPut --> <!--Ace Editor Statusbar Footer OutPut--> <div class="columns m-0 is-mobile" id="outputACEStatusBar" style="background-color:#ededed;border:1px solid #dbdbdb;"> <span class="column p-0 pl-1" id="outputAceLineColumn">Ln: 1 Col: 0</span> <span class="column p-0 has-text-centered" id="outputTextSize"></span> <span class="column p-0 is-hidden-mobile" id="inputFontSize"> <a href="#" id="outputFontSizeI" title="Increase Text Size" class="icon is-pulled-right"> <svg class="svgicon"><use href="#title"></use></svg> </a> <a href="#" id="outputFontSizeD" title="Decrease Text Size" class="icon is-pulled-right"> <svg class="svgicon16"><use href="#title"></use></svg> </a> </span> </div> <!--End Ace Editor Statusbar Footer OutPut--> </div> <!-- End Ace Editor border OutPut --> </div> </div> </div> </div><!--a d s Horizontal --> <div class="columns p-2"> <div class="column is-8"> <!-- Tag ID: codebeautify_billboard_1 --> <div align="center" data-freestar-ad="__336x280 __580x400" id="codebeautify_billboard_1"> <script data-cfasync="false" type="text/javascript">
          freestar.config.enabled_slots.push({ placementName: "codebeautify_billboard_1", slotId: "codebeautify_billboard_1" });
          </script> </div> </div> <div class="column is-4"> <!-- Tag ID: video tag fs --> <div id="FreeStarVideoAdContainer"> <div id="freestar-video-parent"> <div id="freestar-video-child"></div> </div> </div> </div> </div> <div id="adBlockerShare" class="container has-text-centered has-background-light is-fluid py-2" style="display:none"> <p class="is-size-3 has-text-danger">Ad blocking? It's okay.</p> <p class="is-size-4">Please share on social media to support us:</p> <div class="py-3"> <a class="button has-text-link" rel="noopener" title="Tweet on Twitter" href="https://twitter.com/share?url=https://codebeautify.org/jsviewer&amp;text=I%20❤️%20%40CodeBeautify's JavaScript Beautifier" target="_blank"> <span class="icon is-large"> <svg class="svgicon"><use xlink:href="#twitter"></use></svg> </span> <span>Tweet</span> </a> <a class="button has-text-link" rel="noopener" title="Share on Facebook" href="https://www.facebook.com/share.php?u=https://codebeautify.org/jsviewer" target="_blank"> <span class="icon is-large"> <svg class="svgicon"><use xlink:href="#facebook-f"></use></svg> </span> <span>Share</span> </a> <a class="button has-text-link" rel="noopener" title="Share on Linked in" href="https://www.linkedin.com/shareArticle?url=https://codebeautify.org/jsviewer" target="_blank"> <span class="icon is-large"> <svg class="svgicon"><use xlink:href="#linkedin"></use></svg> </span> <span>Post</span> </a> </div> </div> <div class="container is-fluid"> <div class="columns"> <div class="column is-7"> <section class="pt-1"> <h2 class="title">JavaScript Viewer</h2> <hr> <div class="content"> <p class="is-size-5">Javascript Beautifier is easy to use tool to beautify, format and prettier JavaScript data. Copy, Paste, and Beautify.</p> <p class="is-size-5">Welcome to the online Javascript formatter and beautifier at codebeautify.org. Javascript is a web based programming language that is used extensively in many websites.</p> <p class="is-size-5">Often the javascript used is provided has white space compressed to reduce the size of the data transferred. This site give you a quick and easy way to format (beautifier) the javascript so you can easily read it.</p> <h2>What can you do with JavaScript Viewer?</h2> <ul> <li>It helps to beautify/format your Javascript.</li> <li>JS Prettier allows loading the Javascript Source Code URL to beautify. Use your JS URL to format. Click on the URL button, Enter URL and Submit.</li> <li>It helps to obfuscator(change variable name and minify) your Javascript.</li> <li>Users can also beautify JS File by uploading the file.</li> <li>It helps to run your Javascript.</li> <li>Beautify JS Online works well on Windows, MAC, Linux, Chrome, Firefox, Edge, and Safari.</li> </ul> <p>Know more about JavaScript:</p> <ul class="is-size-4-mobile"> <li> <a class="has-text-info" href="https://codeblogmoney.com/validate-json-string-using-javascript/" target="_blank" rel="noopener"> Validate JSON using Javascript </a> </li> <li> <a class="has-text-info" href="https://codeblogmoney.com/convert-string-to-json-object-using-javascript/" target="_blank" rel="noopener"> Convert String to JSON Object using Javascript </a> </li> <li> <a class="has-text-info" href="https://codebeautify.org/blog/check-if-variable-is-a-number-in-javascript/" target="_blank" rel="noopener"> Check if Variable Is a Number in Javascript </a> </li> <li> <a class="has-text-info" href="https://codebeautify.org/blog/how-to-get-last-element-of-an-array-in-javascript/" target="_blank" rel="noopener"> How to Get Last Element of an Array in JavaScript? </a> </li> <li> <a class="has-text-info" href="/javascript-cheat-sheet" target="_blank" rel="noopener"> JavaScript Cheat Sheet </a> </li> <li> <a class="has-text-info" href="https://codebeautify.org/blog/map-to-array-javascript/" target="_blank" rel="noopener"> Map to Array in Javascript </a> </li> </ul> <h3>Example of JS File</h3> <div class="content"> <p> <strong>JS data</strong> <a class="is-pulled-right" href="/jsviewer?input=var carInsuranceCompany = { name: &quot;Geico&quot;, market_capital: &quot;$34.9 billion&quot;, }; var carInsuranceCompanyObj = JSON.stringify(obj); document.getElementById(&quot;insurance&quot;).innerHTML = carInsuranceCompanyObj;">Try it.</a> </p><pre>var carInsuranceCompany = {
	name: "Geico",
	market_capital: "$34.9 billion",
};
var carInsuranceCompanyObj = JSON.stringify(obj);
document.getElementById("insurance").innerHTML = carInsuranceCompanyObj;
</pre> <p></p> </div> <p class="is-size-4">For Advanced Users</p> <h5>External JS URL</h5> <p> Load JS External URL in Browser URL like this https://codebeautify.org/<wbr>jsviewer?<b>url</b>=external-url</p> <blockquote> <a href="/jsviewer?url=https://gist.githubusercontent.com/cbmgit/142fca2328fd5992ee6618559f95acf3/raw/CarInsuranceCompany.js"> https://codebeautify.org/<wbr>jsviewer?url=<wbr>https://gist.gi<wbr>thubusercontent<wbr>.com/cbmgit/142<wbr>fca2328fd5992ee<wbr>6618559f95acf3/<wbr>raw/CarInsuranc<wbr>eCompany.js </a> </blockquote> </div> </section> </div> <div class="column is-5 is-hidden-mobile"> <section class="pt-1"> <p class="title">Related Tools</p> <hr> <div class="content"> <a class="button funbtn is-large" href="/htmlviewer">HTML Viewer</a> <a class="button funbtn is-large" href="/css-beautify-minify">CSS minifier</a> <a class="button funbtn is-large" href="/jsonminifier">JSON Minify</a> <a class="button funbtn is-large" href="/javascript-tester">Javascript Tester</a> </div> </section> <section class="section"> <p class="title">Recently visited pages</p> <hr> <div class="content"> <ul id="visitedTools"></ul> </div> </section> <section class="section"> <p class="title">Tags</p> <hr> <div class="tags"> <a class="tag is-primary is-large" href="/javascript-tools">JavaScript</a> <a class="tag is-info is-large" href="/formatters-and-beautifiers">Beautifiers</a> </div> </section> </div> </div> </div> <!-- Tag ID: codebeautify_billboard_6 --> <div align="center" data-freestar-ad="__336x280 __1200x280" id="codebeautify_billboard_6"> <script data-cfasync="false" type="text/javascript">
    freestar.config.enabled_slots.push({ placementName: "codebeautify_billboard_6", slotId: "codebeautify_billboard_6" });
  </script> </div> <!-- Start End Footer Link Section of the HomePage --> <footer id="jumptofooter" class="footer"> <div class="container is-fluid"> <section class="has-text-centered"> <h2 class="subtitle is-size-2 "> <strong>Code Beautify</strong> </h2> </section> <hr> <div class="columns has-text-centered-mobile"> <div class="column"> <p class="title has-text-dark is-5">Color Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/hex-to-pantone-converter">HEX to Pantone Converter</a></li> <li><a class="is-size-4-mobile" href="/rgb-to-pantone-converter">RGB to Pantone Converter</a></li> <li><a class="is-size-4-mobile" href="/hsv-to-pantone-converter">HSV to Pantone Converter</a></li> <li><a class="is-size-4-mobile" href="/cmyk-to-pantone-converter">CMYK to Pantone Converter</a></li> <li><a class="is-size-4-mobile" href="/cmyk-to-hex-converter">CMYK to HEX Converter</a></li> <li><a class="is-size-4-mobile" href="/cmyk-to-rgb-converter">CMYK to RGB Converter</a></li> <li><a class="is-size-4-mobile" href="/cmyk-to-hsv-converter">CMYK to HSV Converter</a></li> <li><a class="is-size-4-mobile" href="/hsv-to-hex-converter">HSV to HEX Converter</a></li> <li><a class="is-size-4-mobile" href="/hsv-to-rgb-converter">HSV to RGB Converter</a></li> <li><a class="is-size-4-mobile" href="/hsv-to-cmyk-converter">HSV to CMYK Converter</a></li> <li><a class="is-size-4-mobile" href="/hex-to-hsv-converter">HEX to HSV Converter</a></li> <li><a class="is-size-4-mobile" href="/rgb-to-hex-converter">RGB to HEX Converter</a></li> <li><a class="is-size-4-mobile" href="/rgb-to-hsv-converter">RGB to HSV Converter</a></li> <li><a class="is-size-4-mobile" href="/rgb-to-cmyk-converter">RGB to CMYK Converter</a></li> <li><a class="is-size-4-mobile" href="/hex-to-rgb-converter">HEX to RGB Converter</a></li> <li><a class="is-size-4-mobile" href="/hex-to-cmyk-converter">HEX to CMYK Converter</a></li> <li><a class="is-size-4-mobile" href="/pantone-to-hex-converter">Pantone to HEX Converter</a></li> <li><a class="is-size-4-mobile" href="/pantone-to-rgb-converter">Pantone to RGB Converter</a></li> <li><a class="is-size-4-mobile" href="/pantone-to-cmyk-converter">Pantone to CMYK Converter</a></li> <li><a class="is-size-4-mobile" href="/pantone-to-hsv-converter">Pantone to HSV Converter</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/unit-tools">Unit Converter</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/length-converter">Length Converter</a></li> <li><a class="is-size-4-mobile" href="/weight-converter">Weight Converter</a></li> <li><a class="is-size-4-mobile" href="/volume-converter">Volume Converter</a></li> <li><a class="is-size-4-mobile" href="/area-converter">Area Converter</a></li> <li><a class="is-size-4-mobile" href="/time-converter">Time Converter</a></li> <li><a class="is-size-4-mobile" href="/unix-time-stamp-converter">Unix Timestamp Converter</a></li> <!-- <li><a class="is-size-4-mobile" href="/temperature-converter">Temperature Converter</a></li> <li><a class="is-size-4-mobile" href="/density-converter">Density Converter</a></li> <li><a class="is-size-4-mobile" href="/electric-current-converter">Electric Current Converter</a></li> <li><a class="is-size-4-mobile" href="/speed-converter">Speed Converter</a></li> <li><a class="is-size-4-mobile" href="/angle-converter">Angle Converter</a></li> <li><a class="is-size-4-mobile" href="/bytes-converter">Bytes/Bits Converter</a></li> <li><a class="is-size-4-mobile" href="/energy-converter">Energy Converter</a></li> <li><a class="is-size-4-mobile" href="/force-converter">Force Converter</a></li> <li><a class="is-size-4-mobile" href="/fuel-converter">Fuel Converter</a></li> <li><a class="is-size-4-mobile" href="/mass-converter">Mass Converter</a></li> <li><a class="is-size-4-mobile" href="/power-converter">Power Converter</a></li> <li><a class="is-size-4-mobile" href="/pressure-converter">Pressure Converter</a></li> <li><a class="is-size-4-mobile" href="/astronomical-converter">Astronomical Converter</a></li> <li><a class="is-size-4-mobile" href="/frequency-converter">Frequency Converter</a></li> --> <li><a class="is-size-4-mobile has-text-info" href="/unit-tools" title="More Unit Tools">More Unit Tools</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/sql-tools">SQL Converters</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/sql-to-csv-converter">SQL to CSV Converter</a></li> <li><a class="is-size-4-mobile" href="/sql-to-json-converter">SQL to JSON Converter</a></li> <li><a class="is-size-4-mobile" href="/sql-to-xml-converter">SQL to XML Converter</a></li> <li><a class="is-size-4-mobile" href="/sql-to-yaml-converter">SQL to YAML Converter</a></li> <li><a class="is-size-4-mobile" href="/sql-to-html-converter">SQL to HTML Converter</a></li> </ul> <p class="title has-text-dark is-5">Encode and Decode</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/base32-encode">Base32 Encode</a></li> <li><a class="is-size-4-mobile" href="/base32-decode">Base32 Decode</a></li> <li><a class="is-size-4-mobile" href="/base58-encode">Base58 Encode</a></li> <li><a class="is-size-4-mobile" href="/base58-decode">Base58 Decode</a></li> <li><a class="is-size-4-mobile" href="/base64-encode">Base64 Encode</a></li> <li><a class="is-size-4-mobile" href="/base64-decode">Base64 Decode</a></li> <li><a class="is-size-4-mobile" href="/url-encode-string">URL Encode Online</a></li> <li><a class="is-size-4-mobile" href="/url-decode-string">URL Decode Online</a></li> <li><a class="is-size-4-mobile" href="/json-url-encode">JSON URL Encode</a></li> <li><a class="is-size-4-mobile" href="/json-url-decode">JSON URL Decode</a></li> <li><a class="is-size-4-mobile" href="/html-encode-string">HTML Encode</a></li> <li><a class="is-size-4-mobile" href="/html-decode-string">HTML Decode</a></li> <li><a class="is-size-4-mobile" href="/xml-url-encoding">XML URL Encoding</a></li> <li><a class="is-size-4-mobile" href="/xml-url-decoding">XML URL Decoding</a></li> <li><a class="is-size-4-mobile" href="/utf8-converter">UTF8 Converter</a></li> <li><a class="is-size-4-mobile" href="/utf8-decode">UTF8 Decode</a></li> <li><a class="is-size-4-mobile" href="/hex-to-utf8">Hex to UTF8</a></li> <li><a class="is-size-4-mobile" href="/json-decode-online">JSON Decode Online</a></li> <li><a class="is-size-4-mobile" href="/json-encode-online">JSON Encode Online</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/base64-tools">Base64 Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/image-to-base64-converter">Image to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-image-converter">Base64 to Image</a></li> <li><a class="is-size-4-mobile" href="/png-to-base64-converter">PNG to Base64</a></li> <li><a class="is-size-4-mobile" href="/jpg-to-base64-converter">JPG to Base64</a></li> <li><a class="is-size-4-mobile" href="/json-to-base64-converter">JSON to Base64</a></li> <li><a class="is-size-4-mobile" href="/xml-to-base64-converter">XML to Base64</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-base64-converter">YAML to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-json-converter">Base64 to JSON</a></li> <li><a class="is-size-4-mobile" href="/base64-to-xml-converter">Base64 to XML</a></li> <li><a class="is-size-4-mobile" href="/base64-to-yaml-converter">Base64 to YAML</a></li> <li><a class="is-size-4-mobile" href="/csv-to-base64-converter">CSV to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-csv-converter">Base64 to CSV</a></li> <li><a class="is-size-4-mobile" href="/tsv-to-base64-converter">TSV to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-tsv-converter">Base64 to TSV</a></li> <li><a class="is-size-4-mobile" href="/binary-to-base64-converter">Binary to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-binary-converter">Base64 to Binary</a></li> <li><a class="is-size-4-mobile" href="/hex-to-base64-converter">Hex to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-hex-converter">Base64 to Hex</a></li> <li><a class="is-size-4-mobile" href="/octal-to-base64-converter">Octal to Base64</a></li> <li><a class="is-size-4-mobile has-text-info" href="/base64-tools">More Base64 Tools</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/image-converter-tools">Image Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/jpg-to-png-converter">JPG to PNG</a></li> <li><a class="is-size-4-mobile" href="/bmp-to-png-converter">BMP to PNG</a></li> <li><a class="is-size-4-mobile" href="/png-to-jpg-converter">PNG to JPG</a></li> <li><a class="is-size-4-mobile" href="/gif-splitter">GIF Splitter</a></li> <li><a class="is-size-4-mobile" href="/gif-viewer">GIF Viewer</a></li> <!-- <li><a class="is-size-4-mobile" href="/jpg-to-bmp-converter">JPG to BMP</a></li> <li><a class="is-size-4-mobile" href="/jpg-to-gif-converter">JPG to GIF</a></li> <li><a class="is-size-4-mobile" href="/bmp-to-jpg-converter">BMP to JPG</a></li> <li><a class="is-size-4-mobile" href="/bmp-to-gif-converter">BMP to GIF</a></li> <li><a class="is-size-4-mobile" href="/gif-to-png-converter">GIF to PNG</a></li> <li><a class="is-size-4-mobile" href="/gif-to-jpg-converter">GIF to JPG</a></li> <li><a class="is-size-4-mobile" href="/gif-to-bmp-converter">GIF to BMP</a></li> <li><a class="is-size-4-mobile" href="/png-to-bmp-converter">PNG to BMP</a></li> <li><a class="is-size-4-mobile" href="/png-to-gif-converter">PNG to GIF</a></li> --> <li><a class="is-size-4-mobile has-text-info" href="/image-converter-tools" title="More Image Tools">More Image Tools</a></li> </ul> </div> <div class="column"> <p class="title has-text-dark is-5">Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/image-to-base64-converter">Image to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-image-converter">Base64 to Image</a></li> <li><a class="is-size-4-mobile" href="/date-time-calculater">Date Calculater</a></li> <li><a class="is-size-4-mobile" href="/excel-to-html">EXCEL to HTML</a></li> <li><a class="is-size-4-mobile" href="/excel-to-xml">EXCEL to XML</a></li> <li><a class="is-size-4-mobile" href="/excel-to-json">EXCEL to JSON</a></li> <li><a class="is-size-4-mobile" href="/opml-to-json-converter">OPML to JSON</a></li> <li><a class="is-size-4-mobile" href="/word-to-html-converter">Word to HTML</a></li> <li><a class="is-size-4-mobile" href="/tableizer">Online Tableizer</a></li> </ul> <p class="title has-text-dark is-5">JSON Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/json-to-java-converter">JSON to JAVA</a></li> <li><a class="is-size-4-mobile" href="/jsontoxml">JSON to XML</a></li> <li><a class="is-size-4-mobile" href="/json-to-yaml">JSON to YAML</a></li> <li><a class="is-size-4-mobile" href="/json-to-csv">JSON to CSV</a></li> <li><a class="is-size-4-mobile" href="/json-to-tsv-converter">JSON to TSV</a></li> <li><a class="is-size-4-mobile" href="/json-to-text-converter">JSON to Text</a></li> <li><a class="is-size-4-mobile" href="/json-to-excel-converter">JSON to Excel</a></li> <li><a class="is-size-4-mobile" href="/json-to-html-converter">JSON to HTML</a></li> </ul> <p class="title has-text-dark is-5">XML Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/xml-converter-online">XML Converter</a></li> <li><a class="is-size-4-mobile" href="/xmltojson">XML to JSON</a></li> <li><a class="is-size-4-mobile" href="/xml-to-yaml">XML to YAML</a></li> <li><a class="is-size-4-mobile" href="/xml-to-csv-converter">XML to CSV</a></li> <li><a class="is-size-4-mobile" href="/xml-to-tsv-converter">XML to TSV</a></li> <li><a class="is-size-4-mobile" href="/xml-to-text-converter">XML to Text</a></li> <li><a class="is-size-4-mobile" href="/xml-xsl-transformation">XML-XSL Transform</a></li> <li><a class="is-size-4-mobile" href="/xml-to-html-converter">XML to HTML</a></li> <li><a class="is-size-4-mobile" href="/xml-to-excel-converter">XML to Excel</a></li> <li><a class="is-size-4-mobile" href="/xml-to-java-converter">XML to JAVA</a></li> </ul> <p class="title has-text-dark is-5">HTML Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/html-stripper">HTML Stripper</a></li> <li><a class="is-size-4-mobile" href="/html-table-generator">HTML Table Generator</a></li> <li><a class="is-size-4-mobile" href="/html-to-csv-converter">HTML to CSV Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-tsv-converter">HTML to TSV Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-php-converter">HTML to PHP Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-csv-converter">HTML to CSV</a></li> <li><a class="is-size-4-mobile" href="/html-to-json-converter">HTML to JSON</a></li> <li><a class="is-size-4-mobile" href="/html-to-xml-converter">HTML to XML</a></li> <li><a class="is-size-4-mobile" href="/html-to-yaml-converter">HTML to YAML</a></li> <li><a class="is-size-4-mobile" href="/html-to-text-converter">HTML to Text</a></li> <li><a class="is-size-4-mobile" href="/text-to-html-entities-converter">Text to HTML Entities</a></li> <li><a class="is-size-4-mobile" href="/html-entities-to-text-converter">HTML Entities to Text</a></li> <li><a class="is-size-4-mobile" href="/html-to-markdown">HTML to Markdown</a></li> <li><a class="is-size-4-mobile" href="/markdown-to-html">Markdown to HTML</a></li> <li><a class="is-size-4-mobile" href="/pug-to-html-converter">PUG to HTML Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-pug-converter">HTML to PUG Converter</a></li> <li><a class="is-size-4-mobile" href="/jade-to-html-converter">JADE to HTML Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-jade-converter">HTML to JADE Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-bbcode-converter">HTML to BBCode Converter</a></li> <li><a class="is-size-4-mobile" href="/bbcode-to-html-converter">BBCode to HTML Converter</a></li> </ul> <p class="title has-text-dark is-5">YAML Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/yaml-to-json-xml-csv">YAML Converter</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-json-xml-csv">YAML to XML</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-json-xml-csv">YAML to JSON</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-json-xml-csv">YAML to CSV</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-excel-converter">YAML to Excel</a></li> </ul> <p class="title has-text-dark is-5">Utility</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/send-snap-message">Send Snap Message</a></li> <li><a class="is-size-4-mobile" href="/responsive-website-tester">Responsive Website Tester</a></li> <li><a class="is-size-4-mobile" href="/credit-card-validate">Credit Card Validator</a></li> <li><a class="is-size-4-mobile" href="/credit-card-fake-number-generator">Credit Card Fake Number Generator</a></li> <li><a class="is-size-4-mobile" href="/Xpath-Tester">XPath Tester</a></li> <li><a class="is-size-4-mobile" href="/jsonpath-tester" title="Json Path Tester">JSON Path Tester</a></li> <li><a class="is-size-4-mobile" href="/jsonminifier" title="JSON Minifier">JSON Minifier</a></li> <li><a class="is-size-4-mobile" href="/file-diff">File Difference</a></li> <li><a class="is-size-4-mobile" href="/json-diff">JSON Diff</a></li> <li><a class="is-size-4-mobile" href="/xml-diff">XML Diff</a></li> <li><a class="is-size-4-mobile" href="/broken-link-checker">Broken Link Checker</a></li> <li><a class="is-size-4-mobile" href="/json-deserialize-online">JSON Deserialize Online</a></li> <li><a class="is-size-4-mobile" href="/json-serialize-online">JSON Serialize Online</a></li> <li><a class="is-size-4-mobile" href="/json-stringify-online">JSON Stringify Online</a></li> <li><a class="is-size-4-mobile" href="/xml-stringify-online">XML Stringify Online</a></li> <li><a class="is-size-4-mobile" href="/string-to-json-online">String to JSON Online</a></li> <li><a class="is-size-4-mobile" href="/javascript-obfuscator">JavaScript Obfuscator</a></li> <li><a class="is-size-4-mobile" href="/curl-to-php-online">Curl to PHP</a></li> <li><a class="is-size-4-mobile" href="/crontab-format">Crontab Format</a></li> </ul> <p class="title is-5">Chart Tools</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/line-graph-maker">Line Graph Maker</a></li> <li><a class="is-size-4-mobile" href="/bar-graph-maker">Bar Graph Maker</a></li> <li><a class="is-size-4-mobile" href="/pie-chart-maker">Pie Chart Maker</a></li> <li><a class="is-size-4-mobile" href="/doughnut-chart-maker">Doughnut Chart Maker</a></li> <li><a class="is-size-4-mobile" href="/scatter-plot-maker">Scatter Plot Maker</a></li> </ul> </div> <div class="column"> <p class="title has-text-dark is-5">Viewers</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/jsonviewer">JSON Viewer</a></li> <li><a class="is-size-4-mobile" href="/xmlviewer">XML Viewer</a></li> <li><a class="is-size-4-mobile" href="/yaml-viewer-online">YAML Viewer</a></li> <li><a class="is-size-4-mobile" href="/mxmlviewer">MXML Viewer</a></li> <li><a class="is-size-4-mobile" href="/htmlviewer">HTML Viewer</a></li> <li><a class="is-size-4-mobile" href="/jsviewer">JavaScript Viewer</a></li> <li><a class="is-size-4-mobile" href="/rssviewer">RSS Viewer</a></li> <li><a class="is-size-4-mobile" href="/source-code-viewer">SOURCE CODE Viewer</a></li> <li><a class="is-size-4-mobile" href="/opmlviewer">OPML Viewer</a></li> <li><a class="is-size-4-mobile" href="/csv-viewer">CSV Viewer</a></li> <li><a class="is-size-4-mobile" href="/bbcode-viewer">BBCode Viewer</a></li> <li><a class="is-size-4-mobile" href="/markdown-viewer">Markdown Viewer</a></li> </ul> <p class="title has-text-dark is-5">Programming Editors</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/online-xml-editor">XML Editor</a></li> <li><a class="is-size-4-mobile" href="/online-json-editor">JSON Editor</a></li> <li><a class="is-size-4-mobile" href="/real-time-html-editor">Real Time HTML Editor</a></li> <li><a class="is-size-4-mobile" href="/yaml-editor-online">YAML Editor</a></li> <li><a class="is-size-4-mobile" href="/alleditor">ONLINE Editor</a></li> <li><a class="is-size-4-mobile" href="/javaviewer">JAVA Editor</a></li> <li><a class="is-size-4-mobile" href="/csharpviewer">C# Editor</a></li> <li><a class="is-size-4-mobile" href="/actionscript">Actionscript Editor</a></li> <li><a class="is-size-4-mobile" href="/markdown-editor">Markdown Editor</a></li> </ul> <p class="title has-text-dark is-5">Parsers</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/url-parser">URL Parser</a></li> <li><a class="is-size-4-mobile" href="/json-parser-online">JSON Parser</a></li> <li><a class="is-size-4-mobile" href="/xml-parser-online">XML Parser</a></li> <li><a class="is-size-4-mobile" href="/yaml-parser-online">YAML Parser</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/css-tools">CSS Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/css-beautify-minify">CSS Beautifier</a></li> <li><a class="is-size-4-mobile" href="/css-to-less-converter">CSS to LESS</a></li> <li><a class="is-size-4-mobile" href="/css-to-scss-converter">CSS to SCSS</a></li> <li><a class="is-size-4-mobile" href="/css-to-sass-converter">CSS to SASS</a></li> <li><a class="is-size-4-mobile" href="/css-to-stylus-converter">CSS to Stylus</a></li> <li><a class="is-size-4-mobile" href="/stylus-compiler">Stylus Compiler</a></li> <li><a class="is-size-4-mobile" href="/stylus-to-css-converter">Stylus to CSS</a></li> <li><a class="is-size-4-mobile" href="/stylus-to-less-converter">Stylus to LESS</a></li> <li><a class="is-size-4-mobile" href="/stylus-to-scss-converter">Stylus to SCSS</a></li> <li><a class="is-size-4-mobile" href="/stylus-to-sass-converter">Stylus to SASS</a></li> <li><a class="is-size-4-mobile" href="/less-compiler">LESS Compiler</a></li> <li><a class="is-size-4-mobile" href="/less-to-css-converter">LESS to CSS</a></li> <li><a class="is-size-4-mobile" href="/less-to-stylus-converter">LESS to Stylus</a></li> <li><a class="is-size-4-mobile" href="/less-to-scss-converter">LESS to SCSS</a></li> <li><a class="is-size-4-mobile" href="/less-to-sass-converter">LESS to SASS</a></li> <li><a class="is-size-4-mobile" href="/scss-compiler">SCSS Compiler</a></li> <li><a class="is-size-4-mobile" href="/scss-to-css-converter">SCSS to CSS</a></li> <li><a class="is-size-4-mobile" href="/scss-to-stylus-converter">SCSS to Stylus</a></li> <li><a class="is-size-4-mobile" href="/scss-to-less-converter">SCSS to LESS</a></li> <li><a class="is-size-4-mobile" href="/scss-to-sass-converter">SCSS to SASS</a></li> <li><a class="is-size-4-mobile" href="/sass-compiler">SASS Compiler</a></li> <li><a class="is-size-4-mobile" href="/sass-to-css-converter">SASS to CSS</a></li> <li><a class="is-size-4-mobile" href="/sass-to-stylus-converter">SASS to Stylus</a></li> <li><a class="is-size-4-mobile" href="/sass-to-scss-converter">SASS to SCSS</a></li> <li><a class="is-size-4-mobile" href="/sass-to-less-converter">SASS to LESS</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/escape-unescape-tools">Escape Unescape</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/html-escape-unescape" title="HTML Escape Unescape">HTML Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/xml-escape-unescape" title="XML Escape Unescape">XML Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/java-escape-unescape" title="Java Escape Unescape">Java Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/csharp-escape-unescape" title="C# Escape Unescape">C# Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/javascript-escape-unescape" title="Javascript Escape Unescape">Javascript Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/csv-escape-unescape" title="CSV Escape Unescape">CSV Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/sql-escape-unescape" title="SQL Escape Unescape">SQL Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/json-escape-unescape" title="JSON Escape Unescape">JSON Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/un-google-link" title="Un-Google Link">Un-Google Link</a></li> </ul> <p class="title has-text-dark is-5">CryptoGraphy Tools</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/encrypt-decrypt">Encryption-Decryption</a></li> <li><a class="is-size-4-mobile" href="/hmac-generator">HMAC Generator</a></li> <li><a class="is-size-4-mobile" href="/md2-hash-generator">MD2 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/md4-hash-generator">MD4 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/md5-hash-generator">MD5 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/md6-hash-generator">MD6 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/ntlm-hash-generator">NTLM Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha1-hash-generator">SHA1 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha2-hash-generator">SHA2 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha224-hash-generator">SHA224 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha256-hash-generator">SHA256 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha384-hash-generator">SHA384 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha512-hash-generator">SHA512 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha512-224-hash-generator">SHA512/224 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha512-256-hash-generator">SHA512/256 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha3-224-hash-generator">SHA3-224 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha3-256-hash-generator">SHA3-256 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha3-384-hash-generator">SHA3-384 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha3-512-hash-generator">SHA3-512 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/crc-16-hash-generator">CRC-16 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/crc-32-hash-generator">CRC-32 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/shake-128-hash-generator">Shake-128 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/shake-256-hash-generator">Shake-256 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/whirlpool-hash-generator">Whirlpool Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/wordpress-password-hash-generator">Wordpress Password Hash Generator</a></li> </ul> </div> <div class="column"> <p class="title is-5"><a class="has-text-dark" href="/formatters-and-beautifiers">Beautifiers</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/jsonviewer">JSON Beautifier</a></li> <li><a class="is-size-4-mobile" href="/css-beautify-minify">CSS Beautifier</a></li> <li><a class="is-size-4-mobile" href="/xmlviewer">XML Beautifier</a></li> <li><a class="is-size-4-mobile" href="/jsviewer">Javascript Beautifier</a></li> <li><a class="is-size-4-mobile" href="/yaml-beautifier">YAML Beautifier</a></li> <li><a class="is-size-4-mobile" href="/csharpviewer">C# Beautifier</a></li> <li><a class="is-size-4-mobile" href="/javaviewer">Java Beautifier</a></li> <li><a class="is-size-4-mobile" href="/c-formatter-beautifier">C Beautifier</a></li> <li><a class="is-size-4-mobile" href="/cpp-formatter-beautifier">C++ Beautifier</a></li> <li><a class="is-size-4-mobile" href="/typescript-formatter-online">TypeScript Formatter</a></li> <li><a class="is-size-4-mobile" href="/sqlformatter">SQL Formatter</a></li> <li><a class="is-size-4-mobile" href="/babel-formatter">Babel Formatter</a></li> <li><a class="is-size-4-mobile" href="/markdown-formatter">Markdown Formatter</a> </li> <li><a class="is-size-4-mobile" href="/mdx-formatter">MDX Formatter</a></li> <li><a class="is-size-4-mobile" href="/less-beautifier">LESS Beautifier</a></li> <li><a class="is-size-4-mobile" href="/scss-beautifier">SCSS Beautifier</a></li> <li><a class="is-size-4-mobile" href="/graphql-beautifier">GraphQL Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/php-beautifier">PHP Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/python-formatter-beautifier">Python Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/perl-formatter-beautifier">Perl Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/ruby-formatter-beautifier">Ruby Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/angular-formatter">Angular Formatter</a></li> <li><a class="is-size-4-mobile" href="/react-formatter">React Formatter</a></li> <li><a class="is-size-4-mobile" href="/lua-beautifier">Lua Beautifier</a></li> <li><a class="is-size-4-mobile" href="/xaml-beautifier">XAML Beautifier</a></li> </ul> <p class="title has-text-dark is-5">Minifier</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/jsonminifier">JSON Minify</a></li> <li><a class="is-size-4-mobile" href="/xml-minifier">XML Minify</a></li> <li><a class="is-size-4-mobile" href="/minify-js">Minify JS</a></li> <li><a class="is-size-4-mobile" href="/css-beautify-minify">CSS Minify</a></li> <li><a class="is-size-4-mobile" href="/sql-minifier">SQL Minifier</a></li> <li><a class="is-size-4-mobile" href="/minify-html">Minify HTML</a></li> <li><a class="is-size-4-mobile" href="/lua-minifier">Lua Minifier</a></li> <li><a class="is-size-4-mobile" href="/text-minifier">Text Minifier</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/csv-tools">CSV Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/csv-viewer">CSV Viewer</a></li> <li><a class="is-size-4-mobile" href="/csv-to-xml-json">CSV to XML/JSON</a></li> <li><a class="is-size-4-mobile" href="/csv-to-xml-converter">CSV to XML</a></li> <li><a class="is-size-4-mobile" href="/csv-to-json-converter">CSV to JSON</a></li> <li><a class="is-size-4-mobile" href="/csv-to-html-converter">CSV to HTML</a></li> <li><a class="is-size-4-mobile" href="/csv-to-tsv-converter">CSV to TSV</a></li> <li><a class="is-size-4-mobile" href="/csv-to-multi-line-converter">CSV to MULTILINE DATA</a></li> <li><a class="is-size-4-mobile" href="/csv-to-sql-converter">CSV to SQL</a></li> <li><a class="is-size-4-mobile" href="/csv-to-excel-converter">CSV to Excel</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/string-functions"> String Utilities</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/upside-down-text">Upside Down Text</a></li> <li><a class="is-size-4-mobile" href="/random-word-generator">Random Word Generator</a></li> <li><a class="is-size-4-mobile" href="/ntlm-hash-generator">NTLM Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/password-generator">Password Generator</a></li> <li><a class="is-size-4-mobile" href="/string-builder">String Builder</a></li> <li><a class="is-size-4-mobile" href="/number-to-word-converter">Number to Word Converter</a></li> <li><a class="is-size-4-mobile" href="/word-to-number-converter">Word to Number Converter</a></li> <li><a class="is-size-4-mobile" href="/wordcounter">WORD COUNTER</a></li> <li><a class="is-size-4-mobile" href="/word-repeater">Word Repeater</a></li> <li><a class="is-size-4-mobile" href="/reverse-string">Reverse String</a></li> <li><a class="is-size-4-mobile" href="/string-hex-converter">String to Hex Converter</a></li> <li><a class="is-size-4-mobile" href="/hex-string-converter">Hex to String Converter</a></li> <li><a class="is-size-4-mobile" href="/string-binary-converter">String to Binary Converter</a></li> <li><a class="is-size-4-mobile" href="/binary-string-converter">Binary to String Converter</a></li> <li><a class="is-size-4-mobile" href="/case-converter">Case Converter</a></li> <li><a class="is-size-4-mobile" href="/delimited-text-extractor">Delimited Text Extractor</a></li> <li><a class="is-size-4-mobile" href="/remove-accents">Remove Accents</a></li> <li><a class="is-size-4-mobile" href="/remove-duplicate-lines">Remove Duplicate Lines</a></li> <li><a class="is-size-4-mobile" href="/remove-empty-lines">Remove Empty Lines</a></li> <li><a class="is-size-4-mobile" href="/remove-extra-spaces">Remove Extra Spaces</a></li> <li><a class="is-size-4-mobile" href="/remove-whitespace">Remove Whitespace</a></li> <li><a class="is-size-4-mobile" href="/remove-line-breaks">Remove Line Breaks</a></li> <li><a class="is-size-4-mobile" href="/remove-lines-containing">Remove Lines Containing</a></li> <li><a class="is-size-4-mobile" href="/sort-text-lines">Sort Text Lines</a></li> <li><a class="is-size-4-mobile" href="/word-sorter">Word Sorter</a></li> <li><a class="is-size-4-mobile" href="/word-frequency-counter">Word Frequency Counter</a></li> <li><a class="is-size-4-mobile" href="/text-repeater">Text Repeater</a></li> <li><a class="is-size-4-mobile" href="/remove-punctuation">Remove Punctuation</a></li> </ul> <p class="title has-text-dark is-5">Syntax Highlighting</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/json-syntax-highlighting">JSON Syntax Highlighting</a></li> <li><a class="is-size-4-mobile" href="/xml-highlighter">XML Highlighter</a></li> <li><a class="is-size-4-mobile" href="/xml-pretty-print">XML Pretty Print</a></li> <li><a class="is-size-4-mobile" href="/html-pretty-print">HTML Pretty Print</a></li> <li><a class="is-size-4-mobile" href="/javascript-pretty-print">JS Pretty Print</a></li> <li><a class="is-size-4-mobile" href="/code-highlighter">Code Highlighter</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/compress-decompress-tools">Compress / Decompress</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/gzip-decompress-online">GZip Decompress Online</a></li> <li><a class="is-size-4-mobile" href="/zlib-decompress-online">Zlib Decompress Online</a></li> </ul> </div> <div class="column"> <p class="title has-text-dark is-5">Validators</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/cssvalidate">CSS Validator</a></li> <li><a class="is-size-4-mobile" href="/jsvalidate">JavaScript Validator</a></li> <li><a class="is-size-4-mobile" href="/jsonvalidator">JSON Validator</a></li> <li><a class="is-size-4-mobile" href="/json5-validator">JSON5 Validator</a></li> <li><a class="is-size-4-mobile" href="/xmlvalidator">XML Validator</a></li> <li><a class="is-size-4-mobile" href="/credit-card-validate">Credit Card Validator</a></li> <li><a class="is-size-4-mobile" href="/api-test">API Test</a></li> <li><a class="is-size-4-mobile" href="/yaml-validator">YAML Validator</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/number-tools">Number Utilities</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/all-number-converter">All Numbers Converter</a></li> <li><a class="is-size-4-mobile" href="/decimal-binary-converter">Decimal to Binary</a></li> <li><a class="is-size-4-mobile" href="/decimal-octal-converter">Decimal to Octal</a></li> <li><a class="is-size-4-mobile" href="/binary-decimal-converter">Binary to Decimal</a></li> <li><a class="is-size-4-mobile" href="/binary-hex-converter">Binary to Hex</a></li> <li><a class="is-size-4-mobile" href="/binary-octal-converter">Binary to Octal</a></li> <li><a class="is-size-4-mobile" href="/hex-decimal-converter">Hex to Decimal</a></li> <li><a class="is-size-4-mobile" href="/hex-binary-converter">Hex to Binary</a></li> <li><a class="is-size-4-mobile" href="/hex-octal-converter">Hex to Octal</a></li> <li><a class="is-size-4-mobile" href="/octal-decimal-converter">Octal toDecimal</a></li> <li><a class="is-size-4-mobile" href="/octal-binary-converter">Octal to Binary</a></li> <li><a class="is-size-4-mobile" href="/octal-hex-converter"> Octal to Hex</a></li> <li><a class="is-size-4-mobile" href="/binary-to-text">Binary to Text</a></li> <li><a class="is-size-4-mobile" href="/text-to-binary">Text to Binary</a></li> <li><a class="is-size-4-mobile" href="/ascii-to-text">ASCII to Text</a></li> <li><a class="is-size-4-mobile" href="/char-to-ascii">Char to ASCII</a></li> <li><a class="is-size-4-mobile" href="/reverse-hex">Reverse Hex</a></li> </ul> <p class="title is-5">Bitwise Tools</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/bitwise-calculator">Bitwise Calculator</a></li> <li><a class="is-size-4-mobile" href="/xor-calculator">XOR Calculator</a></li> <li><a class="is-size-4-mobile" href="/and-calculator">AND Calculator</a></li> <li><a class="is-size-4-mobile" href="/nand-calculator">NAND Calculator</a></li> <li><a class="is-size-4-mobile" href="/or-calculator">OR Calculator</a></li> <li><a class="is-size-4-mobile" href="/nor-calculator">NOR Calculator</a></li> <li><a class="is-size-4-mobile" href="/xnor-calculator">XNOR Calculator</a></li> <!-- <li><a class="is-size-4-mobile" href="/not-calculator">NOT Calculator</a></li> --> </ul> <p class="title is-5"><a class="has-text-dark" href="/ip-tools">IP Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/hex-to-ip-converter">Hex to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-hex-converter">IP to Hex</a></li> <li><a class="is-size-4-mobile" href="/binary-to-ip-converter">Binary to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-binary-converter">IP to Binary</a></li> <li><a class="is-size-4-mobile" href="/decimal-to-ip-converter">Decimal to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-decimal-converter">IP to Decimal</a></li> <li><a class="is-size-4-mobile" href="/octal-to-ip-converter">Octal to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-octal-converter">IP to Octal</a></li> <li><a class="is-size-4-mobile" href="/ipv6-to-binary-converter">IPV6 to Binary</a></li> </ul> <p class="title has-text-dark is-5">Other Tools</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/lorem-ipsum">Lorem-Ipsum</a></li> <li><a class="is-size-4-mobile" href="/share-link-generator">Sharelink Generator</a></li> <li><a class="is-size-4-mobile" href="/hostname-to-ip" title="Hostname to IP">Hostname to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-hostname" title="IP to Hostname">IP to Hostname</a></li> <li><a class="is-size-4-mobile" href="/phone-number-to-ip-address-converter" title="Phone number to IP">Phone to IP Address</a></li> <li><a class="is-size-4-mobile" href="/ip-address-to-phone-number-converter" title="IP Address to Phone Number">IP Address to Phone</a></li> <li><a class="is-size-4-mobile" href="/dns-lookup" title="DNS Lookup">DNS Lookup</a></li> <li><a class="is-size-4-mobile" href="/mx-lookup" title="MX Lookup">MX Lookup</a></li> <li><a class="is-size-4-mobile" href="/name-server-lookup" title="name-server-lookup">Nameserver Lookup</a></li> <li><a class="is-size-4-mobile" href="/website-to-ip-address" title="Website to IP Address">Website to IP Address</a></li> <li><a class="is-size-4-mobile" href="/open-port-checker" title="Open Port Checker">Open Port Checker</a></li> <li><a class="is-size-4-mobile" href="/mirror-online" title="Webcame Test">Webcam Test</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/random-tools">Random Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/generate-random-ip">Random IP Address</a></li> <li><a class="is-size-4-mobile" href="/generate-random-time">Random Time Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-uuid">Random UUID Generator</a></li> <li><a class="is-size-4-mobile" href="/json-generator">Random JSON Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-xml">Random XML Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-data-from-regexp">Random Data from Regex</a></li> <li><a class="is-size-4-mobile" href="/generate-random-csv">Random CSV Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-numbers">Random Number Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-integers">Random Integer Generator</a></li> <li><a class="is-size-4-mobile" href="/prime-number-generator">Random Prime Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-date">Random Date Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-bitmap">Random Bitmap Generator</a></li> <li><a class="is-size-4-mobile" href="/random-name-picker">Random Name Picker</a></li> <li><a class="is-size-4-mobile" href="/shuffle-lines">Text Lines shuffler</a></li> <li><a class="is-size-4-mobile" href="/generate-random-mac">MAC Address Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-hexadecimal-numbers">Random Hex Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-tsv">Random TSV Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-string">Random String Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-fractions">Random Fraction Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-integer-range">Random Integer Range Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-binary-numbers">Random Binary Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-bytes">Random Byte Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-decimal-numbers">Random Decimal Generator</a></li> <li><a class="is-size-4-mobile" href="/random-alphanumeric-generator">Random Alphanumeric Generator</a></li> </ul> </div> </div> </div> </footer> <!-- End About Footer Link of the HomePage --><!-- Tag ID: codebeautify_billboard_4_2 --> <div align="center" data-freestar-ad="__336x280 __1200x280" id="codebeautify_billboard_4"> <script data-cfasync="false" type="text/javascript">
    freestar.config.enabled_slots.push({ placementName: "codebeautify_billboard_4", slotId: "codebeautify_billboard_4" });
  </script> </div> <!-- CSS for geo depending button --> <style> #pmLink { visibility: hidden; text-decoration: none; cursor: pointer; background: transparent; border: none; } #pmLink:hover { visibility: visible; color: grey; } </style> <!-- Start End Footer Section of the HomePage --> <section class="hero is-light"> <div class="hero-body"> <div class="container is-fluid"> <div class="columns is-centered buttons are-medium"> <a class="button is-light" href="https://goo.gl/1oWmPe" target="_blank" title="Buy us a Coffee" rel="noopener">Buy us a Coffee</a> <a class="button is-light" href="https://jsonformatter.org" target="_blank" title="JSON Formatter" rel="noopener">JSON Formatter</a> <a class="button is-light" href="/faq">FAQ</a> <a class="button is-light" href="/privacy-policy">Privacy Policy</a> <a class="button is-light" href="/aboutus">About</a> <a class="button is-light" href="/contactus">Contact</a> <a class="button is-light" href="/history">History</a> <a class="button is-light" href="/where-am-i-right-now">Where am I right now?</a> <a class="button is-light" href="https://codeblogmoney.com" rel="noopener">Blog</a> <a class="button is-light" href="/calculators/">Calculators</a> <a class="button is-light" href="https://seoinspector.pro" target="_blank" rel="noopener">SEO Inspector</a> <button id="pmLink">Privacy Manager</button> </div> </div> </div> </section> <footer class="footer has-background-dark" style="padding-bottom: 1rem;"> <div class="container has-text-centered"> <p class="has-text-light"> <span class="has-text-light has-text-weight-bold">Copyright ©</span> CodeBeautify 2024 | v9.2 </p> <br> <p class="has-text-light is-size-4"> Built with <span class="has-text-primary" title="Coffee"> <svg class="svgicon20"><use xlink:href="#cup"></use></svg></span> and <span class="has-text-danger" title="love"> <svg class="svgicon20"><use xlink:href="#heart"></use></svg></span> for you... </p> </div> </footer> <!-- End About Footer of the HomePage -->  <!-- End App Div --> <!-- include JS files dynamically based on Controller metadata footerjsinclude.php --> <!-- Including JS Files in HTML footer --> <!-- Including JS code in HTML footer !--> <!-- End write JS code in HTML footer !--> <!-- Google tag (gtag.js) GA4--> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-S01YJXGZPD"></script> <script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-S01YJXGZPD');
</script> <!-- Start Error Model --> <div id="errorModal" class="modal"> <div class="modal-background" onclick="closeAllModal();"></div> <div class="modal-content"> <article class="message is-danger"> <div class="message-header"> <p>Error Message</p> </div> <div class="message-body"> <strong><p id="errorMessage"></p></strong> <div class="has-text-right"> <button class="button is-danger" onclick="closeAllModal();">Close</button> </div> </div> </article> </div> <button class="modal-close is-large" aria-label="close" onclick="closeAllModal();"></button> </div> <!-- End Error Model -->   <iframe name="__tcfapiLocator" style="display: none;"></iframe><iframe name="__gppLocator" style="display: none;"></iframe><div id="sp_message_container_1199859" style="display: block;"><iframe src="https://cdn.privacy-mgmt.com/index.html?hasCsp=true&amp;message_id=1199859&amp;consentUUID=null&amp;consent_origin=https%3A%2F%2Fcdn.privacy-mgmt.com%2Fconsent%2Ftcfv2&amp;preload_message=true&amp;version=v1" id="sp_message_iframe_1199859" title="SP Consent Message"></iframe></div></body></html>