- スキャンID：
- 9477f520-3b9a-442c-b03c-72e0ae33c64e終了
- 送信済みURL：
- https://jsitor.com/d76t46HRHj
- レポート終了日：
リンク · 3件検出
ページから特定された発信リンク
| リンク | テキスト |
|---|---|
| https://srv.carbonads.net/ads/click/x/GTND427IC6YIT27WCKS4YKQUCKYDP2QWCTYIEZ3JCA7IT23WCKBD5K3KCABITKJECEBIE2JUCVAD423YCESDVK3KC6SICKQEFTADEK3EHJNCLSIZ | Go from professional web developer to lead engineer with the Frontend Masters Professional Path. Start now! |
| http://carbonads.net/?utm_source=jsitorcom&utm_medium=ad_via_link&utm_campaign=in_unit&utm_term=carbon | ads via Carbon |
| https://github.com/jsitor/jsitor/blob/master/PrivacyPolicy.md | Privacy Policy |
JavaScript変数 · 24件検出
ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です
| 名前 | 規模 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| google_tag_manager | object |
| google_tag_data | object |
| dataLayer | object |
| gtag | function |
| onYouTubeIframeAPIReady | function |
| gaGlobal | object |
コンソールログメッセージ · 3件検出
Webコンソールにログ記録されたメッセージ
| 規模 | 分類 | ログ |
|---|---|---|
| error | network |
|
| error | network |
|
| log | other |
|
HTML
未加工のHTMLページ本文
<!DOCTYPE html><html lang="en" class="jsitor"><head><meta charset="utf-8"><meta name="theme-color" content="#000000"><title>Untitled - JSitor</title><meta name="author" content="JSitor"><meta name="copyright" content="share alike"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-touch-fullscreen" content="yes"><meta name="application-name" content="JSitor"><meta name="google-site-verification" content="uBxGzZwSOrbTy-i0TybdEjx-B0I3bMde24xciVtQiR0"><meta name="keywords" content="online javascript editor, testing javascript online, nodejs online editor, online ide, online code editor, html, css, coffeescript, scss online editor, jsitor, css, html, javascript, typescript, babel, scss, postcss, less, pug, reactjs, angularjs"><meta name="description" content="https://hype.co/@hearmeoursummerko
https://hype.co/@hearmeoursummer2024
https://hype.co/@hearmeoursummersubko
https://hype.co/@hearmeoursummermovies
https://hype.co/@hearmeoursummerkorean2024
https://hype.co/@hearmeoursummerkoreafilmhd
https://hype.co/@kunyuk
https://hype.co/@cumaay
https://"><meta name="viewport" content="width=device-width"><meta property="og:title" content="Untitled - JSitor"><meta property="og:description" content="https://hype.co/@hearmeoursummerko
https://hype.co/@hearmeoursummer2024
https://hype.co/@hearmeoursummersubko
https://hype.co/@hearmeoursummermovies
https://hype.co/@hearmeoursummerkorean2024
https://hype.co/@hearmeoursummerkoreafilmhd
https://hype.co/@kunyuk
https://hype.co/@cumaay
https://"><meta property="og:image" content="https://jsitor.com/api/v2/snapshot/d76t46HRHj"><meta property="og:url" content="https://jsitor.com/d76t46HRHj"><meta property="og:site_name" content="Untitled - JSitor"><meta name="twitter:image" content="https://jsitor.com/api/v2/snapshot/d76t46HRHj"><meta name="twitter:description" content="https://hype.co/@hearmeoursummerko
https://hype.co/@hearmeoursummer2024
https://hype.co/@hearmeoursummersubko
https://hype.co/@hearmeoursummermovies
https://hype.co/@hearmeoursummerkorean2024
https://hype.co/@hearmeoursummerkoreafilmhd
https://hype.co/@kunyuk
https://hype.co/@cumaay
https://"><meta name="twitter:site" content="@JSitorEditor"><meta name="twitter:image:alt" content="JSitorEditor"><meta name="twitter:card" content="summary_large_image"><meta property="fb:app_id" content="JSitor"><meta name="DC.Title" content="Untitled - JSitor"><meta name="DC.Description" content="https://hype.co/@hearmeoursummerko
https://hype.co/@hearmeoursummer2024
https://hype.co/@hearmeoursummersubko
https://hype.co/@hearmeoursummermovies
https://hype.co/@hearmeoursummerkorean2024
https://hype.co/@hearmeoursummerkoreafilmhd
https://hype.co/@kunyuk
https://hype.co/@cumaay
https://"><meta name="DC.Date" content="2024-11-08T18:30:10.000Z"><link rel="icon" href="/logo-jsitor.ico"><link rel="shortcut icon" type="image/x-icon" href="/logo-jsitor.ico"><link rel="apple-touch-icon" href="/logo-jsitor.png"><link rel="apple-touch-icon" sizes="152x152" href="/logo-jsitor-152.png"><link rel="apple-touch-icon" sizes="180x180" href="/logo-jsitor-180.png"><link rel="apple-touch-icon" sizes="167x167" href="/logo-jsitor-167.png"><link rel="apple-touch-icon" href="/logo-jsitor.png"><link rel="manifest" href="/manifest.json"><link rel="stylesheet" href="/loader.css"><link href="/static/css/2.8ae4307a.chunk.css" rel="stylesheet"><link href="/static/css/main.1d503cd5.chunk.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="/static/css/1.97fae012.chunk.css"><script charset="utf-8" src="/static/js/1.47dbaaff.chunk.js"></script><link rel="stylesheet" type="text/css" href="/static/css/0.0c66dca7.chunk.css"><script charset="utf-8" src="/static/js/0.2224a99b.chunk.js"></script><style type="text/css" media="screen" class="monaco-colors">.monaco-editor .accessibilityHelpWidget { background-color: #252526; }
.monaco-editor .accessibilityHelpWidget { color: #cccccc; }
.monaco-editor .accessibilityHelpWidget { box-shadow: 0 2px 8px #000000; }
.monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input { background-color: #1e1e1e; }
.monaco-editor, .monaco-editor .inputarea.ime-input { color: #d4d4d4; }
.monaco-editor .margin { background-color: #1e1e1e; }
.monaco-editor .rangeHighlight { background-color: rgba(255, 255, 255, 0.04); }
.monaco-editor .symbolHighlight { background-color: rgba(234, 92, 0, 0.33); }
.vs-whitespace { color: rgba(227, 228, 226, 0.16) !important; }
.monaco-editor .bracket-match { background-color: rgba(0, 100, 0, 0.1); }
.monaco-editor .bracket-match { border: 1px solid #888888; }
.monaco-editor .monaco-editor-overlaymessage .anchor { border-top-color: #007acc; }
.monaco-editor .monaco-editor-overlaymessage .message { border: 1px solid #007acc; }
.monaco-editor .monaco-editor-overlaymessage .message { background-color: #063b49; }
.monaco-editor .contentWidgets .codicon-lightbulb {
color: #ffcc00;
}
.monaco-editor .contentWidgets .codicon-lightbulb-autofix {
color: #75beff;
}
.monaco-editor .codelens-decoration { color: #999999; }
.monaco-editor .codelens-decoration .codicon { color: #999999; }
.monaco-editor .codelens-decoration > a:hover { color: #4e94ce !important; }
.monaco-editor .codelens-decoration > a:hover .codicon { color: #4e94ce !important; }
.monaco-editor .findOptionsWidget { background-color: #252526; }
.monaco-editor .findOptionsWidget { color: #cccccc; }
.monaco-editor .findOptionsWidget { box-shadow: 0 2px 8px #000000; }
.monaco-editor .findMatch { background-color: rgba(234, 92, 0, 0.33); }
.monaco-editor .currentFindMatch { background-color: #515c6a; }
.monaco-editor .findScope { background-color: rgba(58, 61, 65, 0.4); }
.monaco-editor .find-widget { background-color: #252526; }
.monaco-editor .find-widget { box-shadow: 0 2px 8px #000000; }
.monaco-editor .find-widget { color: #cccccc; }
.monaco-editor .find-widget.no-results .matchesCount { color: #f48771; }
.monaco-editor .find-widget .monaco-sash { background-color: #454545; width: 3px !important; margin-left: -4px;}
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus { outline-color: rgba(14, 99, 156, 0.8); }
.monaco-editor .folded-background { background-color: rgba(38, 79, 120, 0.3); }
.monaco-editor .line-numbers { color: #858585; }
.monaco-editor .current-line ~ .line-numbers { color: #c6c6c6; }
.monaco-editor .view-overlays .current-line { border: 2px solid #282828; }
.monaco-editor .margin-view-overlays .current-line-margin { border: 2px solid #282828; }
.monaco-editor .lines-content .cigr { box-shadow: 1px 0 0 0 #404040 inset; }
.monaco-editor .lines-content .cigra { box-shadow: 1px 0 0 0 #707070 inset; }
.monaco-editor .minimap-slider, .monaco-editor .minimap-slider .minimap-slider-horizontal { background: rgba(121, 121, 121, 0.2); }
.monaco-editor .minimap-slider:hover, .monaco-editor .minimap-slider:hover .minimap-slider-horizontal { background: rgba(100, 100, 100, 0.35); }
.monaco-editor .minimap-slider.active, .monaco-editor .minimap-slider.active .minimap-slider-horizontal { background: rgba(191, 191, 191, 0.2); }
.monaco-editor .minimap-shadow-visible { box-shadow: #000000 -6px 0 6px -6px inset; }
.monaco-editor .view-ruler { box-shadow: 1px 0 0 0 #5a5a5a inset; }
.monaco-editor .scroll-decoration { box-shadow: #000000 0 6px 6px -6px inset; }
.monaco-editor .focused .selected-text { background-color: #264f78; }
.monaco-editor .selected-text { background-color: #3a3d41; }
.monaco-editor .cursor { background-color: #aeafad; border-color: #aeafad; color: #515052; }
.monaco-editor .squiggly-error { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23d16969'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
.monaco-editor .squiggly-warning { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23d7ba7d'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
.monaco-editor .squiggly-info { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%239cdcfe'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
.monaco-editor .squiggly-hint { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%223%22%20width%3D%2212%22%3E%3Cg%20fill%3D%22rgba(238%2C%20238%2C%20238%2C%200.7)%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat bottom left; }
.monaco-editor.showUnused .squiggly-inline-unnecessary { opacity: 0.667; }
.monaco-editor .squiggly-inline-deprecated { text-decoration: line-through; text-decoration-color: #d4d4d4}
.monaco-editor .zone-widget .codicon-error,
.markers-panel .marker-icon.codicon-error,
.extensions-viewlet > .extensions .codicon-error,
.monaco-dialog-box .dialog-message-row .codicon-error {
color: #d16969;
}
.monaco-editor .zone-widget .codicon-warning,
.markers-panel .marker-icon.codicon-warning,
.extensions-viewlet > .extensions .codicon-warning,
.extension-editor .codicon-warning,
.monaco-dialog-box .dialog-message-row .codicon-warning {
color: #d7ba7d;
}
.monaco-editor .zone-widget .codicon-info,
.markers-panel .marker-icon.codicon-info,
.extensions-viewlet > .extensions .codicon-info,
.extension-editor .codicon-info,
.monaco-dialog-box .dialog-message-row .codicon-info {
color: #9cdcfe;
}
.monaco-editor .marker-widget a { color: #3794ff; }
.monaco-editor .marker-widget a.code-link span:hover { color: #3794ff; }
.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight { background-color: rgba(234, 92, 0, 0.3); }
.monaco-editor .reference-zone-widget .preview .reference-decoration { background-color: rgba(255, 143, 0, 0.6); }
.monaco-editor .reference-zone-widget .ref-tree { background-color: #252526; }
.monaco-editor .reference-zone-widget .ref-tree { color: #bbbbbb; }
.monaco-editor .reference-zone-widget .ref-tree .reference-file { color: #ffffff; }
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { background-color: rgba(51, 153, 255, 0.2); }
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { color: #ffffff !important; }
.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input { background-color: #001f33;}
.monaco-editor .reference-zone-widget .preview .monaco-editor .margin { background-color: #001f33;}
.monaco-editor .goto-definition-link { color: #4e94ce !important; }
.monaco-editor-hover .hover-contents a.code-link span:hover { color: #3794ff; }
.monaco-editor .hoverHighlight { background-color: rgba(38, 79, 120, 0.25); }
.monaco-editor .monaco-editor-hover { background-color: #252526; }
.monaco-editor .monaco-editor-hover { border: 1px solid #454545; }
.monaco-editor .monaco-editor-hover .hover-row:not(:first-child):not(:empty) { border-top: 1px solid rgba(69, 69, 69, 0.5); }
.monaco-editor .monaco-editor-hover hr { border-top: 1px solid rgba(69, 69, 69, 0.5); }
.monaco-editor .monaco-editor-hover hr { border-bottom: 0px solid rgba(69, 69, 69, 0.5); }
.monaco-editor .monaco-editor-hover a { color: #3794ff; }
.monaco-editor .monaco-editor-hover { color: #cccccc; }
.monaco-editor .monaco-editor-hover .hover-row .actions { background-color: #2c2c2d; }
.monaco-editor .monaco-editor-hover code { background-color: rgba(10, 10, 10, 0.4); }
.monaco-editor.vs .valueSetReplacement { outline: solid 2px #888888; }
.monaco-editor .tokens-inspect-widget { border: 1px solid #454545; }
.monaco-editor .tokens-inspect-widget .tokens-inspect-separator { background-color: #454545; }
.monaco-editor .tokens-inspect-widget { background-color: #252526; }
.monaco-editor .tokens-inspect-widget { color: #cccccc; }
.monaco-editor .detected-link-active { color: #4e94ce !important; }
.monaco-editor .parameter-hints-widget { border: 1px solid #454545; }
.monaco-editor .parameter-hints-widget.multiple .body { border-left: 1px solid rgba(69, 69, 69, 0.5); }
.monaco-editor .parameter-hints-widget .signature.has-docs { border-bottom: 1px solid rgba(69, 69, 69, 0.5); }
.monaco-editor .parameter-hints-widget { background-color: #252526; }
.monaco-editor .parameter-hints-widget a { color: #3794ff; }
.monaco-editor .parameter-hints-widget { color: #cccccc; }
.monaco-editor .parameter-hints-widget code { background-color: rgba(10, 10, 10, 0.4); }
.codicon-symbol-array { color: #cccccc !important; }
.codicon-symbol-boolean { color: #cccccc !important; }
.codicon-symbol-class { color: #ee9d28 !important; }
.codicon-symbol-method { color: #b180d7 !important; }
.codicon-symbol-color { color: #cccccc !important; }
.codicon-symbol-constant { color: #cccccc !important; }
.codicon-symbol-constructor { color: #b180d7 !important; }
.codicon-symbol-value,.codicon-symbol-enum { color: #ee9d28 !important; }
.codicon-symbol-enum-member { color: #75beff !important; }
.codicon-symbol-event { color: #ee9d28 !important; }
.codicon-symbol-field { color: #75beff !important; }
.codicon-symbol-file { color: #cccccc !important; }
.codicon-symbol-folder { color: #cccccc !important; }
.codicon-symbol-function { color: #b180d7 !important; }
.codicon-symbol-interface { color: #75beff !important; }
.codicon-symbol-key { color: #cccccc !important; }
.codicon-symbol-keyword { color: #cccccc !important; }
.codicon-symbol-module { color: #cccccc !important; }
.codicon-symbol-namespace { color: #cccccc !important; }
.codicon-symbol-null { color: #cccccc !important; }
.codicon-symbol-number { color: #cccccc !important; }
.codicon-symbol-object { color: #cccccc !important; }
.codicon-symbol-operator { color: #cccccc !important; }
.codicon-symbol-package { color: #cccccc !important; }
.codicon-symbol-property { color: #cccccc !important; }
.codicon-symbol-reference { color: #cccccc !important; }
.codicon-symbol-snippet { color: #cccccc !important; }
.codicon-symbol-string { color: #cccccc !important; }
.codicon-symbol-struct { color: #cccccc !important; }
.codicon-symbol-text { color: #cccccc !important; }
.codicon-symbol-type-parameter { color: #cccccc !important; }
.codicon-symbol-unit { color: #cccccc !important; }
.codicon-symbol-variable { color: #75beff !important; }
.monaco-editor .snippet-placeholder { background-color: rgba(124, 124, 124, 0.3); outline-color: transparent; }
.monaco-editor .finish-snippet-placeholder { background-color: transparent; outline-color: #525252; }
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight { color: #0097fb; }
.monaco-editor .suggest-widget { color: #d4d4d4; }
.monaco-editor .suggest-widget a { color: #3794ff; }
.monaco-editor .suggest-widget code { background-color: rgba(10, 10, 10, 0.4); }
.monaco-editor .focused .selectionHighlight { background-color: rgba(173, 214, 255, 0.15); }
.monaco-editor .selectionHighlight { background-color: rgba(173, 214, 255, 0.07); }
.monaco-editor .wordHighlight { background-color: rgba(87, 87, 87, 0.72); }
.monaco-editor .wordHighlightStrong { background-color: rgba(0, 73, 114, 0.72); }
.monaco-diff-editor .diff-review-line-number { color: #858585; }
.monaco-diff-editor .diff-review-shadow { box-shadow: #000000 0 -6px 6px -6px inset; }
.monaco-editor .line-insert, .monaco-editor .char-insert { background-color: rgba(155, 185, 85, 0.2); }
.monaco-diff-editor .line-insert, .monaco-diff-editor .char-insert { background-color: rgba(155, 185, 85, 0.2); }
.monaco-editor .inline-added-margin-view-zone { background-color: rgba(155, 185, 85, 0.2); }
.monaco-editor .line-delete, .monaco-editor .char-delete { background-color: rgba(255, 0, 0, 0.2); }
.monaco-diff-editor .line-delete, .monaco-diff-editor .char-delete { background-color: rgba(255, 0, 0, 0.2); }
.monaco-editor .inline-deleted-margin-view-zone { background-color: rgba(255, 0, 0, 0.2); }
.monaco-diff-editor.side-by-side .editor.modified { box-shadow: -6px 0 5px -5px #000000; }
.mtk1 { color: #d4d4d4; }
.mtk2 { color: #1e1e1e; }
.mtk3 { color: #cc6666; }
.mtk4 { color: #9cdcfe; }
.mtk5 { color: #ce9178; }
.mtk6 { color: #b5cea8; }
.mtk7 { color: #6796e6; }
.mtk8 { color: #303030; }
.mtk9 { color: #608b4e; }
.mtk10 { color: #505050; }
.mtk11 { color: #569cd6; }
.mtk12 { color: #dcdcaa; }
.mtk13 { color: #d7ba7d; }
.mtk14 { color: #c586c0; }
.mtk15 { color: #4ec9b0; }
.mtk16 { color: #dcdcdc; }
.mtk17 { color: #808080; }
.mtk18 { color: #606060; }
.mtk19 { color: #f44747; }
.mtk20 { color: #007acc; }
.mtk21 { color: #404040; }
.mtk22 { color: #d16969; }
.mtk23 { color: #a79873; }
.mtk24 { color: #dd6a6f; }
.mtk25 { color: #5bb498; }
.mtk26 { color: #909090; }
.mtk27 { color: #778899; }
.mtk28 { color: #ff00ff; }
.mtk29 { color: #b46695; }
.mtk30 { color: #ff0000; }
.mtk31 { color: #4f76ac; }
.mtk32 { color: #3dc9b0; }
.mtk33 { color: #74b0df; }
.mtk34 { color: #4864aa; }
.mtki { font-style: italic; }
.mtkb { font-weight: bold; }
.mtku { text-decoration: underline; text-underline-position: under; }</style><style type="text/css" media="screen">
.monaco-editor .codelens-decoration.ee1f61 { height: 21px; line-height: 19px; font-size: 13px; padding-right: 6px;}
.monaco-editor .codelens-decoration.ee1f61 > a > .codicon { line-height: 19px; font-size: 13px; }
</style><style type="text/css" media="screen">
.monaco-editor .codelens-decoration.ee1f62 { height: 21px; line-height: 19px; font-size: 13px; padding-right: 6px;}
.monaco-editor .codelens-decoration.ee1f62 > a > .codicon { line-height: 19px; font-size: 13px; }
</style><style type="text/css" media="screen">
.monaco-editor .codelens-decoration.ee1f63 { height: 21px; line-height: 19px; font-size: 13px; padding-right: 6px;}
.monaco-editor .codelens-decoration.ee1f63 > a > .codicon { line-height: 19px; font-size: 13px; }
</style><script charset="utf-8" src="/static/js/5.ebbc5c76.chunk.js"></script></head><body><div id="root"><div class="page page-editor"><div class="navbar"><div class="navbar-inner navbar-editor"><div class="navbar-left"><svg width="164" height="164" viewBox="0 0 164 164" class="app-logo"><g data-name="Group 5"><path data-name="Path 9" d="M34 0h96a34 34 0 0134 34v96a34 34 0 01-34 34H34a34 34 0 01-34-34V34A34 34 0 0134 0z" fill="#2196f3"></path><path data-name="Path 10" d="M37 13h29a22 22 0 0122 22v94a22 22 0 01-22 22H37a22 22 0 01-22-22V35a22 22 0 0122-22z" fill="#1a6aaa"></path><path data-name="Path 7" d="M88.235 102.635a75.667 75.667 0 01-1.232 13.775 30.837 30.837 0 01-4.712 11.817 24.515 24.515 0 01-9.933 8.265q-6.453 3.118-16.893 3.118-12.18 0-20.59-5.8T24 115.685l20.735-5.075a9.74 9.74 0 003.408 6.38 9.941 9.941 0 006.742 2.61 8.784 8.784 0 006.09-1.957 11.54 11.54 0 003.19-4.857 23.561 23.561 0 001.232-6.308q.218-3.408.217-6.308V34.34h22.621z" fill="#fff"></path><path data-name="Path 8" d="M118.42 80.15a12.221 12.221 0 00-5.665-3.9 20.3 20.3 0 00-6.765-1.27 17.726 17.726 0 00-3.85.44 14.756 14.756 0 00-3.74 1.375 8.152 8.152 0 00-2.86 2.475 6.266 6.266 0 00-1.1 3.74 6.2 6.2 0 002.64 5.39 25 25 0 006.655 3.19q4.015 1.32 8.635 2.64a35.58 35.58 0 018.63 3.74 20.443 20.443 0 016.655 6.49q2.64 4.07 2.64 10.89a25.037 25.037 0 01-2.42 11.33 22.991 22.991 0 01-6.545 8.03 27.851 27.851 0 01-9.565 4.73 42.047 42.047 0 01-11.495 1.54 41.7 41.7 0 01-14.08-2.31 35.283 35.283 0 01-12.1-7.48l12.21-13.42a17.824 17.824 0 006.655 5.445 19 19 0 008.305 1.925 18.79 18.79 0 004.235-.495 13.8 13.8 0 003.85-1.485 8.3 8.3 0 002.75-2.53 6.308 6.308 0 001.045-3.63 6.586 6.586 0 00-2.7-5.555 24.838 24.838 0 00-6.76-3.465q-4.07-1.43-8.8-2.86a39.519 39.519 0 01-8.8-3.85 21.207 21.207 0 01-6.765-6.38q-2.695-3.96-2.695-10.45a23.4 23.4 0 012.475-11 23.864 23.864 0 016.6-7.92 28.692 28.692 0 019.515-4.785 38.948 38.948 0 0111.11-1.6 43.684 43.684 0 0112.76 1.87 29.43 29.43 0 0111.11 6.27z" fill="#fff"></path></g></svg><div class="meta"><div class="meta-self">Untitled Snippet<button type="button" class="icon-left dull small icon-only"><svg width="18.003" height="18.002" viewBox="0 0 18.003 18.002"><path d="M0 14.252v3.75h3.75l11.06-11.06-3.75-3.75zm17.71-10.21a1 1 0 000-1.41L15.37.292a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></svg><span></span></button></div></div></div><div class="navbar-right"><div class="navbar-menus"><div class="dropdown "><div class="dropdown-title "><button type="button" class="icon-left icon-only"><svg height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"></path></svg><span></span></button></div></div><div class="dropdown dropdown-file"><div class="dropdown-title "><button type="button" class="icon-left icon-only"><svg height="24" viewBox="0 0 24 24" width="24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg><span></span></button></div></div><div class="dropdown "><div class="dropdown-title "><button type="button" class="icon-left icon-only"><svg width="19.454" height="20" viewBox="0 0 19.454 20"><path d="M17.159 10.98a7.793 7.793 0 00.07-.98 7.793 7.793 0 00-.07-.98l2.11-1.65a.5.5 0 00.12-.64l-2-3.46a.5.5 0 00-.61-.22l-2.49 1a7.306 7.306 0 00-1.69-.98l-.38-2.65a.488.488 0 00-.49-.42h-4a.488.488 0 00-.49.42l-.38 2.65a7.683 7.683 0 00-1.69.98l-2.49-1a.488.488 0 00-.61.22l-2 3.46a.493.493 0 00.12.64l2.11 1.65a7.931 7.931 0 00-.07.98 7.931 7.931 0 00.07.98l-2.11 1.65a.5.5 0 00-.12.64l2 3.46a.5.5 0 00.61.22l2.49-1a7.306 7.306 0 001.69.98l.38 2.65a.488.488 0 00.49.42h4a.488.488 0 00.49-.42l.38-2.65a7.683 7.683 0 001.69-.98l2.49 1a.488.488 0 00.61-.22l2-3.46a.5.5 0 00-.12-.64zm-7.43 2.52a3.5 3.5 0 113.5-3.5 3.5 3.5 0 01-3.5 3.5z"></path></svg><span></span></button></div></div></div><button type="button" class="icon-left icon-only" badge="0"><svg width="21" height="21" viewBox="0 0 21 21"><path d="M18.5 10H17V6a2.006 2.006 0 00-2-2h-4V2.5a2.5 2.5 0 00-5 0V4H2A2 2 0 00.01 6v3.8H1.5a2.7 2.7 0 010 5.4H0V19a2.006 2.006 0 002 2h3.8v-1.5a2.7 2.7 0 115.4 0V21H15a2.006 2.006 0 002-2v-4h1.5a2.5 2.5 0 000-5z"></path></svg><span></span></button><button type="button" class="icon-left primary special"><svg width="11" height="14" viewBox="0 0 11 14"><path d="M0 0v14l11-7z"></path></svg><span>Run</span></button><button type="button" class="icon-left primary" disabled=""><svg width="24" height="16" viewBox="0 0 24 16"><path d="M19.35 6.04a7.492 7.492 0 00-14-2A6 6 0 006 16h13a4.986 4.986 0 00.35-9.96zM14 9v4h-4V9H7l5-5 5 5z"></path></svg><span>Update</span></button><button type="button" class="signin icon-left primary filled"><svg width="24" height="24" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"></path></svg><span>Sign in</span></button></div></div></div><div class="editor-content"><div class="editor-layouts"><div class="layout layout-tab layout-tab-right-result horizontal"><div class="tabs-container" style="width: calc(50% - 2.5px);"><div class="editor-tabs"><div class="ce-tabs"><div class="ce-tabs-inner"><div class="ce-tab active"><svg width="16.4" height="12.4" viewBox="0 0 16.4 12.4"><path d="M3.6.2h2.7v7.6c0 3.4-1.6 4.6-4.3 4.6a6.448 6.448 0 01-2-.3l.3-2.2a3.194 3.194 0 001.4.3c1.1 0 1.9-.5 1.9-2.4V.2zm5.1 9.2a6.626 6.626 0 003 .8c1.3 0 1.9-.5 1.9-1.3s-.6-1.2-2-1.7c-2-.7-3.3-1.8-3.3-3.6C8.3 1.5 10 0 12.9 0a7.683 7.683 0 013.1.6l-.6 2.2a6.019 6.019 0 00-2.5-.6c-1.2 0-1.8.5-1.8 1.2 0 .8.7 1.1 2.2 1.7 2.1.8 3.1 1.9 3.1 3.6 0 2-1.6 3.7-4.9 3.7a9.15 9.15 0 01-3.4-.7l.6-2.3z" fill="#f1dd3f"></path></svg>JavaScript</div><div class="ce-tab "><svg width="16" height="13.4" viewBox="0 0 16 13.4"><path d="M0 5.7L6 .1v2.6l-4.5 4 4.5 4v2.6L0 7.7zm16 2.1l-6 5.6v-2.7l4.6-4-4.6-4V0l6 5.6z" fill="#ef7623"></path></svg>HTML</div><div class="ce-tab "><svg width="14.9" height="14.6" viewBox="0 0 14.9 14.6"><path d="M1.7 14.6l.8-4H0V8.5h3L3.5 6H.9V3.9H4L4.8 0h2.8l-.8 3.9h2.8l.8-3.9h2.8l-.8 3.9h2.5V6H12l-.6 2.5H14v2.1h-3l-.8 4H7.4l.8-4H5.4l-.8 4H1.7zm6.9-6.1L9.1 6H6.3l-.5 2.5z" fill="#529bba"></path></svg>CSS</div></div></div></div><div class="tab-content"><div class="tab-content-inner active"><div class="ce"><div class="ce-header ce-header-tabs-active"><div class="ce-header-left"><div class="ce-tab "><svg width="16.4" height="12.4" viewBox="0 0 16.4 12.4"><path d="M3.6.2h2.7v7.6c0 3.4-1.6 4.6-4.3 4.6a6.448 6.448 0 01-2-.3l.3-2.2a3.194 3.194 0 001.4.3c1.1 0 1.9-.5 1.9-2.4V.2zm5.1 9.2a6.626 6.626 0 003 .8c1.3 0 1.9-.5 1.9-1.3s-.6-1.2-2-1.7c-2-.7-3.3-1.8-3.3-3.6C8.3 1.5 10 0 12.9 0a7.683 7.683 0 013.1.6l-.6 2.2a6.019 6.019 0 00-2.5-.6c-1.2 0-1.8.5-1.8 1.2 0 .8.7 1.1 2.2 1.7 2.1.8 3.1 1.9 3.1 3.6 0 2-1.6 3.7-4.9 3.7a9.15 9.15 0 01-3.4-.7l.6-2.3z" fill="#f1dd3f"></path></svg>JavaScript</div></div><div class="ce-header-right"><div class="ce-action"><div class="dropdown plain"><div class="dropdown-title plain"><button type="button" class="icon-left dull icon-only"><svg width="19.454" height="20" viewBox="0 0 19.454 20"><path d="M17.159 10.98a7.793 7.793 0 00.07-.98 7.793 7.793 0 00-.07-.98l2.11-1.65a.5.5 0 00.12-.64l-2-3.46a.5.5 0 00-.61-.22l-2.49 1a7.306 7.306 0 00-1.69-.98l-.38-2.65a.488.488 0 00-.49-.42h-4a.488.488 0 00-.49.42l-.38 2.65a7.683 7.683 0 00-1.69.98l-2.49-1a.488.488 0 00-.61.22l-2 3.46a.493.493 0 00.12.64l2.11 1.65a7.931 7.931 0 00-.07.98 7.931 7.931 0 00.07.98l-2.11 1.65a.5.5 0 00-.12.64l2 3.46a.5.5 0 00.61.22l2.49-1a7.306 7.306 0 001.69.98l.38 2.65a.488.488 0 00.49.42h4a.488.488 0 00.49-.42l.38-2.65a7.683 7.683 0 001.69-.98l2.49 1a.488.488 0 00.61-.22l2-3.46a.5.5 0 00-.12-.64zm-7.43 2.52a3.5 3.5 0 113.5-3.5 3.5 3.5 0 01-3.5 3.5z"></path></svg><span></span></button></div></div></div></div></div><div class="code-editor-body" spellcheck="false" data-gramm_editor="false" data-keybinding-context="1" data-mode-id="javascript"><div class="monaco-editor no-user-select showUnused vs-dark focused" data-uri="inmemory://model/1" style="width: 398px; height: 473px;"><div data-mprt="3" class="overflow-guard" style="width: 398px; height: 473px;"><div class="margin" role="presentation" aria-hidden="true" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; height: 701px; width: 66px;"><div class="glyph-margin" style="left: 0px; width: 0px; height: 701px;"></div><div class="margin-view-zones" role="presentation" aria-hidden="true" style="position: absolute;"></div><div class="margin-view-overlays focused" role="presentation" aria-hidden="true" style="position: absolute; width: 66px; font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; height: 701px;"><div style="position:absolute;top:0px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">1</div></div><div style="position:absolute;top:19px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">2</div></div><div style="position:absolute;top:38px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">3</div></div><div style="position:absolute;top:57px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">4</div></div><div style="position:absolute;top:76px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">5</div></div><div style="position:absolute;top:95px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">6</div></div><div style="position:absolute;top:114px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">7</div></div><div style="position:absolute;top:133px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">8</div></div><div style="position:absolute;top:152px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">9</div></div><div style="position:absolute;top:171px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">10</div></div><div style="position:absolute;top:190px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">11</div></div><div style="position:absolute;top:209px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">12</div></div><div style="position:absolute;top:228px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">13</div></div></div></div><div class="monaco-scrollable-element editor-scrollable vs-dark" role="presentation" data-mprt="5" style="position: absolute; overflow: hidden; left: 66px; width: 332px; height: 473px;"><div class="lines-content monaco-editor-background" style="position: absolute; overflow: hidden; width: 1e+06px; height: 1e+06px; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; left: 0px;"><div class="view-overlays focused" role="presentation" aria-hidden="true" style="position: absolute; height: 0px; width: 384px;"><div style="position:absolute;top:0px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:19px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:38px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:57px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:76px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:95px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:114px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:133px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:152px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:171px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:190px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div></div><div style="position:absolute;top:209px;width:100%;height:19px;"><div class="cdr squiggly-unnecessary" style="left:0px;width:40px;height:19px;"></div><div class="cdr squiggly-error" style="left:48px;width:8px;height:19px;"></div></div><div style="position:absolute;top:228px;width:100%;height:19px;"></div></div><div role="presentation" aria-hidden="true" class="view-rulers"></div><div class="view-zones" role="presentation" aria-hidden="true" style="position: absolute;"></div><div class="view-lines" role="presentation" aria-hidden="true" data-mprt="7" style="position: absolute; font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; width: 384px; height: 701px;"><div style="top:0px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@hearmeoursummerko</span></span></div><div style="top:19px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@hearmeoursummer2024</span></span></div><div style="top:38px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@hearmeoursummersubko</span></span></div><div style="top:57px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@hearmeoursummermovies</span></span></div><div style="top:76px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@hearmeoursummerkorean2024</span></span></div><div style="top:95px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@hearmeoursummerkoreafilmhd</span></span></div><div style="top:114px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@kunyuk</span></span></div><div style="top:133px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@cumaay</span></span></div><div style="top:152px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@cumay</span></span></div><div style="top:171px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@kunyuuuk</span></span></div><div style="top:190px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@cuy</span></span></div><div style="top:209px;height:19px;" class="view-line"><span><span class="mtk4 squiggly-inline-unnecessary detected-link">https</span><span class="mtk1 detected-link">:</span><span class="mtk21 detected-link">//</span><span class="mtk10 detected-link">hype.co/@cuuy</span></span></div><div style="top:228px;height:19px;" class="view-line"><span><span> </span></span></div></div><div data-mprt="1" class="contentWidgets" style="position: absolute; top: 0px;"><div class="codicon codicon-lightbulb" widgetid="LightBulbWidget" title="Show Fixes (Ctrl+.)" monaco-visible-content-widget="true" style="position: absolute; visibility: inherit; max-width: 332px; top: 19px; left: 0px;"></div></div><div role="presentation" aria-hidden="true" class="cursors-layer cursor-line-style cursor-solid"><div class="cursor " style="height: 19px; top: 0px; left: 0px; font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; display: block; visibility: inherit; width: 2px;"></div></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal fade" style="position: absolute; width: 326px; height: 6px; left: 0px; bottom: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 6px; transform: translate3d(0px, 0px, 0px); contain: strict; width: 281px;"></div></div><canvas class="decorationsOverviewRuler" aria-hidden="true" width="6" height="473" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; right: 0px; width: 6px; height: 473px;"></canvas><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical fade" style="position: absolute; width: 6px; height: 473px; right: 0px; top: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 6px; transform: translate3d(0px, 0px, 0px); contain: strict; height: 319px;"></div></div></div><div role="presentation" aria-hidden="true" style="width: 398px;"></div><textarea data-mprt="6" class="inputarea" wrap="off" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" aria-label="Editor content;Press Alt+F1 for Accessibility Options." role="textbox" aria-multiline="true" aria-haspopup="false" aria-autocomplete="both" style="font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; top: 0px; left: 66px; width: 1px; height: 1px;"></textarea><div style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px;"></div><div data-mprt="4" class="overlayWidgets" style="width: 398px;"><div class="accessibilityHelpWidget" role="dialog" aria-hidden="true" widgetid="editor.contrib.accessibilityHelpWidget" style="display: none; position: absolute;"><div role="document"></div></div><div class="monaco-editor-hover hidden" aria-hidden="true" role="presentation" widgetid="editor.contrib.modesGlyphHoverWidget" style="position: absolute;"></div></div><div data-mprt="8" class="minimap slider-mouseover" role="presentation" aria-hidden="true" style="position: absolute; left: 0px; width: 0px; height: 473px;"><div class="minimap-shadow-hidden" style="height: 473px;"></div><canvas width="0" height="473" style="position: absolute; left: 0px; width: 0px; height: 473px;"></canvas><canvas class="minimap-decorations-layer" width="0" height="473" style="position: absolute; left: 0px; width: 0px; height: 473px;"></canvas><div class="minimap-slider" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; width: 0px;"><div class="minimap-slider-horizontal" style="position: absolute; width: 0px; height: 0px;"></div></div></div></div><div data-mprt="2" class="overflowingContentWidgets"><div class="monaco-editor-hover hidden" tabindex="0" widgetid="editor.contrib.modesContentHoverWidget" style="position: absolute; visibility: hidden; max-width: 800px;"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden;"><div class="monaco-editor-hover-content" style="overflow: hidden; font-size: 14px; line-height: 19px; max-height: 250px; max-width: 500px;"></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div class="shadow"></div><div class="shadow"></div><div class="shadow top-left-corner"></div></div></div><div class="monaco-editor rename-box" widgetid="__renameInputWidget" style="background-color: rgb(37, 37, 38); box-shadow: rgb(0, 0, 0) 0px 2px 8px; color: rgb(204, 204, 204); position: absolute; visibility: hidden; max-width: 800px;"><input class="rename-input" type="text" aria-label="Rename input. Type new name and press Enter to commit." style="font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; background-color: rgb(60, 60, 60); border-width: 0px; border-style: none;"><div class="rename-label" style="font-size: 11.2px;">Enter to Rename, Shift+Enter to Preview</div></div><div class="editor-widget suggest-widget" widgetid="editor.widget.suggestWidget" monaco-visible-content-widget="true" style="position: absolute; visibility: inherit; max-width: 800px; top: 19px; left: 66px;"><div class="message" aria-hidden="true" style="display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"></div><div class="tree" aria-hidden="true" style="display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"><div class="monaco-list list_id_1" tabindex="0" role="tree"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden;"><div class="monaco-list-rows" style="transform: translate3d(0px, 0px, 0px); overflow: hidden;"></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div></div><style type="text/css" media="screen">.monaco-list.list_id_1:focus .monaco-list-row.focused { background-color: #062f4a; }
.monaco-list.list_id_1:focus .monaco-list-row.focused:hover { background-color: #062f4a; }
.monaco-list.list_id_1:focus .monaco-list-row.selected { background-color: #084066; }
.monaco-list.list_id_1:focus .monaco-list-row.selected:hover { background-color: #084066; }
.monaco-list.list_id_1:focus .monaco-list-row.selected { color: #ffffff; }
.monaco-drag-image,
.monaco-list.list_id_1:focus .monaco-list-row.selected.focused { background-color: #094771; }
.monaco-drag-image,
.monaco-list.list_id_1:focus .monaco-list-row.selected.focused { color: #ffffff; }
.monaco-list.list_id_1 .monaco-list-row.focused { background-color: #062f4a; }
.monaco-list.list_id_1 .monaco-list-row.focused:hover { background-color: #062f4a; }
.monaco-list.list_id_1 .monaco-list-row.selected { background-color: #37373d; }
.monaco-list.list_id_1 .monaco-list-row.selected:hover { background-color: #37373d; }
.monaco-list.list_id_1:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) { background-color: #2a2d2e; }
.monaco-list.list_id_1.drop-target,
.monaco-list.list_id_1 .monaco-list-rows.drop-target,
.monaco-list.list_id_1 .monaco-list-row.drop-target { background-color: #383b3d !important; color: inherit !important; }
.monaco-list-type-filter { background-color: #653723 }
.monaco-list-type-filter { border: 1px solid rgba(0, 0, 0, 0); }
.monaco-list-type-filter.no-matches { border: 1px solid #be1100; }
.monaco-list-type-filter { box-shadow: 1px 1px 1px #000000; }</style></div></div><div class="suggest-status-bar" aria-hidden="true" style="display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"><span></span><span></span></div><div class="details" aria-hidden="true" style="font-size: 14px; font-weight: normal; font-feature-settings: "liga" 0, "calt" 0; display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden;"><div class="body" style="overflow: hidden;"><div class="header"><span class="codicon codicon-close" title="Read less...Ctrl+Space" style="height: 19px; width: 19px;"></span><p class="type" style="font-family: Menlo, Monaco, "Courier New", monospace;"></p></div><p class="docs"></p></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div class="shadow"></div><div class="shadow"></div><div class="shadow top-left-corner"></div></div></div></div></div><div class="context-view" aria-hidden="true" style="display: none;"></div></div></div></div></div><div class="tab-content-inner undefined"><div class="ce"><div class="ce-header ce-header-tabs-active"><div class="ce-header-left"><div class="ce-tab "><svg width="16" height="13.4" viewBox="0 0 16 13.4"><path d="M0 5.7L6 .1v2.6l-4.5 4 4.5 4v2.6L0 7.7zm16 2.1l-6 5.6v-2.7l4.6-4-4.6-4V0l6 5.6z" fill="#ef7623"></path></svg>HTML</div></div><div class="ce-header-right"><div class="ce-action"><div class="dropdown plain"><div class="dropdown-title plain"><button type="button" class="icon-left dull icon-only"><svg width="19.454" height="20" viewBox="0 0 19.454 20"><path d="M17.159 10.98a7.793 7.793 0 00.07-.98 7.793 7.793 0 00-.07-.98l2.11-1.65a.5.5 0 00.12-.64l-2-3.46a.5.5 0 00-.61-.22l-2.49 1a7.306 7.306 0 00-1.69-.98l-.38-2.65a.488.488 0 00-.49-.42h-4a.488.488 0 00-.49.42l-.38 2.65a7.683 7.683 0 00-1.69.98l-2.49-1a.488.488 0 00-.61.22l-2 3.46a.493.493 0 00.12.64l2.11 1.65a7.931 7.931 0 00-.07.98 7.931 7.931 0 00.07.98l-2.11 1.65a.5.5 0 00-.12.64l2 3.46a.5.5 0 00.61.22l2.49-1a7.306 7.306 0 001.69.98l.38 2.65a.488.488 0 00.49.42h4a.488.488 0 00.49-.42l.38-2.65a7.683 7.683 0 001.69-.98l2.49 1a.488.488 0 00.61-.22l2-3.46a.5.5 0 00-.12-.64zm-7.43 2.52a3.5 3.5 0 113.5-3.5 3.5 3.5 0 01-3.5 3.5z"></path></svg><span></span></button></div></div></div></div></div><div class="code-editor-body" spellcheck="false" data-gramm_editor="false" data-keybinding-context="1" data-mode-id="html"><div class="monaco-editor no-user-select showUnused vs-dark" data-uri="inmemory://model/2" style="width: 398px; height: 473px;"><div data-mprt="3" class="overflow-guard" style="width: 398px; height: 473px;"><div class="margin" role="presentation" aria-hidden="true" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; height: 473px; width: 66px;"><div class="glyph-margin" style="left: 0px; width: 0px; height: 473px;"></div><div class="margin-view-zones" role="presentation" aria-hidden="true" style="position: absolute;"></div><div class="margin-view-overlays" role="presentation" aria-hidden="true" style="position: absolute; width: 66px; font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; height: 473px;"><div style="position:absolute;top:0px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">1</div></div></div></div><div class="monaco-scrollable-element editor-scrollable vs-dark" role="presentation" data-mprt="5" style="position: absolute; overflow: hidden; left: 66px; width: 332px; height: 473px;"><div class="lines-content monaco-editor-background" style="position: absolute; overflow: hidden; width: 1e+06px; height: 1e+06px; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; left: 0px;"><div class="view-overlays" role="presentation" aria-hidden="true" style="position: absolute; height: 0px; width: 332px;"><div style="position:absolute;top:0px;width:100%;height:19px;"></div></div><div role="presentation" aria-hidden="true" class="view-rulers"></div><div class="view-zones" role="presentation" aria-hidden="true" style="position: absolute;"></div><div class="view-lines" role="presentation" aria-hidden="true" data-mprt="7" style="position: absolute; font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; width: 332px; height: 473px;"><div style="top:0px;height:19px;" class="view-line"><span><span> </span></span></div></div><div data-mprt="1" class="contentWidgets" style="position: absolute; top: 0px;"></div><div role="presentation" aria-hidden="true" class="cursors-layer cursor-line-style cursor-solid"><div class="cursor " style="height: 19px; top: 0px; left: 0px; font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; display: block; visibility: hidden; width: 2px;"></div></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute; width: 326px; height: 6px; left: 0px; bottom: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 6px; transform: translate3d(0px, 0px, 0px); contain: strict; width: 326px;"></div></div><canvas class="decorationsOverviewRuler" aria-hidden="true" width="6" height="473" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; right: 0px; width: 6px; height: 473px;"></canvas><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute; width: 6px; height: 473px; right: 0px; top: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 6px; transform: translate3d(0px, 0px, 0px); contain: strict; height: 473px;"></div></div></div><div role="presentation" aria-hidden="true" style="width: 398px;"></div><textarea data-mprt="6" class="inputarea" wrap="off" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" aria-label="Editor content;Press Alt+F1 for Accessibility Options." role="textbox" aria-multiline="true" aria-haspopup="false" aria-autocomplete="both" style="font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; top: 0px; left: 66px; width: 1px; height: 1px;"></textarea><div style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px;"></div><div data-mprt="4" class="overlayWidgets" style="width: 398px;"><div class="accessibilityHelpWidget" role="dialog" aria-hidden="true" widgetid="editor.contrib.accessibilityHelpWidget" style="display: none; position: absolute;"><div role="document"></div></div></div><div data-mprt="8" class="minimap slider-mouseover" role="presentation" aria-hidden="true" style="position: absolute; left: 0px; width: 0px; height: 473px;"><div class="minimap-shadow-hidden" style="height: 473px;"></div><canvas width="0" height="473" style="position: absolute; left: 0px; width: 0px; height: 473px;"></canvas><canvas class="minimap-decorations-layer" width="0" height="473" style="position: absolute; left: 0px; width: 0px; height: 473px;"></canvas><div class="minimap-slider" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; width: 0px;"><div class="minimap-slider-horizontal" style="position: absolute; width: 0px; height: 0px;"></div></div></div></div><div data-mprt="2" class="overflowingContentWidgets"><div class="monaco-editor rename-box" widgetid="__renameInputWidget" style="background-color: rgb(37, 37, 38); box-shadow: rgb(0, 0, 0) 0px 2px 8px; color: rgb(204, 204, 204); position: absolute; visibility: hidden; max-width: 800px;"><input class="rename-input" type="text" aria-label="Rename input. Type new name and press Enter to commit." style="font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; background-color: rgb(60, 60, 60); border-width: 0px; border-style: none;"><div class="rename-label" style="font-size: 11.2px;">Enter to Rename, Shift+Enter to Preview</div></div><div class="editor-widget suggest-widget" widgetid="editor.widget.suggestWidget" monaco-visible-content-widget="true" style="position: absolute; visibility: inherit; max-width: 800px; top: 19px; left: 66px;"><div class="message" aria-hidden="true" style="display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"></div><div class="tree" aria-hidden="true" style="display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"><div class="monaco-list list_id_2" tabindex="0" role="tree"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden;"><div class="monaco-list-rows" style="transform: translate3d(0px, 0px, 0px); overflow: hidden;"></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div></div><style type="text/css" media="screen">.monaco-list.list_id_2:focus .monaco-list-row.focused { background-color: #062f4a; }
.monaco-list.list_id_2:focus .monaco-list-row.focused:hover { background-color: #062f4a; }
.monaco-list.list_id_2:focus .monaco-list-row.selected { background-color: #084066; }
.monaco-list.list_id_2:focus .monaco-list-row.selected:hover { background-color: #084066; }
.monaco-list.list_id_2:focus .monaco-list-row.selected { color: #ffffff; }
.monaco-drag-image,
.monaco-list.list_id_2:focus .monaco-list-row.selected.focused { background-color: #094771; }
.monaco-drag-image,
.monaco-list.list_id_2:focus .monaco-list-row.selected.focused { color: #ffffff; }
.monaco-list.list_id_2 .monaco-list-row.focused { background-color: #062f4a; }
.monaco-list.list_id_2 .monaco-list-row.focused:hover { background-color: #062f4a; }
.monaco-list.list_id_2 .monaco-list-row.selected { background-color: #37373d; }
.monaco-list.list_id_2 .monaco-list-row.selected:hover { background-color: #37373d; }
.monaco-list.list_id_2:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) { background-color: #2a2d2e; }
.monaco-list.list_id_2.drop-target,
.monaco-list.list_id_2 .monaco-list-rows.drop-target,
.monaco-list.list_id_2 .monaco-list-row.drop-target { background-color: #383b3d !important; color: inherit !important; }
.monaco-list-type-filter { background-color: #653723 }
.monaco-list-type-filter { border: 1px solid rgba(0, 0, 0, 0); }
.monaco-list-type-filter.no-matches { border: 1px solid #be1100; }
.monaco-list-type-filter { box-shadow: 1px 1px 1px #000000; }</style></div></div><div class="suggest-status-bar" aria-hidden="true" style="display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"><span></span><span></span></div><div class="details" aria-hidden="true" style="font-size: 14px; font-weight: normal; font-feature-settings: "liga" 0, "calt" 0; display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden;"><div class="body" style="overflow: hidden;"><div class="header"><span class="codicon codicon-close" title="Read less...Ctrl+Space" style="height: 19px; width: 19px;"></span><p class="type" style="font-family: Menlo, Monaco, "Courier New", monospace;"></p></div><p class="docs"></p></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div class="shadow"></div><div class="shadow"></div><div class="shadow top-left-corner"></div></div></div></div></div><div class="context-view" aria-hidden="true" style="display: none;"></div></div></div></div></div><div class="tab-content-inner undefined"><div class="ce"><div class="ce-header ce-header-tabs-active"><div class="ce-header-left"><div class="ce-tab "><svg width="14.9" height="14.6" viewBox="0 0 14.9 14.6"><path d="M1.7 14.6l.8-4H0V8.5h3L3.5 6H.9V3.9H4L4.8 0h2.8l-.8 3.9h2.8l.8-3.9h2.8l-.8 3.9h2.5V6H12l-.6 2.5H14v2.1h-3l-.8 4H7.4l.8-4H5.4l-.8 4H1.7zm6.9-6.1L9.1 6H6.3l-.5 2.5z" fill="#529bba"></path></svg>CSS</div></div><div class="ce-header-right"><div class="ce-action"><div class="dropdown plain"><div class="dropdown-title plain"><button type="button" class="icon-left dull icon-only"><svg width="19.454" height="20" viewBox="0 0 19.454 20"><path d="M17.159 10.98a7.793 7.793 0 00.07-.98 7.793 7.793 0 00-.07-.98l2.11-1.65a.5.5 0 00.12-.64l-2-3.46a.5.5 0 00-.61-.22l-2.49 1a7.306 7.306 0 00-1.69-.98l-.38-2.65a.488.488 0 00-.49-.42h-4a.488.488 0 00-.49.42l-.38 2.65a7.683 7.683 0 00-1.69.98l-2.49-1a.488.488 0 00-.61.22l-2 3.46a.493.493 0 00.12.64l2.11 1.65a7.931 7.931 0 00-.07.98 7.931 7.931 0 00.07.98l-2.11 1.65a.5.5 0 00-.12.64l2 3.46a.5.5 0 00.61.22l2.49-1a7.306 7.306 0 001.69.98l.38 2.65a.488.488 0 00.49.42h4a.488.488 0 00.49-.42l.38-2.65a7.683 7.683 0 001.69-.98l2.49 1a.488.488 0 00.61-.22l2-3.46a.5.5 0 00-.12-.64zm-7.43 2.52a3.5 3.5 0 113.5-3.5 3.5 3.5 0 01-3.5 3.5z"></path></svg><span></span></button></div></div></div></div></div><div class="code-editor-body" spellcheck="false" data-gramm_editor="false" data-keybinding-context="1" data-mode-id="css"><div class="monaco-editor no-user-select showUnused vs-dark" data-uri="inmemory://model/3" style="width: 398px; height: 473px;"><div data-mprt="3" class="overflow-guard" style="width: 398px; height: 473px;"><div class="margin" role="presentation" aria-hidden="true" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; height: 473px; width: 66px;"><div class="glyph-margin" style="left: 0px; width: 0px; height: 473px;"></div><div class="margin-view-zones" role="presentation" aria-hidden="true" style="position: absolute;"></div><div class="margin-view-overlays" role="presentation" aria-hidden="true" style="position: absolute; width: 66px; font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; height: 473px;"><div style="position:absolute;top:0px;width:100%;height:19px;"><div class="line-numbers" style="left:0px;width:40px;">1</div></div></div></div><div class="monaco-scrollable-element editor-scrollable vs-dark" role="presentation" data-mprt="5" style="position: absolute; overflow: hidden; left: 66px; width: 332px; height: 473px;"><div class="lines-content monaco-editor-background" style="position: absolute; overflow: hidden; width: 1e+06px; height: 1e+06px; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; left: 0px;"><div class="view-overlays" role="presentation" aria-hidden="true" style="position: absolute; height: 0px; width: 332px;"><div style="position:absolute;top:0px;width:100%;height:19px;"></div></div><div role="presentation" aria-hidden="true" class="view-rulers"></div><div class="view-zones" role="presentation" aria-hidden="true" style="position: absolute;"></div><div class="view-lines" role="presentation" aria-hidden="true" data-mprt="7" style="position: absolute; font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; width: 332px; height: 473px;"><div style="top:0px;height:19px;" class="view-line"><span><span> </span></span></div></div><div data-mprt="1" class="contentWidgets" style="position: absolute; top: 0px;"></div><div role="presentation" aria-hidden="true" class="cursors-layer cursor-line-style cursor-solid"><div class="cursor " style="height: 19px; top: 0px; left: 0px; font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; display: block; visibility: hidden; width: 2px;"></div></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute; width: 326px; height: 6px; left: 0px; bottom: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 6px; transform: translate3d(0px, 0px, 0px); contain: strict; width: 326px;"></div></div><canvas class="decorationsOverviewRuler" aria-hidden="true" width="6" height="473" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; top: 0px; right: 0px; width: 6px; height: 473px;"></canvas><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute; width: 6px; height: 473px; right: 0px; top: 0px;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 6px; transform: translate3d(0px, 0px, 0px); contain: strict; height: 473px;"></div></div></div><div role="presentation" aria-hidden="true" style="width: 398px;"></div><textarea data-mprt="6" class="inputarea" wrap="off" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" aria-label="Editor content;Press Alt+F1 for Accessibility Options." role="textbox" aria-multiline="true" aria-haspopup="false" aria-autocomplete="both" style="font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; font-feature-settings: "liga" 0, "calt" 0; line-height: 19px; letter-spacing: 0px; top: 0px; left: 66px; width: 1px; height: 1px;"></textarea><div style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px;"></div><div data-mprt="4" class="overlayWidgets" style="width: 398px;"><div class="accessibilityHelpWidget" role="dialog" aria-hidden="true" widgetid="editor.contrib.accessibilityHelpWidget" style="display: none; position: absolute;"><div role="document"></div></div></div><div data-mprt="8" class="minimap slider-mouseover" role="presentation" aria-hidden="true" style="position: absolute; left: 0px; width: 0px; height: 473px;"><div class="minimap-shadow-hidden" style="height: 473px;"></div><canvas width="0" height="473" style="position: absolute; left: 0px; width: 0px; height: 473px;"></canvas><canvas class="minimap-decorations-layer" width="0" height="473" style="position: absolute; left: 0px; width: 0px; height: 473px;"></canvas><div class="minimap-slider" style="position: absolute; transform: translate3d(0px, 0px, 0px); contain: strict; width: 0px;"><div class="minimap-slider-horizontal" style="position: absolute; width: 0px; height: 0px;"></div></div></div></div><div data-mprt="2" class="overflowingContentWidgets"><div class="monaco-editor rename-box" widgetid="__renameInputWidget" style="background-color: rgb(37, 37, 38); box-shadow: rgb(0, 0, 0) 0px 2px 8px; color: rgb(204, 204, 204); position: absolute; visibility: hidden; max-width: 800px;"><input class="rename-input" type="text" aria-label="Rename input. Type new name and press Enter to commit." style="font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal; font-size: 14px; background-color: rgb(60, 60, 60); border-width: 0px; border-style: none;"><div class="rename-label" style="font-size: 11.2px;">Enter to Rename, Shift+Enter to Preview</div></div><div class="editor-widget suggest-widget" widgetid="editor.widget.suggestWidget" monaco-visible-content-widget="true" style="position: absolute; visibility: inherit; max-width: 800px; top: 19px; left: 66px;"><div class="message" aria-hidden="true" style="display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"></div><div class="tree" aria-hidden="true" style="display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"><div class="monaco-list list_id_3" tabindex="0" role="tree"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden;"><div class="monaco-list-rows" style="transform: translate3d(0px, 0px, 0px); overflow: hidden;"></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div></div><style type="text/css" media="screen">.monaco-list.list_id_3:focus .monaco-list-row.focused { background-color: #062f4a; }
.monaco-list.list_id_3:focus .monaco-list-row.focused:hover { background-color: #062f4a; }
.monaco-list.list_id_3:focus .monaco-list-row.selected { background-color: #084066; }
.monaco-list.list_id_3:focus .monaco-list-row.selected:hover { background-color: #084066; }
.monaco-list.list_id_3:focus .monaco-list-row.selected { color: #ffffff; }
.monaco-drag-image,
.monaco-list.list_id_3:focus .monaco-list-row.selected.focused { background-color: #094771; }
.monaco-drag-image,
.monaco-list.list_id_3:focus .monaco-list-row.selected.focused { color: #ffffff; }
.monaco-list.list_id_3 .monaco-list-row.focused { background-color: #062f4a; }
.monaco-list.list_id_3 .monaco-list-row.focused:hover { background-color: #062f4a; }
.monaco-list.list_id_3 .monaco-list-row.selected { background-color: #37373d; }
.monaco-list.list_id_3 .monaco-list-row.selected:hover { background-color: #37373d; }
.monaco-list.list_id_3:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) { background-color: #2a2d2e; }
.monaco-list.list_id_3.drop-target,
.monaco-list.list_id_3 .monaco-list-rows.drop-target,
.monaco-list.list_id_3 .monaco-list-row.drop-target { background-color: #383b3d !important; color: inherit !important; }
.monaco-list-type-filter { background-color: #653723 }
.monaco-list-type-filter { border: 1px solid rgba(0, 0, 0, 0); }
.monaco-list-type-filter.no-matches { border: 1px solid #be1100; }
.monaco-list-type-filter { box-shadow: 1px 1px 1px #000000; }</style></div></div><div class="suggest-status-bar" aria-hidden="true" style="display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"><span></span><span></span></div><div class="details" aria-hidden="true" style="font-size: 14px; font-weight: normal; font-feature-settings: "liga" 0, "calt" 0; display: none; background-color: rgb(37, 37, 38); border-color: rgb(69, 69, 69);"><div class="monaco-scrollable-element " role="presentation" style="position: relative; overflow: hidden;"><div class="body" style="overflow: hidden;"><div class="header"><span class="codicon codicon-close" title="Read less...Ctrl+Space" style="height: 19px; width: 19px;"></span><p class="type" style="font-family: Menlo, Monaco, "Courier New", monospace;"></p></div><p class="docs"></p></div><div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div role="presentation" aria-hidden="true" class="invisible scrollbar vertical" style="position: absolute;"><div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; transform: translate3d(0px, 0px, 0px); contain: strict;"></div></div><div class="shadow"></div><div class="shadow"></div><div class="shadow top-left-corner"></div></div></div></div></div><div class="context-view" aria-hidden="true" style="display: none;"></div></div></div></div></div></div></div><div class="gutter gutter-horizontal" style="width: 5px;"></div><div class="browser" style="width: calc(50% - 2.5px);"><div class="ce-header browser-header ce-header-tabs-active"><div class="ce-header-left"><div class="ce-tab browser-header"><svg height="24" viewBox="0 0 24 24" width="24"><path fill="none" d="M0 0h24v24H0z"></path><path d="M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"></path></svg>Browser</div></div><div class="ce-header-right"><div class="ce-action"><div class="dropdown plain"><div class="dropdown-title plain"><button type="button" class="icon-left dull icon-only"><svg height="24" viewBox="0 0 24 24" width="24"><path d="M15.5 1h-8A2.5 2.5 0 005 3.5v17A2.5 2.5 0 007.5 23h8a2.5 2.5 0 002.5-2.5v-17A2.5 2.5 0 0015.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg><span></span></button></div></div><button type="button" class="icon-left dull icon-only"><svg width="11" height="14" viewBox="0 0 11 14"><path d="M0 0v14l11-7z"></path></svg><span></span></button><button type="button" class="icon-left dull icon-only"><svg height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path></svg><span></span></button></div></div></div><div class="browser-body"><div class="split vertical "><div class="iframe-container " style="height: calc(80% - 2.5px);"><div style="width: 100%; height: 100%; position: relative; top: 0%; left: 0%; transform: scale(1);"><iframe id="HpyRGXME-" sandbox="allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts" allow="accelerometer; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment;" scrolling="auto" allowtransparency="true" allow-fullscreen="true"></iframe></div></div><div class="gutter gutter-vertical" style="height: 5px;"></div><div class="console-container" style="height: calc(20% - 2.5px);"><div class="react-console-container"><div class="Line"><div class="prompt output response error"><div class="LineNav"><button title="Copy as JSON" class="icon copy">copy</button></div><div class="type string toggle quote">Uncaught SyntaxError: Label 'https' has already been declared at line 2 col 1</div></div></div></div></div></div></div></div></div></div></div><div class="footer"><div class="footer-left"><button type="button" class="toggle-layout regular"><span>Change layout</span></button><button type="button" class="zen-mode regular"><span>Zen mode</span></button></div><div class="footer-right"><button type="button" class="active console regular"><span>Console</span></button><button type="button" class="download regular"><span>Download</span></button><button type="button" class="embed regular"><span>Embed</span></button><button type="button" class="fork regular"><span>Fork</span></button></div></div></div><div id="cb-ads-container" class=""><div class="cb-ads-close"><svg height="24" viewBox="0 0 24 24" width="24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg></div><script src="//cdn.carbonads.com/carbon.js?serve=CW7D427L&placement=jsitorcom&format=cover" id="_carbonads_js" async=""></script><div id="carbonads"><div id="carbon-responsive">
<style>
#carbon-responsive a,#carbon-responsive a:hover{color:var(--carbon-text-color)}#carbon-responsive *{margin:unset;padding:unset;line-height:unset}#carbon-responsive{--carbon-padding:1em;--carbon-max-char:20ch;--carbon-bg-primary:hsl(0, 0%, 98%);--carbon-bg-secondary:hsl(0, 0%, 92%);--carbon-text-color:hsl(0, 0%, 20%);font-size:14px;font-family:system-ui,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;min-inline-size:130px;max-inline-size:400px;gap:1ex;line-height:1.5}#carbon-responsive .carbon-responsive-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:var(--carbon-padding);gap:var(--carbon-padding);border:solid 1px var(--carbon-bg-secondary);background-color:var(--carbon-bg-primary)}#carbon-responsive a{text-decoration:none}#carbon-responsive .carbon-img{-webkit-box-flex:0;-ms-flex:0 0 130px;flex:0 0 130px}#carbon-responsive .carbon-img img{display:block}#carbon-responsive .carbon-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:var(--carbon-max-char);flex-basis:var(--carbon-max-char);line-height:1.4;text-align:left}#carbon-responsive .carbon-poweredby{font-size:.85em;text-align:right;opacity:.5}
</style>
<style>#carbon-responsive .carbon-poweredby{position:absolute;bottom:var(--carbon-padding);left:calc(var(--carbon-padding) + 150px)}</style>
<div class="carbon-responsive-wrap">
<a href="https://srv.carbonads.net/ads/click/x/GTND427IC6YIT27WCKS4YKQUCKYDP2QWCTYIEZ3JCA7IT23WCKBD5K3KCABITKJECEBIE2JUCVAD423YCESDVK3KC6SICKQEFTADEK3EHJNCLSIZ" class="carbon-img" target="_blank" rel="noopener sponsored">
<img src="https://srv.carbonads.net/static/30242/a9509eb3df39e90e85d57a8ed7db77cf39e8d35c" alt="ads via Carbon" border="0" height="100" width="130" data-no-statview="no" style="max-width: 130px;">
</a>
<a href="https://srv.carbonads.net/ads/click/x/GTND427IC6YIT27WCKS4YKQUCKYDP2QWCTYIEZ3JCA7IT23WCKBD5K3KCABITKJECEBIE2JUCVAD423YCESDVK3KC6SICKQEFTADEK3EHJNCLSIZ" class="carbon-text" target="_blank" rel="noopener sponsored">
Go from professional web developer to lead engineer with the Frontend Masters Professional Path. Start now!
</a>
</div>
<a href="http://carbonads.net/?utm_source=jsitorcom&utm_medium=ad_via_link&utm_campaign=in_unit&utm_term=carbon" class="carbon-poweredby" target="_blank" rel="noopener sponsored">ads via Carbon</a>
</div></div></div></div><script rel="preconnect" defer="defer" async="" src="https://www.googletagmanager.com/gtag/js?id=G-T7Y3DT9P8D"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-T7Y3DT9P8D")</script><script>!function(c){function e(e){for(var t,r,n=e[0],o=e[1],a=e[2],u=0,i=[];u<n.length;u++)r=n[u],Object.prototype.hasOwnProperty.call(p,r)&&p[r]&&i.push(p[r][0]),p[r]=0;for(t in o)Object.prototype.hasOwnProperty.call(o,t)&&(c[t]=o[t]);for(h&&h(e);i.length;)i.shift()();return s.push.apply(s,a||[]),l()}function l(){for(var e,t=0;t<s.length;t++){for(var r=s[t],n=!0,o=1;o<r.length;o++){var a=r[o];0!==p[a]&&(n=!1)}n&&(s.splice(t--,1),e=d(d.s=r[0]))}return e}var r={},f={4:0},p={4:0},s=[];function d(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return c[e].call(t.exports,t,t.exports,d),t.l=!0,t.exports}d.e=function(s){var e=[];f[s]?e.push(f[s]):0!==f[s]&&{0:1,1:1}[s]&&e.push(f[s]=new Promise(function(e,n){for(var t="static/css/"+({}[s]||s)+"."+{0:"0c66dca7",1:"97fae012",5:"31d6cfe0"}[s]+".chunk.css",o=d.p+t,r=document.getElementsByTagName("link"),a=0;a<r.length;a++){var u=(c=r[a]).getAttribute("data-href")||c.getAttribute("href");if("stylesheet"===c.rel&&(u===t||u===o))return e()}var i=document.getElementsByTagName("style");for(a=0;a<i.length;a++){var c;if((u=(c=i[a]).getAttribute("data-href"))===t||u===o)return e()}var l=document.createElement("link");l.rel="stylesheet",l.type="text/css",l.onload=e,l.onerror=function(e){var t=e&&e.target&&e.target.src||o,r=new Error("Loading CSS chunk "+s+" failed.\n("+t+")");r.code="CSS_CHUNK_LOAD_FAILED",r.request=t,delete f[s],l.parentNode.removeChild(l),n(r)},l.href=o,document.getElementsByTagName("head")[0].appendChild(l)}).then(function(){f[s]=0}));var r=p[s];if(0!==r)if(r)e.push(r[2]);else{var t=new Promise(function(e,t){r=p[s]=[e,t]});e.push(r[2]=t);var n,o=document.createElement("script");o.charset="utf-8",o.timeout=120,d.nc&&o.setAttribute("nonce",d.nc),o.src=d.p+"static/js/"+({}[s]||s)+"."+{0:"2224a99b",1:"47dbaaff",5:"ebbc5c76"}[s]+".chunk.js";var a=new Error;n=function(e){o.onerror=o.onload=null,clearTimeout(u);var t=p[s];if(0!==t){if(t){var r=e&&("load"===e.type?"missing":e.type),n=e&&e.target&&e.target.src;a.message="Loading chunk "+s+" failed.\n("+r+": "+n+")",a.name="ChunkLoadError",a.type=r,a.request=n,t[1](a)}p[s]=void 0}};var u=setTimeout(function(){n({type:"timeout",target:o})},12e4);o.onerror=o.onload=n,document.head.appendChild(o)}return Promise.all(e)},d.m=c,d.c=r,d.d=function(e,t,r){d.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.t=function(t,e){if(1&e&&(t=d(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(d.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)d.d(r,n,function(e){return t[e]}.bind(null,n));return r},d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,"a",t),t},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},d.p="/",d.oe=function(e){throw console.error(e),e};var t=this["webpackJsonpjsitor-app"]=this["webpackJsonpjsitor-app"]||[],n=t.push.bind(t);t.push=e,t=t.slice();for(var o=0;o<t.length;o++)e(t[o]);var h=n;l()}([])</script><script src="/static/js/2.cd89f498.chunk.js"></script><script src="/static/js/main.c9341dbd.chunk.js"></script><div class="modal cookie-consent"><div class="modal-content"><div class="modal-title">This website uses cookies</div><div class="modal-body">We uses cookies to make your experiance on this website better. Click on Privacy Policy to know more about it.</div><div class="modal-footer"><button type="button" class=""><span><a href="https://github.com/jsitor/jsitor/blob/master/PrivacyPolicy.md">Privacy Policy</a></span></button><button type="button" class="primary filled"><span>Accept Cookies</span></button></div></div></div><div class="monaco-aria-container"><div class="monaco-alert" role="alert" aria-atomic="true"></div><div class="monaco-status" role="status" aria-atomic="true"></div></div></body></html>