Skip to content

Instantly share code, notes, and snippets.

@benjackwhite

benjackwhite/ionic-rrweb.json

Created April 17, 2023 14:03
Show Gist options
  • Save benjackwhite/64ab11bd3f4fb127c1c98fb9003c2dca to your computer and use it in GitHub Desktop.
Save benjackwhite/64ab11bd3f4fb127c1c98fb9003c2dca to your computer and use it in GitHub Desktop.
Download ZIP
Example of an rrweb recording of ionic with issues
Raw
ionic-rrweb.json
[
{
"type": 4,
"data": {
"href": "http://localhost:8100/tab1",
"width": 2560,
"height": 831
},
"timestamp": 1681739584084,
"delay": -290
},
{
"type": 2,
"data": {
"node": {
"type": 0,
"childNodes": [
{
"type": 1,
"name": "html",
"publicId": "",
"systemId": "",
"id": 2
},
{
"type": 2,
"tagName": "html",
"attributes": {
"lang": "en",
"class": "ion-ce plt-desktop md",
"mode": "md"
},
"childNodes": [
{
"type": 2,
"tagName": "head",
"attributes": {},
"childNodes": [
{ "type": 3, "textContent": "\n ", "id": 5 },
{
"type": 2,
"tagName": "meta",
"attributes": { "charset": "utf-8" },
"childNodes": [],
"id": 6
},
{ "type": 3, "textContent": "\n ", "id": 7 },
{
"type": 2,
"tagName": "title",
"attributes": {},
"childNodes": [
{ "type": 3, "textContent": "Ionic App", "id": 9 }
],
"id": 8
},
{ "type": 3, "textContent": "\n\n ", "id": 10 },
{
"type": 2,
"tagName": "base",
"attributes": { "href": "http://localhost:8100/" },
"childNodes": [],
"id": 11
},
{ "type": 3, "textContent": "\n\n ", "id": 12 },
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "color-scheme",
"content": "light dark"
},
"childNodes": [],
"id": 13
},
{ "type": 3, "textContent": "\n ", "id": 14 },
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "viewport",
"content": "viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
},
"childNodes": [],
"id": 15
},
{ "type": 3, "textContent": "\n ", "id": 16 },
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "format-detection",
"content": "telephone=no"
},
"childNodes": [],
"id": 17
},
{ "type": 3, "textContent": "\n ", "id": 18 },
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "msapplication-tap-highlight",
"content": "no"
},
"childNodes": [],
"id": 19
},
{ "type": 3, "textContent": "\n\n ", "id": 20 },
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "html.plt-mobile ion-app { user-select: none; }html.plt-mobile ion-app [contenteditable] { user-select: text; }ion-app.force-statusbar-padding { --ion-safe-area-top:20px; }",
"isStyle": true,
"id": 22
}
],
"id": 21
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": ".item.sc-ion-label-md-h, .item .sc-ion-label-md-h { --color: initial; display: block; color: var(--color); font-family: var(--ion-font-family, inherit); font-size: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; }.ion-color.sc-ion-label-md-h { color: var(--ion-color-base); }.ion-text-wrap.sc-ion-label-md-h, [text-wrap].sc-ion-label-md-h { white-space: normal; }.item-interactive-disabled.sc-ion-label-md-h:not(.item-multiple-inputs), .item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-md-h { cursor: default; opacity: 0.3; pointer-events: none; }.item-input.sc-ion-label-md-h, .item-input .sc-ion-label-md-h { flex: initial; max-width: 200px; pointer-events: none; }.item-textarea.sc-ion-label-md-h, .item-textarea .sc-ion-label-md-h { align-self: baseline; }.label-fixed.sc-ion-label-md-h { flex: 0 0 100px; width: 100px; min-width: 100px; max-width: 200px; }.label-stacked.sc-ion-label-md-h, .label-floating.sc-ion-label-md-h { margin-bottom: 0px; align-self: stretch; width: auto; max-width: 100%; }.label-no-animate.label-floating.sc-ion-label-md-h { transition: none 0s ease 0s; }.sc-ion-label-md-s h1, .sc-ion-label-md-s h2, .sc-ion-label-md-s h3, .sc-ion-label-md-s h4, .sc-ion-label-md-s h5, .sc-ion-label-md-s h6 { text-overflow: inherit; overflow: inherit; }.ion-text-wrap.sc-ion-label-md-h, [text-wrap].sc-ion-label-md-h { line-height: 1.5; }.label-stacked.sc-ion-label-md-h, .label-floating.sc-ion-label-md-h { margin: 0px; transform-origin: left top; }.label-stacked.label-rtl.sc-ion-label-md-h, .label-floating.label-rtl.sc-ion-label-md-h { transform-origin: right top; }.label-stacked.sc-ion-label-md-h { transform: translateY(50%) scale(0.75); transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s; }.label-floating.sc-ion-label-md-h { transform: translateY(96%); transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s; }.ion-focused.label-floating.sc-ion-label-md-h, .ion-focused .label-floating.sc-ion-label-md-h, .item-has-focus.label-floating.sc-ion-label-md-h, .item-has-focus .label-floating.sc-ion-label-md-h, .item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating, .item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h, .item-has-value.label-floating.sc-ion-label-md-h, .item-has-value .label-floating.sc-ion-label-md-h { transform: translateY(50%) scale(0.75); }.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h { transform: translateY(-6px) scale(0.75); position: relative; max-width: min-content; background-color: var(--ion-item-background, var(--ion-background-color, #fff)); overflow: visible; z-index: 3; }.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::before, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::before, .item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::after, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::before, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::after, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::after { position: absolute; width: 4px; height: 100%; background-color: var(--ion-item-background, var(--ion-background-color, #fff)); content: \"\"; }.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::before, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::before, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::before, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::before { left: calc(-4px); }.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::after, .item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::after, .item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::after, .item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::after { right: calc(-4px); }.item-fill-outline.ion-focused.item-has-start-slot.label-floating.sc-ion-label-md-h, .item-fill-outline.ion-focused.item-has-start-slot .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-focus.item-has-start-slot.label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-focus.item-has-start-slot .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).item-has-start-slot.label-floating, .item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot .label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-value.item-has-start-slot.label-floating.sc-ion-label-md-h, .item-fill-outline.item-has-value.item-has-start-slot .label-floating.sc-ion-label-md-h { transform: translateX(-32px) translateY(-6px) scale(0.75); }.item-fill-outline.ion-focused.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.ion-focused.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-focus.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-focus.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).item-has-start-slot.label-floating.label-rtl, .item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-value.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h, .item-fill-outline.item-has-value.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h { transform: translateX(calc(32px)) translateY(-6px) scale(0.75); }.ion-focused.label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-focused .label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-focused.label-floating.sc-ion-label-md-h:not(.ion-color), .ion-focused .label-floating.sc-ion-label-md-h:not(.ion-color), .item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-has-focus .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color), .item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color) { color: var(--ion-color-primary, #3880ff); }.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color), .item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color) { color: var(--ion-color-contrast); }.item-fill-solid.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-solid.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color), .item-fill-outline.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color) { color: var(--ion-color-base); }.ion-invalid.ion-touched.label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-invalid.ion-touched .label-stacked.sc-ion-label-md-h:not(.ion-color), .ion-invalid.ion-touched.label-floating.sc-ion-label-md-h:not(.ion-color), .ion-invalid.ion-touched .label-floating.sc-ion-label-md-h:not(.ion-color) { color: var(--highlight-color-invalid); }.sc-ion-label-md-s h1 { margin: 0px 0px 2px; font-size: 24px; font-weight: normal; }.sc-ion-label-md-s h2 { margin: 2px 0px; font-size: 16px; font-weight: normal; }.sc-ion-label-md-s h3, .sc-ion-label-md-s h4, .sc-ion-label-md-s h5, .sc-ion-label-md-s h6 { margin: 2px 0px; font-size: 14px; font-weight: normal; line-height: normal; }.sc-ion-label-md-s p { margin: 0px 0px 2px; font-size: 14px; line-height: 20px; text-overflow: inherit; overflow: inherit; }.sc-ion-label-md-s > p { color: var(--ion-color-step-600, #666666); }.sc-ion-label-md-h.in-item-color.sc-ion-label-md-s > p { color: inherit; }",
"isStyle": true,
"id": 24
}
],
"id": 23
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "ion-header { display: block; position: relative; order: -1; width: 100%; z-index: 10; }ion-header ion-toolbar:first-of-type { padding-top: var(--ion-safe-area-top, 0); }.header-md::after { bottom: -5px; background-position: left 0px top -2px; position: absolute; width: 100%; height: 5px; background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==\"); background-repeat: repeat-x; content: \"\"; }@supports (inset-inline-start: 0) {\n .header-md::after { inset-inline-start: 0px; }\n}@supports not (inset-inline-start: 0) {\n .header-md::after { left: 0px; }\n [dir=\"rtl\"] .header-md::after, :host-context([dir=\"rtl\"]) .header-md::after { left: unset; right: 0px; }\n}[dir=\"rtl\"] .header-md::after, :host-context([dir=\"rtl\"]) .header-md::after { background-position: right 0px top -2px; }.header-collapse-condense { display: none; }.header-md.ion-no-border::after { display: none; }",
"isStyle": true,
"id": 26
}
],
"id": 25
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "manifest",
"href": "http://localhost:8100/manifest.json"
},
"childNodes": [],
"id": 27
},
{ "type": 3, "textContent": "\n\n ", "id": 28 },
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "shortcut icon",
"type": "image/png",
"href": "http://localhost:8100/assets/icon/favicon.png"
},
"childNodes": [],
"id": 29
},
{ "type": 3, "textContent": "\n\n ", "id": 30 },
{
"type": 5,
"textContent": " add to homescreen for ios ",
"id": 31
},
{ "type": 3, "textContent": "\n ", "id": 32 },
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "apple-mobile-web-app-capable",
"content": "yes"
},
"childNodes": [],
"id": 33
},
{ "type": 3, "textContent": "\n ", "id": 34 },
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "apple-mobile-web-app-title",
"content": "Ionic App"
},
"childNodes": [],
"id": 35
},
{ "type": 3, "textContent": "\n ", "id": 36 },
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "apple-mobile-web-app-status-bar-style",
"content": "black"
},
"childNodes": [],
"id": 37
},
{ "type": 3, "textContent": "\n ", "id": 38 },
{
"type": 2,
"tagName": "script",
"attributes": {
"defer": "",
"src": "http://localhost:8100/static/js/bundle.js"
},
"childNodes": [],
"id": 39
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": ".container { text-align: center; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); }.container strong { font-size: 20px; line-height: 26px; }.container p { font-size: 16px; line-height: 22px; color: rgb(140, 140, 140); margin: 0px; }.container a { text-decoration: none; }",
"isStyle": true,
"id": 41
}
],
"id": 40
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "",
"isStyle": true,
"id": 43
}
],
"id": 42
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "",
"isStyle": true,
"id": 45
}
],
"id": 44
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "",
"isStyle": true,
"id": 47
}
],
"id": 46
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "html.ios { --ion-default-font: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Roboto\", sans-serif; }html.md { --ion-default-font: \"Roboto\", \"Helvetica Neue\", sans-serif; }html { --ion-font-family: var(--ion-default-font); }body { background: var(--ion-background-color); }body.backdrop-no-scroll { overflow: hidden; }html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, html.ios ion-modal ion-footer ion-toolbar:first-of-type { padding-top: 6px; }html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type { padding-bottom: 6px; }html.ios ion-modal ion-toolbar { padding-right: calc(var(--ion-safe-area-right) + 8px); padding-left: calc(var(--ion-safe-area-left) + 8px); }@media screen and (min-width: 768px) {\n html.ios ion-modal.modal-card:first-of-type { --backdrop-opacity: 0.18; }\n}ion-modal.modal-default.show-modal ~ ion-modal.modal-default { --backdrop-opacity: 0; --box-shadow: none; }html.ios ion-modal.modal-card .ion-page { border-top-left-radius: var(--border-radius); }.ion-color-primary { --ion-color-base: var(--ion-color-primary, #3880ff) !important; --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important; --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important; --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important; }.ion-color-secondary { --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important; --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important; --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important; --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important; }.ion-color-tertiary { --ion-color-base: var(--ion-color-tertiary, #5260ff) !important; --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important; --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important; --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important; }.ion-color-success { --ion-color-base: var(--ion-color-success, #2dd36f) !important; --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important; --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important; --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important; }.ion-color-warning { --ion-color-base: var(--ion-color-warning, #ffc409) !important; --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important; --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important; --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important; }.ion-color-danger { --ion-color-base: var(--ion-color-danger, #eb445a) !important; --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important; --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important; --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important; }.ion-color-light { --ion-color-base: var(--ion-color-light, #f4f5f8) !important; --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important; --ion-color-contrast: var(--ion-color-light-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important; --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important; }.ion-color-medium { --ion-color-base: var(--ion-color-medium, #92949c) !important; --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important; --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-medium-shade, #808289) !important; --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important; }.ion-color-dark { --ion-color-base: var(--ion-color-dark, #222428) !important; --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important; --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important; --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important; }.ion-page { inset: 0px; display: flex; position: absolute; flex-direction: column; justify-content: space-between; contain: size layout style; overflow: hidden; z-index: 0; }ion-modal > .ion-page { position: relative; contain: layout style; height: 100%; }.split-pane-visible > .ion-page.split-pane-main { position: relative; }ion-route, ion-route-redirect, ion-router, ion-select-option, ion-nav-controller, ion-menu-controller, ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-modal-controller, ion-picker-controller, ion-popover-controller, ion-toast-controller, .ion-page-hidden { display: none !important; }.ion-page-invisible { opacity: 0; }.can-go-back > ion-header ion-back-button { display: block; }html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa { --ion-statusbar-padding: 20px; }@supports (padding-top: 20px) {\n html { --ion-safe-area-top: var(--ion-statusbar-padding); }\n}@supports (padding-top: constant(safe-area-inset-top)) {\n html { --ion-safe-area-top: constant(safe-area-inset-top); --ion-safe-area-bottom: constant(safe-area-inset-bottom); --ion-safe-area-left: constant(safe-area-inset-left); --ion-safe-area-right: constant(safe-area-inset-right); }\n}@supports (padding-top: env(safe-area-inset-top)) {\n html { --ion-safe-area-top: env(safe-area-inset-top); --ion-safe-area-bottom: env(safe-area-inset-bottom); --ion-safe-area-left: env(safe-area-inset-left); --ion-safe-area-right: env(safe-area-inset-right); }\n}ion-card.ion-color .ion-inherit-color, ion-card-header.ion-color .ion-inherit-color { color: inherit; }.menu-content { transform: translate3d(0px, 0px, 0px); }.menu-content-open { cursor: pointer; touch-action: manipulation; pointer-events: none; }.ios .menu-content-reveal { box-shadow: rgba(0, 0, 0, 0.08) -8px 0px 42px; }[dir=\"rtl\"].ios .menu-content-reveal { box-shadow: rgba(0, 0, 0, 0.08) 8px 0px 42px; }.md .menu-content-reveal { box-shadow: rgba(0, 0, 0, 0.18) 4px 0px 16px; }.md .menu-content-push { box-shadow: rgba(0, 0, 0, 0.18) 4px 0px 16px; }ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }ion-accordion-group > ion-accordion:last-of-type ion-item[slot=\"header\"] { --border-width: 0px; }ion-accordion.accordion-animated > [slot=\"header\"] .ion-accordion-toggle-icon { transition: transform 300ms cubic-bezier(0.25, 0.8, 0.5, 1) 0s; }@media (prefers-reduced-motion: reduce) {\n ion-accordion .ion-accordion-toggle-icon { transition: none 0s ease 0s !important; }\n}ion-accordion.accordion-expanding > [slot=\"header\"] .ion-accordion-toggle-icon, ion-accordion.accordion-expanded > [slot=\"header\"] .ion-accordion-toggle-icon { transform: rotate(180deg); }ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=\"header\"] { --border-width: 0px; --inner-border-width: 0px; }ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type { margin-top: 0px; }ion-input input::-webkit-date-and-time-value { text-align: start; }.ion-datetime-button-overlay { --width: fit-content; --height: fit-content; }.ion-datetime-button-overlay ion-datetime.datetime-grid { width: 320px; min-height: 320px; }",
"isStyle": true,
"id": 49
}
],
"id": 48
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "audio, canvas, progress, video { vertical-align: baseline; }audio:not([controls]) { display: none; height: 0px; }b, strong { font-weight: bold; }img { max-width: 100%; }hr { height: 1px; border-width: 0px; box-sizing: content-box; }pre { overflow: auto; }code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }label, input, select, textarea { font-family: inherit; line-height: normal; }textarea { overflow: auto; height: auto; font: inherit; color: inherit; }textarea::placeholder { padding-left: 2px; }form, input, optgroup, select { margin: 0px; font: inherit; color: inherit; }html input[type=\"button\"], input[type=\"reset\"], input[type=\"submit\"] { cursor: pointer; appearance: button; }a, a div, a span, a ion-icon, a ion-label, button, button div, button span, button ion-icon, button ion-label, .ion-tappable, [tappable], [tappable] div, [tappable] span, [tappable] ion-icon, [tappable] ion-label, input, textarea { touch-action: manipulation; }a ion-label, button ion-label { pointer-events: none; }button { padding: 0px; border: 0px; border-radius: 0px; font-family: inherit; font-style: inherit; font-feature-settings: inherit; font-variant: inherit; line-height: 1; text-transform: none; cursor: pointer; appearance: button; }[tappable] { cursor: pointer; }a[disabled], button[disabled], html input[disabled] { cursor: default; }input[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button { height: auto; }input[type=\"search\"]::-webkit-search-cancel-button, input[type=\"search\"]::-webkit-search-decoration { appearance: none; }table { border-collapse: collapse; border-spacing: 0px; }td, th { padding: 0px; }",
"isStyle": true,
"id": 51
}
],
"id": 50
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }html { width: 100%; height: 100%; text-size-adjust: 100%; }html:not(.hydrated) body { display: none; }html.ion-ce body { display: block; }html.plt-pwa { height: 100vh; }body { -webkit-font-smoothing: antialiased; margin: 0px; padding: 0px; position: fixed; width: 100%; max-width: 100%; height: 100%; max-height: 100%; transform: translateZ(0px); text-rendering: optimizelegibility; overflow: hidden; touch-action: manipulation; -webkit-user-drag: none; overflow-wrap: break-word; overscroll-behavior-y: none; text-size-adjust: none; }",
"isStyle": true,
"id": 53
}
],
"id": 52
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "html { font-family: var(--ion-font-family); }a { background-color: transparent; color: var(--ion-color-primary, #3880ff); }h1, h2, h3, h4, h5, h6 { margin-top: 16px; margin-bottom: 10px; font-weight: 500; line-height: 1.2; }h1 { margin-top: 20px; font-size: 26px; }h2 { margin-top: 18px; font-size: 24px; }h3 { font-size: 22px; }h4 { font-size: 20px; }h5 { font-size: 18px; }h6 { font-size: 16px; }small { font-size: 75%; }sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }",
"isStyle": true,
"id": 55
}
],
"id": 54
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": ".ion-no-padding { --padding-start: 0; --padding-end: 0; --padding-top: 0; --padding-bottom: 0; padding: 0px; }.ion-padding { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-inline-start: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); }.ion-padding-top { --padding-top: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); }.ion-padding-start { --padding-start: var(--ion-padding, 16px); padding-inline-start: var(--ion-padding, 16px); }.ion-padding-end { --padding-end: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); }.ion-padding-bottom { --padding-bottom: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); }.ion-padding-vertical { --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); }.ion-padding-horizontal { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); padding-inline-start: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); }.ion-no-margin { --margin-start: 0; --margin-end: 0; --margin-top: 0; --margin-bottom: 0; margin: 0px; }.ion-margin { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-inline-start: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); }.ion-margin-top { --margin-top: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); }.ion-margin-start { --margin-start: var(--ion-margin, 16px); margin-inline-start: var(--ion-margin, 16px); }.ion-margin-end { --margin-end: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); }.ion-margin-bottom { --margin-bottom: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); }.ion-margin-vertical { --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); }.ion-margin-horizontal { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); margin-inline-start: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); }",
"isStyle": true,
"id": 57
}
],
"id": 56
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": ".ion-float-left { float: left !important; }.ion-float-right { float: right !important; }.ion-float-start { float: left !important; }[dir=\"rtl\"] .ion-float-start, :host-context([dir=\"rtl\"]) .ion-float-start { float: right !important; }.ion-float-end { float: right !important; }[dir=\"rtl\"] .ion-float-end, :host-context([dir=\"rtl\"]) .ion-float-end { float: left !important; }@media (min-width: 576px) {\n .ion-float-sm-left { float: left !important; }\n .ion-float-sm-right { float: right !important; }\n .ion-float-sm-start { float: left !important; }\n [dir=\"rtl\"] .ion-float-sm-start, :host-context([dir=\"rtl\"]) .ion-float-sm-start { float: right !important; }\n .ion-float-sm-end { float: right !important; }\n [dir=\"rtl\"] .ion-float-sm-end, :host-context([dir=\"rtl\"]) .ion-float-sm-end { float: left !important; }\n}@media (min-width: 768px) {\n .ion-float-md-left { float: left !important; }\n .ion-float-md-right { float: right !important; }\n .ion-float-md-start { float: left !important; }\n [dir=\"rtl\"] .ion-float-md-start, :host-context([dir=\"rtl\"]) .ion-float-md-start { float: right !important; }\n .ion-float-md-end { float: right !important; }\n [dir=\"rtl\"] .ion-float-md-end, :host-context([dir=\"rtl\"]) .ion-float-md-end { float: left !important; }\n}@media (min-width: 992px) {\n .ion-float-lg-left { float: left !important; }\n .ion-float-lg-right { float: right !important; }\n .ion-float-lg-start { float: left !important; }\n [dir=\"rtl\"] .ion-float-lg-start, :host-context([dir=\"rtl\"]) .ion-float-lg-start { float: right !important; }\n .ion-float-lg-end { float: right !important; }\n [dir=\"rtl\"] .ion-float-lg-end, :host-context([dir=\"rtl\"]) .ion-float-lg-end { float: left !important; }\n}@media (min-width: 1200px) {\n .ion-float-xl-left { float: left !important; }\n .ion-float-xl-right { float: right !important; }\n .ion-float-xl-start { float: left !important; }\n [dir=\"rtl\"] .ion-float-xl-start, :host-context([dir=\"rtl\"]) .ion-float-xl-start { float: right !important; }\n .ion-float-xl-end { float: right !important; }\n [dir=\"rtl\"] .ion-float-xl-end, :host-context([dir=\"rtl\"]) .ion-float-xl-end { float: left !important; }\n}",
"isStyle": true,
"id": 59
}
],
"id": 58
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": ".ion-text-center { text-align: center !important; }.ion-text-justify { text-align: justify !important; }.ion-text-start { text-align: start !important; }.ion-text-end { text-align: end !important; }.ion-text-left { text-align: left !important; }.ion-text-right { text-align: right !important; }.ion-text-nowrap { white-space: nowrap !important; }.ion-text-wrap { white-space: normal !important; }@media (min-width: 576px) {\n .ion-text-sm-center { text-align: center !important; }\n .ion-text-sm-justify { text-align: justify !important; }\n .ion-text-sm-start { text-align: start !important; }\n .ion-text-sm-end { text-align: end !important; }\n .ion-text-sm-left { text-align: left !important; }\n .ion-text-sm-right { text-align: right !important; }\n .ion-text-sm-nowrap { white-space: nowrap !important; }\n .ion-text-sm-wrap { white-space: normal !important; }\n}@media (min-width: 768px) {\n .ion-text-md-center { text-align: center !important; }\n .ion-text-md-justify { text-align: justify !important; }\n .ion-text-md-start { text-align: start !important; }\n .ion-text-md-end { text-align: end !important; }\n .ion-text-md-left { text-align: left !important; }\n .ion-text-md-right { text-align: right !important; }\n .ion-text-md-nowrap { white-space: nowrap !important; }\n .ion-text-md-wrap { white-space: normal !important; }\n}@media (min-width: 992px) {\n .ion-text-lg-center { text-align: center !important; }\n .ion-text-lg-justify { text-align: justify !important; }\n .ion-text-lg-start { text-align: start !important; }\n .ion-text-lg-end { text-align: end !important; }\n .ion-text-lg-left { text-align: left !important; }\n .ion-text-lg-right { text-align: right !important; }\n .ion-text-lg-nowrap { white-space: nowrap !important; }\n .ion-text-lg-wrap { white-space: normal !important; }\n}@media (min-width: 1200px) {\n .ion-text-xl-center { text-align: center !important; }\n .ion-text-xl-justify { text-align: justify !important; }\n .ion-text-xl-start { text-align: start !important; }\n .ion-text-xl-end { text-align: end !important; }\n .ion-text-xl-left { text-align: left !important; }\n .ion-text-xl-right { text-align: right !important; }\n .ion-text-xl-nowrap { white-space: nowrap !important; }\n .ion-text-xl-wrap { white-space: normal !important; }\n}",
"isStyle": true,
"id": 61
}
],
"id": 60
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": ".ion-text-uppercase { text-transform: uppercase !important; }.ion-text-lowercase { text-transform: lowercase !important; }.ion-text-capitalize { text-transform: capitalize !important; }@media (min-width: 576px) {\n .ion-text-sm-uppercase { text-transform: uppercase !important; }\n .ion-text-sm-lowercase { text-transform: lowercase !important; }\n .ion-text-sm-capitalize { text-transform: capitalize !important; }\n}@media (min-width: 768px) {\n .ion-text-md-uppercase { text-transform: uppercase !important; }\n .ion-text-md-lowercase { text-transform: lowercase !important; }\n .ion-text-md-capitalize { text-transform: capitalize !important; }\n}@media (min-width: 992px) {\n .ion-text-lg-uppercase { text-transform: uppercase !important; }\n .ion-text-lg-lowercase { text-transform: lowercase !important; }\n .ion-text-lg-capitalize { text-transform: capitalize !important; }\n}@media (min-width: 1200px) {\n .ion-text-xl-uppercase { text-transform: uppercase !important; }\n .ion-text-xl-lowercase { text-transform: lowercase !important; }\n .ion-text-xl-capitalize { text-transform: capitalize !important; }\n}",
"isStyle": true,
"id": 63
}
],
"id": 62
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": ".ion-align-self-start { align-self: flex-start !important; }.ion-align-self-end { align-self: flex-end !important; }.ion-align-self-center { align-self: center !important; }.ion-align-self-stretch { align-self: stretch !important; }.ion-align-self-baseline { align-self: baseline !important; }.ion-align-self-auto { align-self: auto !important; }.ion-wrap { flex-wrap: wrap !important; }.ion-nowrap { flex-wrap: nowrap !important; }.ion-wrap-reverse { flex-wrap: wrap-reverse !important; }.ion-justify-content-start { justify-content: flex-start !important; }.ion-justify-content-center { justify-content: center !important; }.ion-justify-content-end { justify-content: flex-end !important; }.ion-justify-content-around { justify-content: space-around !important; }.ion-justify-content-between { justify-content: space-between !important; }.ion-justify-content-evenly { justify-content: space-evenly !important; }.ion-align-items-start { align-items: flex-start !important; }.ion-align-items-center { align-items: center !important; }.ion-align-items-end { align-items: flex-end !important; }.ion-align-items-stretch { align-items: stretch !important; }.ion-align-items-baseline { align-items: baseline !important; }",
"isStyle": true,
"id": 65
}
],
"id": 64
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": ".ion-hide { display: none !important; }.ion-hide-up { display: none !important; }.ion-hide-down { display: none !important; }@media (min-width: 576px) {\n .ion-hide-sm-up { display: none !important; }\n}@media (max-width: 575.98px) {\n .ion-hide-sm-down { display: none !important; }\n}@media (min-width: 768px) {\n .ion-hide-md-up { display: none !important; }\n}@media (max-width: 767.98px) {\n .ion-hide-md-down { display: none !important; }\n}@media (min-width: 992px) {\n .ion-hide-lg-up { display: none !important; }\n}@media (max-width: 991.98px) {\n .ion-hide-lg-down { display: none !important; }\n}@media (min-width: 1200px) {\n .ion-hide-xl-up { display: none !important; }\n}@media (max-width: 1199.98px) {\n .ion-hide-xl-down { display: none !important; }\n}",
"isStyle": true,
"id": 67
}
],
"id": 66
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": ":root { --ion-color-primary: #3880FF; --ion-color-primary-rgb: 56, 128, 255; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; --ion-color-secondary: #3dc2ff; --ion-color-secondary-rgb: 61, 194, 255; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #36abe0; --ion-color-secondary-tint: #50c8ff; --ion-color-tertiary: #5260ff; --ion-color-tertiary-rgb: 82, 96, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #4854e0; --ion-color-tertiary-tint: #6370ff; --ion-color-success: #2dd36f; --ion-color-success-rgb: 45, 211, 111; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #28ba62; --ion-color-success-tint: #42d77d; --ion-color-warning: #ffc409; --ion-color-warning-rgb: 255, 196, 9; --ion-color-warning-contrast: #000000; --ion-color-warning-contrast-rgb: 0, 0, 0; --ion-color-warning-shade: #e0ac08; --ion-color-warning-tint: #ffca22; --ion-color-danger: #eb445a; --ion-color-danger-rgb: 235, 68, 90; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #cf3c4f; --ion-color-danger-tint: #ed576b; --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 36, 40; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; --ion-color-medium: #92949c; --ion-color-medium-rgb: 146, 148, 156; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #808289; --ion-color-medium-tint: #9d9fa6; --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 245, 248; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; }@media (prefers-color-scheme: dark) {\n body { --ion-color-primary: #afccff; --ion-color-primary-rgb: 175, 204, 255; --ion-color-primary-contrast: #000000; --ion-color-primary-contrast-rgb: 0, 0, 0; --ion-color-primary-shade: #9ab4e0; --ion-color-primary-tint: #b7d1ff; --ion-color-secondary: #50c8ff; --ion-color-secondary-rgb: 80,200,255; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255,255,255; --ion-color-secondary-shade: #46b0e0; --ion-color-secondary-tint: #62ceff; --ion-color-tertiary: #6a64ff; --ion-color-tertiary-rgb: 106,100,255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255,255,255; --ion-color-tertiary-shade: #5d58e0; --ion-color-tertiary-tint: #7974ff; --ion-color-success: #2fdf75; --ion-color-success-rgb: 47,223,117; --ion-color-success-contrast: #000000; --ion-color-success-contrast-rgb: 0,0,0; --ion-color-success-shade: #29c467; --ion-color-success-tint: #44e283; --ion-color-warning: #ffd534; --ion-color-warning-rgb: 255,213,52; --ion-color-warning-contrast: #000000; --ion-color-warning-contrast-rgb: 0,0,0; --ion-color-warning-shade: #e0bb2e; --ion-color-warning-tint: #ffd948; --ion-color-danger: #ff4961; --ion-color-danger-rgb: 255,73,97; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255,255,255; --ion-color-danger-shade: #e04055; --ion-color-danger-tint: #ff5b71; --ion-color-dark: #f4f5f8; --ion-color-dark-rgb: 244,245,248; --ion-color-dark-contrast: #000000; --ion-color-dark-contrast-rgb: 0,0,0; --ion-color-dark-shade: #d7d8da; --ion-color-dark-tint: #f5f6f9; --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152,154,162; --ion-color-medium-contrast: #000000; --ion-color-medium-contrast-rgb: 0,0,0; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; --ion-color-light: #222428; --ion-color-light-rgb: 34,36,40; --ion-color-light-contrast: #ffffff; --ion-color-light-contrast-rgb: 255,255,255; --ion-color-light-shade: #1e2023; --ion-color-light-tint: #383a3e; }\n .ios body { --ion-background-color: #000000; --ion-background-color-rgb: 0,0,0; --ion-text-color: #ffffff; --ion-text-color-rgb: 255,255,255; --ion-color-step-50: #0d0d0d; --ion-color-step-100: #1a1a1a; --ion-color-step-150: #262626; --ion-color-step-200: #333333; --ion-color-step-250: #404040; --ion-color-step-300: #4d4d4d; --ion-color-step-350: #595959; --ion-color-step-400: #666666; --ion-color-step-450: #737373; --ion-color-step-500: #808080; --ion-color-step-550: #8c8c8c; --ion-color-step-600: #999999; --ion-color-step-650: #a6a6a6; --ion-color-step-700: #b3b3b3; --ion-color-step-750: #bfbfbf; --ion-color-step-800: #cccccc; --ion-color-step-850: #d9d9d9; --ion-color-step-900: #e6e6e6; --ion-color-step-950: #f2f2f2; --ion-item-background: #000000; --ion-card-background: #1c1c1d; }\n .ios ion-modal { --ion-background-color: var(--ion-color-step-100); --ion-toolbar-background: var(--ion-color-step-150); --ion-toolbar-border-color: var(--ion-color-step-250); }\n .md body { --ion-background-color: #121212; --ion-background-color-rgb: 18,18,18; --ion-text-color: #ffffff; --ion-text-color-rgb: 255,255,255; --ion-border-color: #222222; --ion-color-step-50: #1e1e1e; --ion-color-step-100: #2a2a2a; --ion-color-step-150: #363636; --ion-color-step-200: #414141; --ion-color-step-250: #4d4d4d; --ion-color-step-300: #595959; --ion-color-step-350: #656565; --ion-color-step-400: #717171; --ion-color-step-450: #7d7d7d; --ion-color-step-500: #898989; --ion-color-step-550: #949494; --ion-color-step-600: #a0a0a0; --ion-color-step-650: #acacac; --ion-color-step-700: #b8b8b8; --ion-color-step-750: #c4c4c4; --ion-color-step-800: #d0d0d0; --ion-color-step-850: #dbdbdb; --ion-color-step-900: #e7e7e7; --ion-color-step-950: #f3f3f3; --ion-item-background: #1e1e1e; --ion-toolbar-background: #1f1f1f; --ion-tab-bar-background: #1f1f1f; --ion-card-background: #1e1e1e; }\n}",
"isStyle": true,
"id": 69
}
],
"id": 68
},
{
"type": 2,
"tagName": "script",
"attributes": {
"charset": "utf-8",
"data-webpack": "posthog-test:chunk-node_modules_ionic_core_components_index9_js",
"src": "http://localhost:8100/static/js/node_modules_ionic_core_components_index9_js.chunk.js"
},
"childNodes": [],
"id": 70
}
],
"id": 4
},
{ "type": 3, "textContent": "\n\n ", "id": 71 },
{
"type": 2,
"tagName": "body",
"attributes": {},
"childNodes": [
{ "type": 3, "textContent": "\n ", "id": 73 },
{
"type": 2,
"tagName": "div",
"attributes": { "id": "root" },
"childNodes": [
{
"type": 2,
"tagName": "ion-app",
"attributes": { "class": "md ion-page" },
"childNodes": [
{
"type": 2,
"tagName": "div",
"attributes": { "class": "ion-page" },
"childNodes": [
{
"type": 2,
"tagName": "ion-tabs",
"attributes": {
"classname": "ion-tabs",
"style": "display: flex; position: absolute; inset: 0px; flex-direction: column; width: 100%; height: 100%; contain: size layout style;"
},
"childNodes": [
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "tabs-inner",
"style": "position: relative; flex: 1 1 0%; contain: size layout style;"
},
"childNodes": [
{
"type": 2,
"tagName": "ion-router-outlet",
"attributes": {},
"childNodes": [
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "ion-page",
"style": "z-index: 101;"
},
"childNodes": [
{
"type": 2,
"tagName": "ion-header",
"attributes": {
"role": "banner",
"class": "md header-md header-collapse-none"
},
"childNodes": [
{
"type": 5,
"textContent": "",
"id": 82
},
{
"type": 3,
"textContent": "",
"id": 83
},
{
"type": 3,
"textContent": "",
"id": 84
},
{
"type": 2,
"tagName": "ion-toolbar",
"attributes": {
"class": "toolbar-title-default md in-toolbar"
},
"childNodes": [
{
"type": 2,
"tagName": "ion-title",
"attributes": {
"class": "md title-default"
},
"childNodes": [
{
"type": 3,
"textContent": "Tab 1",
"id": 87
},
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "toolbar-title"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 89
}
],
"id": 88,
"isShadow": true
}
],
"id": 86,
"isShadowHost": true
},
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "toolbar-background"
},
"childNodes": [],
"id": 90,
"isShadow": true
},
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "toolbar-container"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {
"name": "start"
},
"childNodes": [],
"id": 92
},
{
"type": 2,
"tagName": "slot",
"attributes": {
"name": "secondary"
},
"childNodes": [],
"id": 93
},
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "toolbar-content"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 95
}
],
"id": 94
},
{
"type": 2,
"tagName": "slot",
"attributes": {
"name": "primary"
},
"childNodes": [],
"id": 96
},
{
"type": 2,
"tagName": "slot",
"attributes": {
"name": "end"
},
"childNodes": [],
"id": 97
}
],
"id": 91,
"isShadow": true
}
],
"id": 85,
"isShadowHost": true
}
],
"id": 81
},
{
"type": 2,
"tagName": "ion-content",
"attributes": {
"fullscreen": "true",
"class": "md content-ltr",
"style": "--offset-top:56px; --offset-bottom:57px;"
},
"childNodes": [
{
"type": 2,
"tagName": "ion-header",
"attributes": {
"collapse": "condense",
"role": "banner",
"class": "md header-md header-collapse-condense"
},
"childNodes": [
{
"type": 5,
"textContent": "",
"id": 100
},
{
"type": 3,
"textContent": "",
"id": 101
},
{
"type": 3,
"textContent": "",
"id": 102
},
{
"type": 2,
"tagName": "ion-toolbar",
"attributes": {
"class": "toolbar-title-large md in-toolbar"
},
"childNodes": [
{
"type": 2,
"tagName": "ion-title",
"attributes": {
"size": "large",
"class": "md title-large"
},
"childNodes": [
{
"type": 3,
"textContent": "Tab 1",
"id": 105
},
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "toolbar-title"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 107
}
],
"id": 106,
"isShadow": true
}
],
"id": 104,
"isShadowHost": true
},
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "toolbar-background"
},
"childNodes": [],
"id": 108,
"isShadow": true
},
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "toolbar-container"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {
"name": "start"
},
"childNodes": [],
"id": 110
},
{
"type": 2,
"tagName": "slot",
"attributes": {
"name": "secondary"
},
"childNodes": [],
"id": 111
},
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "toolbar-content"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 113
}
],
"id": 112
},
{
"type": 2,
"tagName": "slot",
"attributes": {
"name": "primary"
},
"childNodes": [],
"id": 114
},
{
"type": 2,
"tagName": "slot",
"attributes": {
"name": "end"
},
"childNodes": [],
"id": 115
}
],
"id": 109,
"isShadow": true
}
],
"id": 103,
"isShadowHost": true
}
],
"id": 99
},
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "container"
},
"childNodes": [
{
"type": 2,
"tagName": "strong",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "Tab 1 page",
"id": 118
}
],
"id": 117
},
{
"type": 2,
"tagName": "p",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "Explore ",
"id": 120
},
{
"type": 2,
"tagName": "a",
"attributes": {
"target": "_blank",
"rel": "noopener noreferrer",
"href": "https://ionicframework.com/docs/components"
},
"childNodes": [
{
"type": 3,
"textContent": "UI Components",
"id": 122
}
],
"id": 121
}
],
"id": 119
}
],
"id": 116
},
{
"type": 2,
"tagName": "div",
"attributes": {
"id": "background-content",
"part": "background"
},
"childNodes": [],
"id": 123,
"isShadow": true
},
{
"type": 2,
"tagName": "main",
"attributes": {
"class": "inner-scroll scroll-y",
"part": "scroll"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 125
}
],
"id": 124,
"isShadow": true
},
{
"type": 2,
"tagName": "slot",
"attributes": {
"name": "fixed"
},
"childNodes": [],
"id": 126,
"isShadow": true
}
],
"id": 98,
"isShadowHost": true
}
],
"id": 80
},
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 127,
"isShadow": true
}
],
"id": 79,
"isShadowHost": true
}
],
"id": 78
},
{
"type": 2,
"tagName": "ion-tab-bar",
"attributes": {
"slot": "bottom",
"selected-tab": "tab1",
"role": "tablist",
"class": "md"
},
"childNodes": [
{
"type": 2,
"tagName": "ion-tab-button",
"attributes": {
"tab": "tab1",
"href": "http://localhost:8100/tab1",
"id": "tab-button-tab1",
"class": "md tab-selected tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable"
},
"childNodes": [
{
"type": 2,
"tagName": "ion-icon",
"attributes": {
"icon": "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M464 464H48a16 16 0 01-14.07-23.62l208-384a16 16 0 0128.14 0l208 384A16 16 0 01464 464z'/></svg>",
"aria-hidden": "true",
"role": "img",
"class": "md"
},
"childNodes": [
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "icon-inner"
},
"childNodes": [
{
"type": 2,
"tagName": "svg",
"attributes": {
"xmlns": "http://www.w3.org/2000/svg",
"class": "ionicon",
"viewBox": "0 0 512 512"
},
"childNodes": [
{
"type": 2,
"tagName": "path",
"attributes": {
"d": "M464 464H48a16 16 0 01-14.07-23.62l208-384a16 16 0 0128.14 0l208 384A16 16 0 01464 464z"
},
"childNodes": [],
"isSVG": true,
"id": 133
}
],
"isSVG": true,
"id": 132
}
],
"id": 131,
"isShadow": true
}
],
"id": 130,
"isShadowHost": true
},
{
"type": 2,
"tagName": "ion-label",
"attributes": {
"class": "sc-ion-label-md-h sc-ion-label-md-s md"
},
"childNodes": [
{
"type": 3,
"textContent": "Tab 1",
"id": 135
}
],
"id": 134
},
{
"type": 2,
"tagName": "a",
"attributes": {
"href": "http://localhost:8100/tab1",
"class": "button-native",
"part": "native",
"role": "tab",
"aria-selected": "true"
},
"childNodes": [
{
"type": 2,
"tagName": "span",
"attributes": {
"class": "button-inner"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 138
}
],
"id": 137
},
{
"type": 2,
"tagName": "ion-ripple-effect",
"attributes": {
"role": "presentation",
"class": "md unbounded"
},
"childNodes": [],
"id": 139,
"isShadowHost": true
}
],
"id": 136,
"isShadow": true
}
],
"id": 129,
"isShadowHost": true
},
{
"type": 2,
"tagName": "ion-tab-button",
"attributes": {
"tab": "tab2",
"href": "http://localhost:8100/tab2",
"id": "tab-button-tab2",
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable"
},
"childNodes": [
{
"type": 2,
"tagName": "ion-icon",
"attributes": {
"icon": "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/></svg>",
"aria-hidden": "true",
"role": "img",
"class": "md"
},
"childNodes": [
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "icon-inner"
},
"childNodes": [
{
"type": 2,
"tagName": "svg",
"attributes": {
"xmlns": "http://www.w3.org/2000/svg",
"class": "ionicon",
"viewBox": "0 0 512 512"
},
"childNodes": [
{
"type": 2,
"tagName": "path",
"attributes": {
"d": "M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z"
},
"childNodes": [],
"isSVG": true,
"id": 144
}
],
"isSVG": true,
"id": 143
}
],
"id": 142,
"isShadow": true
}
],
"id": 141,
"isShadowHost": true
},
{
"type": 2,
"tagName": "ion-label",
"attributes": {
"class": "sc-ion-label-md-h sc-ion-label-md-s md"
},
"childNodes": [
{
"type": 3,
"textContent": "Tab 2",
"id": 146
}
],
"id": 145
},
{
"type": 2,
"tagName": "a",
"attributes": {
"href": "http://localhost:8100/tab2",
"class": "button-native",
"part": "native",
"role": "tab"
},
"childNodes": [
{
"type": 2,
"tagName": "span",
"attributes": {
"class": "button-inner"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 149
}
],
"id": 148
},
{
"type": 2,
"tagName": "ion-ripple-effect",
"attributes": {
"role": "presentation",
"class": "md unbounded"
},
"childNodes": [],
"id": 150,
"isShadowHost": true
}
],
"id": 147,
"isShadow": true
}
],
"id": 140,
"isShadowHost": true
},
{
"type": 2,
"tagName": "ion-tab-button",
"attributes": {
"tab": "tab3",
"href": "http://localhost:8100/tab3",
"id": "tab-button-tab3",
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable"
},
"childNodes": [
{
"type": 2,
"tagName": "ion-icon",
"attributes": {
"icon": "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M416 464H96a48.05 48.05 0 01-48-48V96a48.05 48.05 0 0148-48h320a48.05 48.05 0 0148 48v320a48.05 48.05 0 01-48 48z'/></svg>",
"aria-hidden": "true",
"role": "img",
"class": "md"
},
"childNodes": [
{
"type": 2,
"tagName": "div",
"attributes": {
"class": "icon-inner"
},
"childNodes": [
{
"type": 2,
"tagName": "svg",
"attributes": {
"xmlns": "http://www.w3.org/2000/svg",
"class": "ionicon",
"viewBox": "0 0 512 512"
},
"childNodes": [
{
"type": 2,
"tagName": "path",
"attributes": {
"d": "M416 464H96a48.05 48.05 0 01-48-48V96a48.05 48.05 0 0148-48h320a48.05 48.05 0 0148 48v320a48.05 48.05 0 01-48 48z"
},
"childNodes": [],
"isSVG": true,
"id": 155
}
],
"isSVG": true,
"id": 154
}
],
"id": 153,
"isShadow": true
}
],
"id": 152,
"isShadowHost": true
},
{
"type": 2,
"tagName": "ion-label",
"attributes": {
"class": "sc-ion-label-md-h sc-ion-label-md-s md"
},
"childNodes": [
{
"type": 3,
"textContent": "Tab 3",
"id": 157
}
],
"id": 156
},
{
"type": 2,
"tagName": "a",
"attributes": {
"href": "http://localhost:8100/tab3",
"class": "button-native",
"part": "native",
"role": "tab"
},
"childNodes": [
{
"type": 2,
"tagName": "span",
"attributes": {
"class": "button-inner"
},
"childNodes": [
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 160
}
],
"id": 159
},
{
"type": 2,
"tagName": "ion-ripple-effect",
"attributes": {
"role": "presentation",
"class": "md unbounded"
},
"childNodes": [],
"id": 161,
"isShadowHost": true
}
],
"id": 158,
"isShadow": true
}
],
"id": 151,
"isShadowHost": true
},
{
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 162,
"isShadow": true
}
],
"id": 128,
"isShadowHost": true
}
],
"id": 77
}
],
"id": 76
}
],
"id": 75
}
],
"id": 74
},
{ "type": 3, "textContent": "\n \n\n\n", "id": 163 },
{
"type": 2,
"tagName": "script",
"attributes": {
"type": "text/javascript",
"src": "http://localhost:8000/static/recorder-v2.js?v=1.53.2"
},
"childNodes": [],
"id": 164
}
],
"id": 72
}
],
"id": 3
}
],
"id": 1
},
"initialOffset": { "left": 0, "top": 0 }
},
"timestamp": 1681739584092,
"delay": -282
},
{
"type": 3,
"data": {
"source": 15,
"id": 79,
"styleIds": [1],
"styles": [
{
"styleId": 1,
"rules": [
{
"rule": ":host { inset: 0px; position: absolute; contain: size layout style; overflow: hidden; z-index: 0; }",
"index": 0
}
]
}
]
},
"timestamp": 1681739584097,
"delay": -277
},
{
"type": 3,
"data": {
"source": 15,
"id": 85,
"styleIds": [2],
"styles": [
{
"styleId": 2,
"rules": [
{
"rule": ":host { --border-width:0; --border-style:solid; --opacity:1; --opacity-scale:1; -webkit-font-smoothing: antialiased; padding-inline-start: var(--ion-safe-area-left); padding-inline-end: var(--ion-safe-area-right); display: block; position: relative; width: 100%; color: var(--color); font-family: var(--ion-font-family, inherit); contain: content; z-index: 10; box-sizing: border-box; }",
"index": 0
},
{
"rule": ":host(.ion-color) { color: var(--ion-color-contrast); }",
"index": 1
},
{
"rule": ":host(.ion-color) .toolbar-background { background: var(--ion-color-base); }",
"index": 2
},
{
"rule": ".toolbar-container { padding-inline-start: var(--padding-start); padding-inline-end: var(--padding-end); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); display: flex; position: relative; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; min-height: var(--min-height); contain: content; overflow: hidden; z-index: 10; box-sizing: border-box; }",
"index": 3
},
{
"rule": ".toolbar-background { inset: 0px; position: absolute; transform: translateZ(0px); border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); background: var(--background); contain: strict; opacity: calc(var(--opacity) * var(--opacity-scale)); z-index: -1; pointer-events: none; }",
"index": 4
},
{
"rule": "::slotted(ion-progress-bar) { left: 0px; right: 0px; bottom: 0px; position: absolute; }",
"index": 5
},
{
"rule": ":host { --background:var(--ion-toolbar-background, var(--ion-background-color, #fff)); --color:var(--ion-toolbar-color, var(--ion-text-color, #424242)); --border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd))); --padding-top:0; --padding-bottom:0; --padding-start:0; --padding-end:0; --min-height:56px; }",
"index": 6
},
{
"rule": ".toolbar-content { flex: 1 1 0%; order: 3; min-width: 0px; max-width: 100%; }",
"index": 7
},
{
"rule": "::slotted(.buttons-first-slot) { margin-inline-start: 4px; }",
"index": 8
},
{
"rule": "::slotted(.buttons-last-slot) { margin-inline-end: 4px; }",
"index": 9
},
{
"rule": "::slotted([slot=\"start\"]) { order: 2; }",
"index": 10
},
{
"rule": "::slotted([slot=\"secondary\"]) { order: 4; }",
"index": 11
},
{
"rule": "::slotted([slot=\"primary\"]) { order: 5; text-align: end; }",
"index": 12
},
{
"rule": "::slotted([slot=\"end\"]) { order: 6; text-align: end; }",
"index": 13
}
]
}
]
},
"timestamp": 1681739584098,
"delay": -276
},
{
"type": 3,
"data": {
"source": 15,
"id": 86,
"styleIds": [3],
"styles": [
{
"styleId": 3,
"rules": [
{
"rule": ":host { --color: initial; display: flex; flex: 1 1 0%; align-items: center; transform: translateZ(0px); color: var(--color); }",
"index": 0
},
{
"rule": ":host(.ion-color) { color: var(--ion-color-base); }",
"index": 1
},
{
"rule": ".toolbar-title { display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; pointer-events: auto; }",
"index": 2
},
{
"rule": ":host(.title-small) .toolbar-title { white-space: normal; }",
"index": 3
},
{
"rule": ":host { padding-inline: 20px; padding-top: 0px; padding-bottom: 0px; font-size: 20px; font-weight: 500; letter-spacing: 0.0125em; }",
"index": 4
},
{
"rule": ":host(.title-small) { width: 100%; height: 100%; font-size: 15px; font-weight: normal; }",
"index": 5
}
]
}
]
},
"timestamp": 1681739584099,
"delay": -275
},
{
"type": 3,
"data": {
"source": 15,
"id": 98,
"styleIds": [4],
"styles": [
{
"styleId": 4,
"rules": [
{
"rule": ":host { --background:var(--ion-background-color, #fff); --color:var(--ion-text-color, #000); --padding-top:0px; --padding-bottom:0px; --padding-start:0px; --padding-end:0px; --keyboard-offset:0px; --offset-top:0px; --offset-bottom:0px; --overflow:auto; display: block; position: relative; flex: 1 1 0%; width: 100%; height: 100%; font-family: var(--ion-font-family, inherit); contain: size style; margin: 0px !important; padding: 0px !important; }",
"index": 0
},
{
"rule": ":host(.ion-color) .inner-scroll { background: var(--ion-color-base); color: var(--ion-color-contrast); }",
"index": 1
},
{
"rule": ":host(.outer-content) { --background:var(--ion-color-step-50, #f2f2f2); }",
"index": 2
},
{
"rule": "#background-content { left: 0px; right: 0px; top: calc(var(--offset-top) * -1); bottom: calc(var(--offset-bottom) * -1); position: absolute; background: var(--background); }",
"index": 3
},
{
"rule": ".inner-scroll { left: 0px; right: 0px; top: calc(var(--offset-top) * -1); bottom: calc(var(--offset-bottom) * -1); padding-inline-start: var(--padding-start); padding-inline-end: var(--padding-end); padding-top: calc(var(--padding-top) + var(--offset-top)); padding-bottom: calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom)); position: absolute; color: var(--color); box-sizing: border-box; overflow: hidden; touch-action: pan-x pan-y pinch-zoom; }",
"index": 4
},
{
"rule": ".scroll-y, .scroll-x { z-index: 0; will-change: scroll-position; }",
"index": 5
},
{
"rule": ".scroll-y { overflow-y: var(--overflow); overscroll-behavior-y: contain; }",
"index": 6
},
{
"rule": ".scroll-x { overflow-x: var(--overflow); overscroll-behavior-x: contain; }",
"index": 7
},
{
"rule": ".overscroll::before, .overscroll::after { position: absolute; width: 1px; height: 1px; content: \"\"; }",
"index": 8
},
{
"rule": ".overscroll::before { bottom: -1px; }",
"index": 9
},
{ "rule": ".overscroll::after { top: -1px; }", "index": 10 },
{
"rule": ":host(.content-sizing) { display: flex; flex-direction: column; min-height: 0px; contain: none; }",
"index": 11
},
{
"rule": ":host(.content-sizing) .inner-scroll { position: relative; top: 0px; bottom: 0px; margin-top: calc(var(--offset-top) * -1); margin-bottom: calc(var(--offset-bottom) * -1); }",
"index": 12
},
{
"rule": ".transition-effect { display: none; position: absolute; width: 100%; height: 100vh; opacity: 0; pointer-events: none; }",
"index": 13
},
{
"rule": ":host(.content-ltr) .transition-effect { left: -100%; }",
"index": 14
},
{
"rule": ":host(.content-rtl) .transition-effect { right: -100%; }",
"index": 15
},
{
"rule": ".transition-cover { position: absolute; right: 0px; width: 100%; height: 100%; background: black; opacity: 0.1; }",
"index": 16
},
{
"rule": ".transition-shadow { display: block; position: absolute; width: 100%; height: 100%; box-shadow: rgba(0, 0, 100, 0.03) -9px 0px 9px 0px inset; }",
"index": 17
},
{
"rule": ":host(.content-ltr) .transition-shadow { right: 0px; }",
"index": 18
},
{
"rule": ":host(.content-rtl) .transition-shadow { left: 0px; transform: scaleX(-1); }",
"index": 19
},
{
"rule": "::slotted([slot=\"fixed\"]) { position: absolute; transform: translateZ(0px); }",
"index": 20
}
]
}
]
},
"timestamp": 1681739584099,
"delay": -275
},
{
"type": 3,
"data": { "source": 15, "id": 103, "styleIds": [2] },
"timestamp": 1681739584100,
"delay": -274
},
{
"type": 3,
"data": { "source": 15, "id": 104, "styleIds": [3] },
"timestamp": 1681739584100,
"delay": -274
},
{
"type": 3,
"data": {
"source": 15,
"id": 128,
"styleIds": [5],
"styles": [
{
"styleId": 5,
"rules": [
{
"rule": ":host { padding-inline-start: var(--ion-safe-area-left); padding-inline-end: var(--ion-safe-area-right); display: flex; align-items: center; justify-content: center; width: auto; padding-bottom: var(--ion-safe-area-bottom, 0); border-top: var(--border); background: var(--background); color: var(--color); text-align: center; contain: strict; user-select: none; z-index: 10; box-sizing: content-box !important; }",
"index": 0
},
{
"rule": ":host(.ion-color) ::slotted(ion-tab-button) { --background-focused:var(--ion-color-shade); --color-selected:var(--ion-color-contrast); }",
"index": 1
},
{
"rule": ":host(.ion-color) ::slotted(.tab-selected) { color: var(--ion-color-contrast); }",
"index": 2
},
{
"rule": ":host(.ion-color), :host(.ion-color) ::slotted(ion-tab-button) { color: rgba(var(--ion-color-contrast-rgb), 0.7); }",
"index": 3
},
{
"rule": ":host(.ion-color), :host(.ion-color) ::slotted(ion-tab-button) { background: var(--ion-color-base); }",
"index": 4
},
{
"rule": ":host(.ion-color) ::slotted(ion-tab-button.ion-focused), :host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused) { background: var(--background-focused); }",
"index": 5
},
{
"rule": ":host(.tab-bar-translucent) ::slotted(ion-tab-button) { background: transparent; }",
"index": 6
},
{
"rule": ":host([slot=\"top\"]) { padding-top: var(--ion-safe-area-top, 0); padding-bottom: 0px; border-top: 0px; border-bottom: var(--border); }",
"index": 7
},
{
"rule": ":host(.tab-bar-hidden) { display: none !important; }",
"index": 8
},
{
"rule": ":host { --background:var(--ion-tab-bar-background, var(--ion-background-color, #fff)); --background-focused:var(--ion-tab-bar-background-focused, #e0e0e0); --border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07)))); --color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666)); --color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff)); height: 56px; }",
"index": 9
}
]
}
]
},
"timestamp": 1681739584100,
"delay": -274
},
{
"type": 3,
"data": {
"source": 15,
"id": 129,
"styleIds": [6],
"styles": [
{
"styleId": 6,
"rules": [
{
"rule": ":host { --ripple-color:var(--color-selected); --background-focused-opacity:1; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; height: 100%; outline: none; background: var(--background); color: var(--color); }",
"index": 0
},
{
"rule": ".button-native { border-radius: inherit; margin: 0px; padding-inline-start: var(--padding-start); padding-inline-end: var(--padding-end); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-indent: inherit; text-overflow: inherit; text-transform: inherit; text-align: inherit; white-space: inherit; color: inherit; display: flex; position: relative; flex-direction: inherit; align-items: inherit; justify-content: inherit; width: 100%; height: 100%; border: 0px; outline: none; background: transparent; text-decoration: none; cursor: pointer; overflow: hidden; box-sizing: border-box; -webkit-user-drag: none; }",
"index": 1
},
{
"rule": ".button-native::after { inset: 0px; position: absolute; content: \"\"; opacity: 0; }",
"index": 2
},
{
"rule": ".button-inner { display: flex; position: relative; flex-flow: inherit; align-items: inherit; justify-content: inherit; width: 100%; height: 100%; z-index: 1; }",
"index": 3
},
{
"rule": ":host(.ion-focused) .button-native { color: var(--color-focused); }",
"index": 4
},
{
"rule": ":host(.ion-focused) .button-native::after { background: var(--background-focused); opacity: var(--background-focused-opacity); }",
"index": 5
},
{
"rule": "@media (any-hover: hover) {\n a:hover { color: var(--color-selected); }\n}",
"index": 6
},
{
"rule": ":host(.tab-selected) { color: var(--color-selected); }",
"index": 7
},
{
"rule": ":host(.tab-hidden) { display: none !important; }",
"index": 8
},
{
"rule": ":host(.tab-disabled) { pointer-events: none; opacity: 0.4; }",
"index": 9
},
{
"rule": "::slotted(ion-label), ::slotted(ion-icon) { display: block; align-self: center; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; }",
"index": 10
},
{ "rule": "::slotted(ion-label) { order: 0; }", "index": 11 },
{
"rule": "::slotted(ion-icon) { order: -1; height: 1em; }",
"index": 12
},
{
"rule": ":host(.tab-has-label-only) ::slotted(ion-label) { white-space: normal; }",
"index": 13
},
{
"rule": "::slotted(ion-badge) { box-sizing: border-box; position: absolute; z-index: 1; }",
"index": 14
},
{
"rule": ":host(.tab-layout-icon-start) { flex-direction: row; }",
"index": 15
},
{
"rule": ":host(.tab-layout-icon-end) { flex-direction: row-reverse; }",
"index": 16
},
{
"rule": ":host(.tab-layout-icon-bottom) { flex-direction: column-reverse; }",
"index": 17
},
{
"rule": ":host(.tab-layout-icon-hide) ::slotted(ion-icon) { display: none; }",
"index": 18
},
{
"rule": ":host(.tab-layout-label-hide) ::slotted(ion-label) { display: none; }",
"index": 19
},
{
"rule": "ion-ripple-effect { color: var(--ripple-color); }",
"index": 20
},
{
"rule": ":host { --padding-top:0; --padding-end:12px; --padding-bottom:0; --padding-start:12px; max-width: 168px; font-size: 12px; font-weight: normal; letter-spacing: 0.03em; }",
"index": 21
},
{
"rule": "::slotted(ion-label) { margin: 2px 0px; text-transform: none; }",
"index": 22
},
{
"rule": "::slotted(ion-icon) { margin: 16px 0px; transform-origin: center center; font-size: 22px; }",
"index": 23
},
{
"rule": "[dir=\"rtl\"] ::slotted(ion-icon), :host-context([dir=\"rtl\"]) ::slotted(ion-icon) { }",
"index": 24
},
{
"rule": "::slotted(ion-badge) { border-radius: 8px; padding-inline: 2px; padding-top: 3px; padding-bottom: 2px; top: 8px; min-width: 12px; font-size: 8px; font-weight: normal; }",
"index": 25
},
{
"rule": "@supports (inset-inline-start: 0) {\n ::slotted(ion-badge) { inset-inline-start: calc(50% + 6px); }\n}",
"index": 26
},
{
"rule": "@supports not (inset-inline-start: 0) {\n ::slotted(ion-badge) { left: calc(50% + 6px); }\n [dir=\"rtl\"] ::slotted(ion-badge), :host-context([dir=\"rtl\"]) ::slotted(ion-badge) { left: unset; right: calc(50% + 6px); }\n}",
"index": 27
},
{
"rule": "::slotted(ion-badge:empty) { display: block; min-width: 8px; height: 8px; }",
"index": 28
},
{
"rule": ":host(.tab-layout-icon-top) ::slotted(ion-icon) { margin-top: 6px; margin-bottom: 2px; }",
"index": 29
},
{
"rule": ":host(.tab-layout-icon-top) ::slotted(ion-label) { margin-top: 0px; margin-bottom: 6px; }",
"index": 30
},
{
"rule": ":host(.tab-layout-icon-bottom) ::slotted(ion-badge) { top: 8px; }",
"index": 31
},
{
"rule": "@supports (inset-inline-start: 0) {\n :host(.tab-layout-icon-bottom) ::slotted(ion-badge) { inset-inline-start: 70%; }\n}",
"index": 32
},
{
"rule": "@supports not (inset-inline-start: 0) {\n :host(.tab-layout-icon-bottom) ::slotted(ion-badge) { left: 70%; }\n :host-context([dir=\"rtl\"]):host(.tab-layout-icon-bottom) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-layout-icon-bottom ::slotted(ion-badge) { left: unset; right: 70%; }\n}",
"index": 33
},
{
"rule": ":host(.tab-layout-icon-bottom) ::slotted(ion-icon) { margin-top: 0px; margin-bottom: 6px; }",
"index": 34
},
{
"rule": ":host(.tab-layout-icon-bottom) ::slotted(ion-label) { margin-top: 6px; margin-bottom: 0px; }",
"index": 35
},
{
"rule": ":host(.tab-layout-icon-start) ::slotted(ion-badge), :host(.tab-layout-icon-end) ::slotted(ion-badge) { top: 16px; }",
"index": 36
},
{
"rule": "@supports (inset-inline-start: 0) {\n :host(.tab-layout-icon-start) ::slotted(ion-badge), :host(.tab-layout-icon-end) ::slotted(ion-badge) { inset-inline-start: 80%; }\n}",
"index": 37
},
{
"rule": "@supports not (inset-inline-start: 0) {\n :host(.tab-layout-icon-start) ::slotted(ion-badge), :host(.tab-layout-icon-end) ::slotted(ion-badge) { left: 80%; }\n :host-context([dir=\"rtl\"]):host(.tab-layout-icon-start) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-layout-icon-start ::slotted(ion-badge), :host-context([dir=\"rtl\"]):host(.tab-layout-icon-end) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-layout-icon-end ::slotted(ion-badge) { left: unset; right: 80%; }\n}",
"index": 38
},
{
"rule": ":host(.tab-layout-icon-start) ::slotted(ion-icon) { margin-inline-end: 6px; }",
"index": 39
},
{
"rule": ":host(.tab-layout-icon-end) ::slotted(ion-icon) { margin-inline-start: 6px; }",
"index": 40
},
{
"rule": ":host(.tab-layout-icon-hide) ::slotted(ion-badge), :host(.tab-has-label-only) ::slotted(ion-badge) { top: 16px; }",
"index": 41
},
{
"rule": "@supports (inset-inline-start: 0) {\n :host(.tab-layout-icon-hide) ::slotted(ion-badge), :host(.tab-has-label-only) ::slotted(ion-badge) { inset-inline-start: 70%; }\n}",
"index": 42
},
{
"rule": "@supports not (inset-inline-start: 0) {\n :host(.tab-layout-icon-hide) ::slotted(ion-badge), :host(.tab-has-label-only) ::slotted(ion-badge) { left: 70%; }\n :host-context([dir=\"rtl\"]):host(.tab-layout-icon-hide) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-layout-icon-hide ::slotted(ion-badge), :host-context([dir=\"rtl\"]):host(.tab-has-label-only) ::slotted(ion-badge), :host-context([dir=\"rtl\"]).tab-has-label-only ::slotted(ion-badge) { left: unset; right: 70%; }\n}",
"index": 43
},
{
"rule": ":host(.tab-layout-icon-hide) ::slotted(ion-label), :host(.tab-has-label-only) ::slotted(ion-label) { margin-top: 0px; margin-bottom: 0px; }",
"index": 44
},
{
"rule": ":host(.tab-layout-label-hide) ::slotted(ion-badge), :host(.tab-has-icon-only) ::slotted(ion-badge) { top: 16px; }",
"index": 45
},
{
"rule": ":host(.tab-layout-label-hide) ::slotted(ion-icon), :host(.tab-has-icon-only) ::slotted(ion-icon) { margin-top: 0px; margin-bottom: 0px; font-size: 24px; }",
"index": 46
}
]
}
]
},
"timestamp": 1681739584100,
"delay": -274
},
{
"type": 3,
"data": {
"source": 15,
"id": 130,
"styleIds": [7],
"styles": [
{
"styleId": 7,
"rules": [
{
"rule": ":host { display: inline-block; width: 1em; height: 1em; contain: strict; fill: currentcolor; box-sizing: content-box !important; }",
"index": 0
},
{
"rule": ":host .ionicon { stroke: currentcolor; }",
"index": 1
},
{ "rule": ".ionicon-fill-none { fill: none; }", "index": 2 },
{
"rule": ".ionicon-stroke-width { stroke-width: var(--ionicon-stroke-width, 32px); }",
"index": 3
},
{
"rule": ".icon-inner, .ionicon, svg { display: block; height: 100%; width: 100%; }",
"index": 4
},
{
"rule": ":host(.flip-rtl) .icon-inner { transform: scaleX(-1); }",
"index": 5
},
{
"rule": ":host(.icon-small) { font-size: 18px !important; }",
"index": 6
},
{
"rule": ":host(.icon-large) { font-size: 32px !important; }",
"index": 7
},
{
"rule": ":host(.ion-color) { color: var(--ion-color-base) !important; }",
"index": 8
},
{
"rule": ":host(.ion-color-primary) { --ion-color-base:var(--ion-color-primary, #3880ff); }",
"index": 9
},
{
"rule": ":host(.ion-color-secondary) { --ion-color-base:var(--ion-color-secondary, #0cd1e8); }",
"index": 10
},
{
"rule": ":host(.ion-color-tertiary) { --ion-color-base:var(--ion-color-tertiary, #f4a942); }",
"index": 11
},
{
"rule": ":host(.ion-color-success) { --ion-color-base:var(--ion-color-success, #10dc60); }",
"index": 12
},
{
"rule": ":host(.ion-color-warning) { --ion-color-base:var(--ion-color-warning, #ffce00); }",
"index": 13
},
{
"rule": ":host(.ion-color-danger) { --ion-color-base:var(--ion-color-danger, #f14141); }",
"index": 14
},
{
"rule": ":host(.ion-color-light) { --ion-color-base:var(--ion-color-light, #f4f5f8); }",
"index": 15
},
{
"rule": ":host(.ion-color-medium) { --ion-color-base:var(--ion-color-medium, #989aa2); }",
"index": 16
},
{
"rule": ":host(.ion-color-dark) { --ion-color-base:var(--ion-color-dark, #222428); }",
"index": 17
}
]
}
]
},
"timestamp": 1681739584101,
"delay": -273
},
{
"type": 3,
"data": {
"source": 15,
"id": 139,
"styleIds": [8],
"styles": [
{
"styleId": 8,
"rules": [
{
"rule": ":host { inset: 0px; position: absolute; contain: strict; pointer-events: none; }",
"index": 0
},
{
"rule": ":host(.unbounded) { contain: size layout style; }",
"index": 1
},
{
"rule": ".ripple-effect { border-radius: 50%; position: absolute; background-color: currentcolor; color: inherit; contain: strict; opacity: 0; animation: 225ms ease 0s 1 normal forwards running rippleAnimation, 75ms ease 0s 1 normal forwards running fadeInAnimation; will-change: transform, opacity; pointer-events: none; }",
"index": 2
},
{
"rule": ".fade-out { transform: translate(var(--translate-end)) scale(var(--final-scale, 1)); animation: 150ms ease 0s 1 normal forwards running fadeOutAnimation; }",
"index": 3
},
{
"rule": "@-webkit-keyframes rippleAnimation { \n 0% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: scale(1); }\n 100% { transform: translate(var(--translate-end)) scale(var(--final-scale, 1)); }\n}",
"index": 4
},
{
"rule": "@keyframes rippleAnimation { \n 0% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: scale(1); }\n 100% { transform: translate(var(--translate-end)) scale(var(--final-scale, 1)); }\n}",
"index": 5
},
{
"rule": "@-webkit-keyframes fadeInAnimation { \n 0% { animation-timing-function: linear; opacity: 0; }\n 100% { opacity: 0.16; }\n}",
"index": 6
},
{
"rule": "@keyframes fadeInAnimation { \n 0% { animation-timing-function: linear; opacity: 0; }\n 100% { opacity: 0.16; }\n}",
"index": 7
},
{
"rule": "@-webkit-keyframes fadeOutAnimation { \n 0% { animation-timing-function: linear; opacity: 0.16; }\n 100% { opacity: 0; }\n}",
"index": 8
},
{
"rule": "@keyframes fadeOutAnimation { \n 0% { animation-timing-function: linear; opacity: 0.16; }\n 100% { opacity: 0; }\n}",
"index": 9
}
]
}
]
},
"timestamp": 1681739584101,
"delay": -273
},
{
"type": 3,
"data": { "source": 15, "id": 140, "styleIds": [6] },
"timestamp": 1681739584101,
"delay": -273
},
{
"type": 3,
"data": { "source": 15, "id": 141, "styleIds": [7] },
"timestamp": 1681739584101,
"delay": -273
},
{
"type": 3,
"data": { "source": 15, "id": 150, "styleIds": [8] },
"timestamp": 1681739584101,
"delay": -273
},
{
"type": 3,
"data": { "source": 15, "id": 151, "styleIds": [6] },
"timestamp": 1681739584101,
"delay": -273
},
{
"type": 3,
"data": { "source": 15, "id": 152, "styleIds": [7] },
"timestamp": 1681739584101,
"delay": -273
},
{
"type": 3,
"data": { "source": 15, "id": 161, "styleIds": [8] },
"timestamp": 1681739584101,
"delay": -273
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [{ "parentId": 4, "id": 70 }],
"adds": []
},
"timestamp": 1681739584103,
"delay": -271
},
{
"type": 3,
"data": {
"source": 1,
"positions": [{ "x": 721, "y": 125, "id": 124, "timeOffset": 0 }]
},
"timestamp": 1681739584374,
"delay": 0
},
{
"type": 3,
"data": {
"source": 1,
"positions": [{ "x": 701, "y": 348, "id": 124, "timeOffset": -451 }]
},
"timestamp": 1681739584880,
"delay": 55
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [],
"adds": [
{
"parentId": 72,
"nextId": null,
"node": {
"type": 2,
"tagName": "script",
"attributes": {
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/js.js"
},
"childNodes": [],
"id": 165
}
}
]
},
"timestamp": 1681739585265,
"delay": 891
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [{ "parentId": 72, "id": 165 }],
"adds": [
{
"parentId": 72,
"nextId": null,
"node": {
"type": 2,
"tagName": "script",
"attributes": {
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/dom.js"
},
"childNodes": [],
"id": 166
}
}
]
},
"timestamp": 1681739585291,
"delay": 917
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [{ "parentId": 72, "id": 166 }],
"adds": []
},
"timestamp": 1681739585296,
"delay": 922
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [],
"adds": [
{
"parentId": 72,
"nextId": null,
"node": {
"type": 2,
"tagName": "script",
"attributes": {
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/js.js"
},
"childNodes": [],
"id": 167
}
},
{
"parentId": 72,
"nextId": 167,
"node": {
"type": 2,
"tagName": "script",
"attributes": {
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/js.js"
},
"childNodes": [],
"id": 168
}
}
]
},
"timestamp": 1681739585306,
"delay": 932
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [{ "parentId": 72, "id": 167 }],
"adds": [
{
"parentId": 72,
"nextId": null,
"node": {
"type": 2,
"tagName": "script",
"attributes": {
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/dom.js"
},
"childNodes": [],
"id": 169
}
}
]
},
"timestamp": 1681739585312,
"delay": 938
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [{ "parentId": 72, "id": 168 }],
"adds": [
{
"parentId": 72,
"nextId": null,
"node": {
"type": 2,
"tagName": "script",
"attributes": {
"src": "chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/dom.js"
},
"childNodes": [],
"id": 170
}
}
]
},
"timestamp": 1681739585312,
"delay": 938
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [{ "parentId": 72, "id": 169 }],
"adds": []
},
"timestamp": 1681739585314,
"delay": 940
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [{ "parentId": 72, "id": 170 }],
"adds": []
},
"timestamp": 1681739585315,
"delay": 941
},
{
"type": 3,
"data": {
"source": 1,
"positions": [
{ "x": 732, "y": 360, "id": 124, "timeOffset": -486 },
{ "x": 1373, "y": 714, "id": 124, "timeOffset": -430 },
{ "x": 1410, "y": 741, "id": 124, "timeOffset": -225 },
{ "x": 1367, "y": 757, "id": 124, "timeOffset": -171 },
{ "x": 1313, "y": 779, "id": 148, "timeOffset": -119 }
]
},
"timestamp": 1681739585385,
"delay": 525
},
{
"type": 3,
"data": { "source": 2, "type": 1, "id": 144, "x": 1277, "y": 798 },
"timestamp": 1681739585461,
"delay": 1087
},
{
"type": 3,
"data": { "source": 2, "type": 0, "id": 144, "x": 1277, "y": 798 },
"timestamp": 1681739585462,
"delay": 1088
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [
{
"id": 140,
"attributes": {
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable ion-activated"
}
}
],
"removes": [],
"adds": []
},
"timestamp": 1681739585463,
"delay": 1089
},
{
"type": 3,
"data": { "source": 2, "type": 2, "id": 144, "x": 1277, "y": 798 },
"timestamp": 1681739585466,
"delay": 1092
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [
{ "id": 128, "attributes": { "selected-tab": "tab2" } },
{
"id": 171,
"attributes": { "class": "ion-page ion-page-invisible" }
}
],
"removes": [],
"adds": [
{
"parentId": 79,
"nextId": null,
"node": {
"type": 2,
"tagName": "div",
"attributes": { "class": "ion-page ion-page-invisible" },
"childNodes": [],
"id": 171
}
},
{
"parentId": 171,
"nextId": null,
"node": {
"type": 2,
"tagName": "ion-content",
"attributes": { "fullscreen": "true" },
"childNodes": [],
"id": 172,
"isShadowHost": true
}
},
{
"parentId": 172,
"nextId": null,
"node": {
"type": 2,
"tagName": "div",
"attributes": { "class": "container" },
"childNodes": [],
"id": 173
}
},
{
"parentId": 173,
"nextId": null,
"node": {
"type": 2,
"tagName": "p",
"attributes": {},
"childNodes": [],
"id": 174
}
},
{
"parentId": 174,
"nextId": null,
"node": {
"type": 2,
"tagName": "a",
"attributes": {
"target": "_blank",
"rel": "noopener noreferrer",
"href": "https://ionicframework.com/docs/components"
},
"childNodes": [],
"id": 175
}
},
{
"parentId": 175,
"nextId": null,
"node": { "type": 3, "textContent": "UI Components", "id": 176 }
},
{
"parentId": 171,
"nextId": 172,
"node": {
"type": 2,
"tagName": "ion-header",
"attributes": {},
"childNodes": [],
"id": 177
}
},
{
"parentId": 177,
"nextId": null,
"node": {
"type": 2,
"tagName": "ion-toolbar",
"attributes": {},
"childNodes": [],
"id": 178,
"isShadowHost": true
}
},
{
"parentId": 177,
"nextId": 178,
"node": { "type": 5, "textContent": "", "id": 179 }
},
{
"parentId": 178,
"nextId": null,
"node": {
"type": 2,
"tagName": "ion-title",
"attributes": {},
"childNodes": [],
"id": 180,
"isShadowHost": true
}
},
{
"parentId": 180,
"nextId": null,
"node": { "type": 3, "textContent": "Tab 2", "id": 181 }
},
{
"parentId": 172,
"nextId": 173,
"node": {
"type": 2,
"tagName": "ion-header",
"attributes": { "collapse": "condense" },
"childNodes": [],
"id": 182
}
},
{
"parentId": 182,
"nextId": null,
"node": {
"type": 2,
"tagName": "ion-toolbar",
"attributes": {},
"childNodes": [],
"id": 183,
"isShadowHost": true
}
},
{
"parentId": 182,
"nextId": 183,
"node": { "type": 5, "textContent": "", "id": 184 }
},
{
"parentId": 183,
"nextId": null,
"node": {
"type": 2,
"tagName": "ion-title",
"attributes": { "size": "large" },
"childNodes": [],
"id": 185,
"isShadowHost": true
}
},
{
"parentId": 185,
"nextId": null,
"node": { "type": 3, "textContent": "Tab 2", "id": 186 }
},
{
"parentId": 173,
"nextId": 174,
"node": {
"type": 2,
"tagName": "strong",
"attributes": {},
"childNodes": [],
"id": 187
}
},
{
"parentId": 187,
"nextId": null,
"node": { "type": 3, "textContent": "Tab 2 page", "id": 188 }
},
{
"parentId": 174,
"nextId": 175,
"node": { "type": 3, "textContent": "Explore ", "id": 189 }
}
]
},
"timestamp": 1681739585475,
"delay": 1101
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [{ "id": 136, "attributes": { "aria-selected": null } }],
"removes": [],
"adds": []
},
"timestamp": 1681739585477,
"delay": 1103
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [{ "id": 147, "attributes": { "aria-selected": "true" } }],
"removes": [],
"adds": []
},
"timestamp": 1681739585478,
"delay": 1104
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [],
"removes": [],
"adds": [
{
"parentId": 150,
"nextId": null,
"node": {
"type": 2,
"tagName": "div",
"attributes": {
"class": "ripple-effect",
"style": "top: -14px; left: 42px; height: 84px; width: 84px; --final-scale:2; --translate-end:0px, 0px;"
},
"childNodes": [],
"id": 190,
"isShadow": true
}
}
]
},
"timestamp": 1681739585478,
"delay": 1104
},
{
"type": 3,
"data": {
"source": 0,
"texts": [],
"attributes": [
{
"id": 129,
"attributes": {
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable"
}
},
{
"id": 140,
"attributes": {
"class": "md tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable ion-focusable ion-activated tab-selected"
}
},
{
"id": 177,
"attributes": {
"role": "banner",
"class": "md header-md header-collapse-none"
}
},
{
"id": 178,
"attributes": { "class": "toolbar-title-default md in-toolbar" }
},
{ "id": 180, "attributes": { "class": "md title-default" } },
{
"id": 172,
"attributes": {
"class": "md content-ltr",
"style": { "--offset-top": "-1px", "--offset-bottom": "-1px" }
}
},
{
"id": 182,
"attributes": {
"role": "banner",
"class": "md header-md header-collapse-condense"
}
},
{
"id": 183,
"attributes": { "class": "toolbar-title-large md in-toolbar" }
},
{ "id": 185, "attributes": { "class": "md title-large" } },
{
"id": 171,
"attributes": {
"style": { "z-index": "101", "pointer-events": "none" }
}
},
{
"id": 80,
"attributes": {
"style": { "z-index": "100", "pointer-events": "none" }
}
}
],
"removes": [
{ "parentId": 177, "id": 178 },
{ "parentId": 182, "id": 183 }
],
"adds": [
{
"parentId": 177,
"nextId": null,
"node": {
"type": 2,
"tagName": "ion-toolbar",
"attributes": {
"class": "toolbar-title-default md in-toolbar"
},
"childNodes": [],
"id": 178,
"isShadowHost": true
}
},
{
"parentId": 178,
"nextId": null,
"node": {
"type": 2,
"tagName": "ion-title",
"attributes": { "class": "md title-default" },
"childNodes": [],
"id": 180,
"isShadowHost": true
}
},
{
"parentId": 180,
"nextId": null,
"node": { "type": 3, "textContent": "Tab 2", "id": 181 }
},
{
"parentId": 182,
"nextId": null,
"node": {
"type": 2,
"tagName": "ion-toolbar",
"attributes": {
"class": "toolbar-title-large md in-toolbar"
},
"childNodes": [],
"id": 183,
"isShadowHost": true
}
},
{
"parentId": 183,
"nextId": null,
"node": {
"type": 2,
"tagName": "ion-title",
"attributes": { "size": "large", "class": "md title-large" },
"childNodes": [],
"id": 185,
"isShadowHost": true
}
},
{
"parentId": 185,
"nextId": null,
"node": { "type": 3, "textContent": "Tab 2", "id": 186 }
},
{
"parentId": 177,
"nextId": 178,
"node": { "type": 3, "textContent": "", "id": 191 }
},
{
"parentId": 177,
"nextId": 191,
"node": { "type": 3, "textContent": "", "id": 192 }
},
{
"parentId": 180,
"nextId": null,
"node": {
"type": 2,
"tagName": "div",
"attributes": { "class": "toolbar-title" },
"childNodes": [],
"id": 193,
"isShadow": true
}
},
{
"parentId": 193,
"nextId": null,
"node": {
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 194
}
},
{
"parentId": 178,
"nextId": null,
"node": {
"type": 2,
"tagName": "div",
"attributes": { "class": "toolbar-container" },
"childNodes": [],
"id": 195,
"isShadow": true
}
},
{
"parentId": 195,
"nextId": null,
"node": {
"type": 2,
"tagName": "slot",
"attributes": { "name": "end" },
"childNodes": [],
"id": 196
}
},
{
"parentId": 182,
"nextId": 183,
"node": { "type": 3, "textContent": "", "id": 197 }
},
{
"parentId": 182,
"nextId": 197,
"node": { "type": 3, "textContent": "", "id": 198 }
},
{
"parentId": 185,
"nextId": null,
"node": {
"type": 2,
"tagName": "div",
"attributes": { "class": "toolbar-title" },
"childNodes": [],
"id": 199,
"isShadow": true
}
},
{
"parentId": 199,
"nextId": null,
"node": {
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 200
}
},
{
"parentId": 183,
"nextId": null,
"node": {
"type": 2,
"tagName": "div",
"attributes": { "class": "toolbar-container" },
"childNodes": [],
"id": 201,
"isShadow": true
}
},
{
"parentId": 201,
"nextId": null,
"node": {
"type": 2,
"tagName": "slot",
"attributes": { "name": "end" },
"childNodes": [],
"id": 202
}
},
{
"parentId": 178,
"nextId": 195,
"node": {
"type": 2,
"tagName": "div",
"attributes": { "class": "toolbar-background" },
"childNodes": [],
"id": 203,
"isShadow": true
}
},
{
"parentId": 195,
"nextId": 196,
"node": {
"type": 2,
"tagName": "slot",
"attributes": { "name": "primary" },
"childNodes": [],
"id": 204
}
},
{
"parentId": 195,
"nextId": 204,
"node": {
"type": 2,
"tagName": "div",
"attributes": { "class": "toolbar-content" },
"childNodes": [],
"id": 205
}
},
{
"parentId": 195,
"nextId": 205,
"node": {
"type": 2,
"tagName": "slot",
"attributes": { "name": "secondary" },
"childNodes": [],
"id": 206
}
},
{
"parentId": 195,
"nextId": 206,
"node": {
"type": 2,
"tagName": "slot",
"attributes": { "name": "start" },
"childNodes": [],
"id": 207
}
},
{
"parentId": 205,
"nextId": null,
"node": {
"type": 2,
"tagName": "slot",
"attributes": {},
"childNodes": [],
"id": 208
}
},
{
"parentId": 183,
"nextId": 201,
"node": {
"type": 2,
"tagName": "div",
"attributes": { "class": "toolbar-background" },
"childNodes": [],
"id": 209,
"isShadow": true
}
},
{
"parentId": 201,
"nextId": 202,
"node": {
"type": 2,
"tagName": "slot",
"attributes": { "name": "primary" },
"childNodes": [],
"id": 210
}
},
{
"parentId": 201,
"nextId": 210,