Static | ZeroBOX

<!DOCTYPE html>

maximum-scale=1.0, user-scalable=no">

<title>www.googletagmanager.com</title>

* Use of this source code is governed by a BSD-style license that can be

* found in the LICENSE file. */

color: var(--link-color);

body {

--background-color: #fff;

--error-code-color: var(--google-gray-700);

--google-blue-50: rgb(232, 240, 254);

--google-blue-100: rgb(210, 227, 252);

--google-blue-300: rgb(138, 180, 248);

--google-blue-600: rgb(26, 115, 232);

--google-blue-700: rgb(25, 103, 210);

--google-gray-100: rgb(241, 243, 244);

--google-gray-300: rgb(218, 220, 224);

--google-gray-500: rgb(154, 160, 166);

--google-gray-50: rgb(248, 249, 250);

--google-gray-600: rgb(128, 134, 139);

--google-gray-700: rgb(95, 99, 104);

--google-gray-800: rgb(60, 64, 67);

--google-gray-900: rgb(32, 33, 36);

--heading-color: var(--google-gray-900);

--link-color: rgb(88, 88, 88);

--primary-button-fill-color-active: var(--google-blue-700);

--primary-button-fill-color: var(--google-blue-600);

--primary-button-text-color: #fff;

--quiet-background-color: rgb(247, 247, 247);

--secondary-button-border-color: var(--google-gray-500);

--secondary-button-fill-color: #fff;

--secondary-button-hover-border-color: var(--google-gray-600);

--secondary-button-hover-fill-color: var(--google-gray-50);

--secondary-button-text-color: var(--google-gray-700);

--small-link-color: var(--google-gray-700);

--text-color: var(--google-gray-700);

background: var(--background-color);

color: var(--text-color);

word-wrap: break-word;

.nav-wrapper .secondary-button {

background: var(--secondary-button-fill-color);

border: 1px solid var(--secondary-button-border-color);

color: var(--secondary-button-text-color);

float: none;

margin: 0;

padding: 8px 16px;

.hidden {

display: none;

html {

-webkit-text-size-adjust: 100%;

font-size: 125%;

.icon {

background-repeat: no-repeat;

background-size: 100%;

@media (prefers-color-scheme: dark) {

body {

--background-color: var(--google-gray-900);

--error-code-color: var(--google-gray-500);

--heading-color: var(--google-gray-500);

--link-color: var(--google-blue-300);

--primary-button-fill-color-active: rgb(129, 162, 208);

--primary-button-fill-color: var(--google-blue-300);

--primary-button-text-color: var(--google-gray-900);

--quiet-background-color: var(--background-color);

--secondary-button-border-color: var(--google-gray-700);

--secondary-button-fill-color: var(--google-gray-900);

--secondary-button-hover-fill-color: rgb(48, 51, 57);

--secondary-button-text-color: var(--google-blue-300);

--small-link-color: var(--google-blue-300);

--text-color: var(--google-gray-500);

</style>

Use of this source code is governed by a BSD-style license that can be

found in the LICENSE file. */

button {

border: 0;

border-radius: 20px;

box-sizing: border-box;

color: var(--primary-button-text-color);

cursor: pointer;

float: right;

font-size: .875em;

margin: 0;

padding: 8px 16px;

transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);

user-select: none;

[dir='rtl'] button {

float: left;

.bad-clock button,

.captive-portal button,

.https-only button,

.insecure-form button,

.lookalike-url button,

.main-frame-blocked button,

.neterror button,

.pdf button,

.ssl button,

.enterprise-block button,

.enterprise-warn button,

.managed-profile-required button,

.safe-browsing-billing button,

.supervised-user-verify button,

.supervised-user-verify-subframe button {

background: var(--primary-button-fill-color);

button:active {

background: var(--primary-button-fill-color-active);

outline: 0;

#debugging {

display: inline;

overflow: auto;

.debugging-content {

line-height: 1em;

margin-bottom: 0;

margin-top: 1em;

.debugging-content-fixed-width {

display: block;

font-family: monospace;

font-size: 1.2em;

margin-top: 0.5em;

.debugging-title {

font-weight: bold;

#details {

margin: 0 0 50px;

#details p:not(:first-of-type) {

margin-top: 20px;

.secondary-button:active {

border-color: white;

box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3),

0 2px 6px 2px rgba(60, 64, 67, .15);

.secondary-button:hover {

background: var(--secondary-button-hover-fill-color);

border-color: var(--secondary-button-hover-border-color);

text-decoration: none;

.error-code {

color: var(--error-code-color);

font-size: .8em;

margin-top: 12px;

text-transform: uppercase;

#error-debugging-info {

font-size: 0.8em;

color: var(--heading-color);

font-size: 1.6em;

font-weight: normal;

line-height: 1.25em;

margin-bottom: 16px;

font-size: 1.2em;

font-weight: normal;

.icon {

height: 72px;

margin: 0 0 40px;

width: 72px;

input[type=checkbox] {

opacity: 0;

input[type=checkbox]:focus ~ .checkbox::after {

outline: -webkit-focus-ring-color auto 5px;

.interstitial-wrapper {

box-sizing: border-box;

font-size: 1em;

line-height: 1.6em;

margin: 14vh auto 0;

max-width: 600px;

width: 100%;

#main-message > p {

display: inline;

#extended-reporting-opt-in {

font-size: .875em;

margin-top: 32px;

#extended-reporting-opt-in label {

display: grid;

grid-template-columns: 1.8em 1fr;

position: relative;

#enhanced-protection-message {

border-radius: 20px;

font-size: 1em;

margin-top: 32px;

padding: 10px 5px;

#enhanced-protection-message a {

color: var(--google-red-10);

#enhanced-protection-message label {

display: grid;

grid-template-columns: 2.5em 1fr;

position: relative;

#enhanced-protection-message div {

margin: 0.5em;

#enhanced-protection-message .icon {

height: 1.5em;

vertical-align: middle;

width: 1.5em;

.nav-wrapper {

margin-top: 51px;

.nav-wrapper::after {

clear: both;

content: '';

display: table;

width: 100%;

.small-link {

color: var(--small-link-color);

font-size: .875em;

.checkboxes {

flex: 0 0 24px;

.checkbox {

--padding: .9em;

background: transparent;

display: block;

height: 1em;

left: -1em;

padding-inline-start: var(--padding);

position: absolute;

right: 0;

top: -.5em;

width: 1em;

.checkbox::after {

border: 1px solid white;

border-radius: 2px;

content: '';

height: 1em;

left: var(--padding);

position: absolute;

top: var(--padding);

width: 1em;

.checkbox::before {

background: transparent;

border: 2px solid white;

border-inline-end-width: 0;

border-top-width: 0;

content: '';

height: .2em;

left: calc(.3em + var(--padding));

opacity: 0;

position: absolute;

top: calc(.3em + var(--padding));

transform: rotate(-45deg);

width: .5em;

input[type=checkbox]:checked ~ .checkbox::before {

opacity: 1;

#recurrent-error-message {

background: #ededed;

border-radius: 4px;

margin-bottom: 16px;

margin-top: 12px;

padding: 12px 16px;

.showing-recurrent-error-message #extended-reporting-opt-in {

margin-top: 16px;

.showing-recurrent-error-message #enhanced-protection-message {

margin-top: 16px;

@media (max-width: 700px) {

.interstitial-wrapper {

padding: 0 10%;

#error-debugging-info {

overflow: auto;

@media (max-width: 420px) {

button,

[dir='rtl'] button,

.small-link {

float: none;

font-size: .825em;

font-weight: 500;

margin: 0;

width: 100%;

button {

padding: 16px 24px;

#details {

margin: 20px 0 20px 0;

#details p:not(:first-of-type) {

margin-top: 10px;

.secondary-button:not(.hidden) {

display: block;

margin-top: 20px;

text-align: center;

width: 100%;

.interstitial-wrapper {

padding: 0 5%;

#extended-reporting-opt-in {

margin-top: 24px;

#enhanced-protection-message {

margin-top: 24px;

.nav-wrapper {

margin-top: 30px;

* Mobile specific styling.

* Navigation buttons are anchored to the bottom of the screen.

* Details message replaces the top content in its own scrollable area.

@media (max-width: 420px) {

.nav-wrapper .secondary-button {

border: 0;

margin: 16px 0 0;

margin-inline-end: 0;

padding-bottom: 16px;

padding-top: 16px;

/* Fixed nav. */

@media (min-width: 240px) and (max-width: 420px) and

(min-height: 401px),

(min-width: 421px) and (min-height: 240px) and

(max-height: 560px) {

body .nav-wrapper {

background: var(--background-color);

bottom: 0;

box-shadow: 0 -12px 24px var(--background-color);

left: 0;

margin: 0 auto;

max-width: 736px;

padding-inline-end: 24px;

padding-inline-start: 24px;

position: fixed;

right: 0;

width: 100%;

z-index: 2;

.interstitial-wrapper {

max-width: 736px;

#details,

#main-content {

padding-bottom: 40px;

#details {

padding-top: 5.5vh;

button.small-link {

color: var(--google-blue-600);

@media (max-width: 420px) and (orientation: portrait),

(max-height: 560px) {

body {

margin: 0 auto;

button,

[dir='rtl'] button,

button.small-link,

.nav-wrapper .secondary-button {

font-family: Roboto-Regular,Helvetica;

font-size: .933em;

margin: 6px 0;

transform: translatez(0);

.nav-wrapper {

box-sizing: border-box;

padding-bottom: 8px;

width: 100%;

#details {

box-sizing: border-box;

height: auto;

margin: 0;

opacity: 1;

transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);

#details.hidden,

#main-content.hidden {

height: 0;

opacity: 0;

overflow: hidden;

padding-bottom: 0;

transition: none;

h1 {

font-size: 1.5em;

margin-bottom: 8px;

.icon {

margin-bottom: 5.69vh;

.interstitial-wrapper {

box-sizing: border-box;

margin: 7vh auto 12px;

padding: 0 24px;

position: relative;

.interstitial-wrapper p {

font-size: .95em;

line-height: 1.61em;

margin-top: 8px;

#main-content {

margin: 0;

transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1);

.small-link {

border: 0;

.suggested-left > #control-buttons,

.suggested-right > #control-buttons {

float: none;

margin: 0;

@media (min-width: 421px) and (min-height: 500px) and (max-height: 560px) {

.interstitial-wrapper {

margin-top: 10vh;

@media (min-height: 400px) and (orientation:portrait) {

.interstitial-wrapper {

margin-bottom: 145px;

@media (min-height: 299px) {

.nav-wrapper {

padding-bottom: 16px;

@media (max-height: 560px) and (min-height: 240px) and (orientation:landscape) {

.extended-reporting-has-checkbox #details {

padding-bottom: 80px;

@media (min-height: 500px) and (max-height: 650px) and (max-width: 414px) and

(orientation: portrait) {

.interstitial-wrapper {

margin-top: 7vh;

@media (min-height: 650px) and (max-width: 414px) and (orientation: portrait) {

.interstitial-wrapper {

margin-top: 10vh;

/* Small mobile screens. No fixed nav. */

@media (max-height: 400px) and (orientation: portrait),

(max-height: 239px) and (orientation: landscape),

(max-width: 419px) and (max-height: 399px) {

.interstitial-wrapper {

display: flex;

flex-direction: column;

margin-bottom: 0;

#details {

flex: 1 1 auto;

order: 0;

#main-content {

flex: 1 1 auto;

order: 0;

.nav-wrapper {

flex: 0 1 auto;

margin-top: 8px;

order: 1;

padding-inline-end: 0;

padding-inline-start: 0;

position: relative;

width: 100%;

button,

.nav-wrapper .secondary-button {

padding: 16px 24px;

button.small-link {

color: var(--google-blue-600);

@media (max-width: 239px) and (orientation: portrait) {

.nav-wrapper {

padding-inline-end: 0;

padding-inline-start: 0;

</style>

* Use of this source code is governed by a BSD-style license that can be

* found in the LICENSE file. */

/* Don't use the main frame div when the error is in a subframe. */

html[subframe] #main-frame-error {

display: none;

/* Don't use the subframe error div when the error is in a main frame. */

html:not([subframe]) #sub-frame-error {

display: none;

margin-top: 0;

word-wrap: break-word;

h1 span {

font-weight: 500;

text-decoration: none;

.icon {

-webkit-user-select: none;

display: inline-block;

.icon-generic {

/* Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted

* renderer process, so embed the resource manually. */

content: image-set(

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAENJREFUeF7tzbEJACEQRNGBLeAasBCza2lLEGx0CxFGG9hBMDDxRy/72O9FMnIFapGylsu1fgoBdkXfUHLrQgdfrlJN1BdYBjQQm3UAAAAASUVORK5CYII=) 1x,

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQAQMAAADdiHD7AAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAFJJREFUeF7t0cENgDAMQ9FwYgxG6WjpaIzCCAxQxVggFuDiCvlLOeRdHR9yzjncHVoq3npu+wQUrUuJHylSTmBaespJyJQoObUeyxDQb3bEm5Au81c0pSCD8HYAAAAASUVORK5CYII=) 2x);

.icon-info {

content: image-set(

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAB21JREFUeAHtXF1IHFcU9ie2bovECqWxeWyLjRH60BYpKZHYpoFCU60/xKCt5ME3QaSpT6WUPElCEXyTUpIojfgTUwshNpBgqZVQ86hGktdgSsFGQqr1t9+nd2WZPefO7LjrzjYzcJmZc8495zvf3Ll3Zu+dzcoKt5CBkIGQgZCBkIFMZSB7r4G3tLS8sLCw8D7ivo1Ssrm5WYL9AZSC7OzsAuyzIHuCHcsjyOawZ7lbVFT0W09Pzz843rNtTwhqaGh4ZXV1tQFZfYZSDgKe85MhyFpBvTsoV/Py8q5g+9OPn0TqpJSgurq6CpBxFuUEQO1LBJgH2zUQdgPlwuDg4LgHe18mKSGovr7+2Pr6+jkgOuILVeKVJnJzc78eGBi4nXhVe42kEtTY2Fi8vLz8HVrMKXvY1GjRmvrz8/Pb+/r65pMVIWkEodV8vLGx8SPI2Z8scH78gKTFnJyc02hN1/3Ud9ZJCkG1tbVfwnEnyMlxBpDOkcQybG9ifwv6OezvRyKRv5eWljhyZeG4AMcvweYNnHKkq4TNcezzqXfbYLsBm46hoaELbrZu+l0R1Nra+vz8/HwPgH/uFgj6xwA+inINt8Evvb29Tz3U2TFpamp6EbfvR4hVhXISisIdpXKAWJeLi4tburu7/1VMXMW+CcII9TKA/oTyni0KQC5B34V9J0abRZutVx1i70fcDti3YR+x1UPcSZRPEfsvm52m80WQaTm3beQA1Dr0F9EffANwDzUAu5GDqIPo975FrGbEytV8QT+JlnTMT0vyRRD6nEsAZLutOIpUDw8P86Eu5VtNTU05goygFGvBQNJl9ElfaHpNrrKuVWCHDHLOanoAmUKr+QBgZjWbZMtnZ2cflpWV9cPvUZRXFf9vHT58+OnMzMzvil4UJ0QQh3KQ8wM8iS0P5PSjVOGW

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAAAAXNSR0IArs4c6QAAEp1JREFUeAHtnVuMFkUWx2dgRlBhvUxQSZTsw25wAUPiNQTRgFkv8YIbZhBcB8hK2NVkXnxRY0xMDFFffJkHsyxskBFRGIJ4iWjioLJqdL3EENFZ35AELxnRHZFFBtjff+gePsbv0qe6+vv6+6Y66XR39alT5/zPv6urq6q7m5rCEhAICAQEAgIBgYBAQCAgEBAICAQEAgIBgYBAQCAgEBAICAQEAgIBgYBAQCAgEBBoTASaG9Ot8l6tWLFi4sGDB3+P1HStx44d0/a85ubmyWwnHz9+fHgbHTdxPEj6IMfD2+j423HjxvWTPryeeeaZX65fv/5/HI+pZUwQ6I477vjD0NDQAgiwgOBfynYa23E+I43OY+jcy/Zjtn0tLS19zz///Oc+y8ijroYkUEdHxxSCuBDAF7DOZ/+CWoAPmb6m3J2sfexv37Jly3e1sCPLMhuGQF1dXRP2799/G2TpBLCbWFuyBM5B9xB5XoVIPVOnTn2xu7v7sIOO3GWpewJR21xJG+ZukF3MenbuEC5u0A8kb6YNtY5a6YPiIvWRWrcEWrx48XyI8xA1znX1AXVxK6mR3oBIqzdv3qxbXd0tdUcgapybIY2IM6fu0C5jMER6j3U1NdIrZcRyd6puCARx5kCabtbLcoeiR4Mg0UesXRDpPY9qM1OVewItW7asjT6bJ0DgL6y5t9dTpI6j55/0Ld2/YcOGAU86M1GT24BQ0zS3t7evxOvHWNsy8T7/SkWeB3t7e9dSK4lUuVtySSBuV9NoID8LWnNzh1htDHqHhvad3Nb21qb40qV67Y0tXUzyMzxd3Urt8wk5AnlOwjZXmAibk0n52MtNDbRq1arWgYGBx4HlvmpAwy3hJ8rpJzD98ZgW+1+RPjh+/PjB0047bfDQoUMa+2o6/fTTJ//yyy+Tjx49OjxO

.icon-offline {

content: image-set(

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAGxJREFUeF7tyMEJwkAQRuFf5ipMKxYQiJ3Z2nSwrWwBA0+DQZcdxEOueaePp9+dQZFB7GpUcURSVU66yVNFj6LFICatThZB6r/ko/pbRpUgilY0Cbw5sNmb9txGXUKyuH7eV25x39DtJXUNPQGJtWFV+BT/QAAAAABJRU5ErkJggg==) 1x,

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQBAMAAAAVaP+LAAAAGFBMVEUAAABTU1NNTU1TU1NPT09SUlJSUlJTU1O8B7DEAAAAB3RSTlMAoArVKvVgBuEdKgAAAJ1JREFUeF7t1TEOwyAMQNG0Q6/UE+RMXD9d/tC6womIFSL9P+MnAYOXeTIzMzMzMzMzaz8J9Ri6HoITmuHXhISE8nEh9yxDh55aCEUoTGbbQwjqHwIkRAEiIaG0+0AA9VBMaE89Rogeoww936MQrWdBr4GN/z0IAdQ6nQ/FIpRXDwHcA+JIJcQowQAlFUA0MfQpXLlVQfkzR4igS6ENjknm/wiaGhsAAAAASUVORK5CYII=) 2x);

position: relative;

.icon-disabled {

content: image-set(

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABICAMAAAAZF4G5AAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAASZJREFUeAHd11Fq7jAMRGGf/W/6PoWB67YMqv5DybwG/CFjRuR8JBw3+ByiRjgV9W/TJ31P0tBfC6+cj1haUFXKHmVJo5wP98WwQ0ZCbfUc6LQ6VuUBz31ikADkLMkDrfUC4rR6QGW+gF6rx7NaHWCj1Y/W6lf4L7utvgBSt3rBFSS/XBMPUILcJINHCBWYUfpWn4NBi1ZfudIc3rf6/NGEvEA+AsYTJozmXemjXeLZAov+mnkN2HfzXpMSVQDnGw++57qNJ4D1xitA2sJ+VAWMygSEaYf2mYPTjZfk2K8wmP7HLIH5Mg4/pP+PEcDzUvDMvYbs/2NWwPO5vBdMZE4EE5UTQLiBFDaUlTDPBRoJ9HdAYIkIo06og3BNXtCzy7zA1aXk5x+tJARq63eAygAAAABJRU5ErkJggg==) 1x,

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOAAAACQAQMAAAArwfVjAAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAAYdJREFUeF7F1EFqwzAUBNARAmVj0FZe5QoBH6BX+dn4GlY2PYNzGx/A0CvkCIJuvIraKJKbgBvzf2g62weDGD7CYggpfFReis4J0ey9EGFIiEQQojFSlA9kSIiqd0KkFjKsewgRbStEN19mxUPTtmW9HQ/h6tyqNQ8NlSMZdzyE6qkoE0trVYGFm0n1WYeBhduzwbwBC7voS+vIxfeMjeaiLxsMMtQNwMPtuew+DjzcTHk8YMfDknEcIUOtf2lVfgVH3K4Xv5PRYAXRVMtItIJ3rfaCIVn9DsTH2NxisAVRex2Hh3hX+/mRUR08bAwPEYsI51ZxWH4Q0SpicQRXeyEaIug48FEdegARfMz/tADVsRciwTAxW308ehmC2gLraC+YCbV3QoTZexa+zegAEW5PhhgYfmbvJgcRqngGByOSXdFJcLk2JeDPEN0kxe1JhIt5FiFA+w+ItMELsUyPF2IaJ4aILqb4FbxPwhImwj6JauKgDUCYaxmYIsd4KXdMjIC9ItB5Bn4BNRwsG0XM2nwAAAAASUVORK5CYII=) 2x);

width: 112px;

.hidden {

display: none;

#suggestions-list a {

color: var(--google-blue-600);

#suggestions-list p {

margin-block-end: 0;

#suggestions-list ul {

margin-top: 0;

.single-suggestion {

list-style-type: none;

padding-inline-start: 0;

.link-button {

color: rgb(66, 133, 244);

display: inline-block;

font-weight: bold;

text-transform: uppercase;

#sub-frame-error-details {

color: #8F8F8F;

/* Not done on mobile for performance reasons. */

text-shadow: 0 1px 0 rgba(255,255,255,0.3);

.secondary-button {

background: #d9d9d9;

color: #696969;

margin-inline-end: 16px;

.snackbar {

background: #323232;

border-radius: 2px;

bottom: 24px;

box-sizing: border-box;

color: #fff;

font-size: .87em;

left: 24px;

max-width: 568px;

min-width: 288px;

opacity: 0;

padding: 16px 24px 12px;

position: fixed;

transform: translateY(90px);

will-change: opacity, transform;

z-index: 999;

.snackbar-show {

-webkit-animation:

show-snackbar 250ms cubic-bezier(0, 0, 0.2, 1) forwards,

hide-snackbar 250ms cubic-bezier(0.4, 0, 1, 1) forwards 5s;

@-webkit-keyframes show-snackbar {

100% {

opacity: 1;

transform: translateY(0);

@-webkit-keyframes hide-snackbar {

0% {

opacity: 1;

transform: translateY(0);

100% {

opacity: 0;

transform: translateY(90px);

.suggestions {

margin-top: 18px;

.suggestion-header {

font-weight: bold;

margin-bottom: 4px;

.suggestion-body {

color: #777;

/* Decrease padding at low sizes. */

@media (max-width: 640px), (max-height: 640px) {

h1 {

margin: 0 0 15px;

.suggestions {

margin-top: 10px;

.suggestion-header {

margin-bottom: 0;

#cancel-save-page-button {

background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48Y2xpcFBhdGggaWQ9Im1hc2siPjxwYXRoIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiM5QUEwQTYiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiMxQTczRTgiIHN0eWxlPSJhbmltYXRpb246b2ZmbGluZUFuaW1hdGlvbiA0cyBpbmZpbml0ZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxzdHlsZT5Aa2V5ZnJhbWVzIG9mZmxpbmVBbmltYXRpb257MCUsMzUle2hlaWdodDowfTYwJXtoZWlnaHQ6MTAwJX05MCV7ZmlsbC1vcGFjaXR5OjF9dG97ZmlsbC1vcGFjaXR5OjB9fTwvc3R5bGU+PC9zdmc+);

background-position: right 27px center;

background-repeat: no-repeat;

border: 1px solid var(--google-gray-300);

border-radius: 5px;

color: var(--google-gray-700);

margin-bottom: 26px;

padding-bottom: 16px;

padding-inline-end: 88px;

padding-inline-start: 16px;

padding-top: 16px;

text-align: start;

html[dir='rtl'] #cancel-save-page-button {

background-position: left 27px center;

#save-page-for-later-button {

display: flex;

justify-content: start;

#save-page-for-later-button a::before {

content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==);

display: inline-block;

margin-inline-end: 4px;

vertical-align: -webkit-baseline-middle;

.hidden#save-page-for-later-button {

display: none;

/* Don't allow overflow when in a subframe. */

html[subframe] body {

overflow: hidden;

#sub-frame-error {

-webkit-align-items: center;

-webkit-flex-flow: column;

-webkit-justify-content: center;

background-color: #DDD;

display: -webkit-flex;

height: 100%;

left: 0;

position: absolute;

text-align: center;

top: 0;

transition: background-color 200ms ease-in-out;

width: 100%;

#sub-frame-error:hover {

background-color: #EEE;

#sub-frame-error .icon-generic {

margin: 0 0 16px;

#sub-frame-error-details {

margin: 0 10px;

text-align: center;

opacity: 0;

/* Show details only when hovering. */

#sub-frame-error:hover #sub-frame-error-details {

opacity: 1;

/* If the iframe is too small, always hide the error code. */

/* TODO(mmenke): See if overflow: no-display works better, once supported. */

@media (max-width: 200px), (max-height: 95px) {

#sub-frame-error-details {

display: none;

/* Adjust icon for small embedded frames in apps. */

@media (max-height: 100px) {

#sub-frame-error .icon-generic {

height: auto;

margin: 0;

padding-top: 0;

width: 25px;

/* details-button is special; it's a <button> element that looks like a link. */

#details-button {

box-shadow: none;

min-width: 0;

/* Styles for platform dependent separation of controls and details button. */

.suggested-left > #control-buttons,

.suggested-right > #details-button {

float: left;

.suggested-right > #control-buttons,

.suggested-left > #details-button {

float: right;

.suggested-left .secondary-button {

margin-inline-end: 0;

margin-inline-start: 16px;

#details-button.singular {

float: none;

/* download-button shows both icon and text. */

#download-button {

padding-bottom: 4px;

padding-top: 4px;

position: relative;

#download-button::before {

background: image-set(

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAO0lEQVQ4y2NgGArgPxIY1YChsOE/LtBAmpYG0mxpIOSDBpKUo2lpIDZxNJCkHKqlYZAla3RAHQ1DFgAARRroHyLNTwwAAAAASUVORK5CYII=) 1x,

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAZElEQVRYw+3Ruw3AMAwDUY3OzZUmRRD4E9iim9wNwAdbEURHyk4AAAAATiCVK8lLyPsKeT9K3lsownnunfkPxO78hKiYHxBV8x2icr5BVM+/CMf8g3DN34Rzns6ViwHUAUQ/6wIAd5Km7l6c8AAAAABJRU5ErkJggg==) 2x)

no-repeat;

content: '';

display: inline-block;

height: 24px;

margin-inline-end: 4px;

margin-inline-start: -4px;

vertical-align: middle;

width: 24px;

#download-button:disabled {

background: rgb(180, 206, 249);

color: rgb(255, 255, 255);

#buttons::after {

clear: both;

content: '';

display: block;

width: 100%;

/* Offline page */

html[dir='rtl'] .runner-container,

html[dir='rtl'].offline .icon-offline {

transform: scaleX(-1);

.offline {

transition: filter 1.5s cubic-bezier(0.65, 0.05, 0.36, 1),

background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);

will-change: filter, background-color;

.offline body {

transition: background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);

.offline #main-message > p {

display: none;

.offline.inverted {

background-color: #fff;

filter: invert(1);

.offline.inverted body {

background-color: #fff;

.offline .interstitial-wrapper {

color: var(--text-color);

font-size: 1em;

line-height: 1.55;

margin: 0 auto;

max-width: 600px;

padding-top: 100px;

position: relative;

width: 100%;

.offline .runner-container {

direction: ltr;

height: 150px;

max-width: 600px;

overflow: hidden;

position: absolute;

top: 35px;

width: 44px;

.offline .runner-container:focus {

outline: none;

.offline .runner-container:focus-visible {

outline: 3px solid var(--google-blue-300);

.offline .runner-canvas {

height: 150px;

max-width: 600px;

opacity: 1;

overflow: hidden;

position: absolute;

top: 0;

z-index: 10;

.offline .controller {

height: 100vh;

left: 0;

position: absolute;

top: 0;

width: 100vw;

z-index: 9;

#offline-resources {

display: none;

#offline-instruction {

image-rendering: pixelated;

left: 0;

margin: auto;

position: absolute;

right: 0;

top: 60px;

width: fit-content;

.offline-runner-live-region {

bottom: 0;

clip-path: polygon(0 0, 0 0, 0 0);

color: var(--background-color);

display: block;

font-size: xx-small;

overflow: hidden;

position: absolute;

text-align: center;

transition: color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);

user-select: none;

/* Custom toggle */

.slow-speed-option {

align-items: center;

background: var(--google-gray-50);

border-radius: 24px/50%;

bottom: 0;

color: var(--error-code-color);

display: inline-flex;

font-size: 1em;

left: 0;

line-height: 1.1em;

margin: 5px auto;

padding: 2px 12px 3px 20px;

position: absolute;

right: 0;

width: max-content;

z-index: 999;

.slow-speed-option.hidden {

display: none;

.slow-speed-option [type=checkbox] {

opacity: 0;

pointer-events: none;

position: absolute;

.slow-speed-option .slow-speed-toggle {

cursor: pointer;

margin-inline-start: 8px;

padding: 8px 4px;

position: relative;

.slow-speed-option [type=checkbox]:disabled ~ .slow-speed-toggle {

cursor: default;

.slow-speed-option-label [type=checkbox] {

opacity: 0;

pointer-events: none;

position: absolute;

.slow-speed-option .slow-speed-toggle::before,

.slow-speed-option .slow-speed-toggle::after {

content: '';

display: block;

margin: 0 3px;

transition: all 100ms cubic-bezier(0.4, 0, 1, 1);

.slow-speed-option .slow-speed-toggle::before {

background: rgb(189,193,198);

border-radius: 0.65em;

height: 0.9em;

width: 2em;

.slow-speed-option .slow-speed-toggle::after {

background: #fff;

border-radius: 50%;

box-shadow: 0 1px 3px 0 rgb(0 0 0 / 40%);

height: 1.2em;

position: absolute;

top: 51%;

transform: translate(-20%, -50%);

width: 1.1em;

.slow-speed-option [type=checkbox]:focus + .slow-speed-toggle {

box-shadow: 0 0 8px rgb(94, 158, 214);

outline: 1px solid rgb(93, 157, 213);

.slow-speed-option [type=checkbox]:checked + .slow-speed-toggle::before {

background: var(--google-blue-600);

opacity: 0.5;

.slow-speed-option [type=checkbox]:checked + .slow-speed-toggle::after {

background: var(--google-blue-600);

transform: translate(calc(2em - 90%), -50%);

.slow-speed-option [type=checkbox]:checked:disabled +

.slow-speed-toggle::before {

background: rgb(189,193,198);

.slow-speed-option [type=checkbox]:checked:disabled +

.slow-speed-toggle::after {

background: var(--google-gray-50);

@media (max-width: 420px) {

#download-button {

padding-bottom: 12px;

padding-top: 12px;

.suggested-left > #control-buttons,

.suggested-right > #control-buttons {

float: none;

.snackbar {

border-radius: 0;

bottom: 0;

left: 0;

width: 100%;

@media (max-height: 350px) {

h1 {

margin: 0 0 15px;

.icon-offline {

margin: 0 0 10px;

.interstitial-wrapper {

margin-top: 5%;

.nav-wrapper {

margin-top: 30px;

@media (min-width: 420px) and (max-width: 736px) and

(min-height: 240px) and (max-height: 420px) and

(orientation:landscape) {

.interstitial-wrapper {

margin-bottom: 100px;

@media (max-width: 360px) and (max-height: 480px) {

.offline .interstitial-wrapper {

padding-top: 60px;

.offline .runner-container {

top: 8px;

@media (min-height: 240px) and (orientation: landscape) {

.offline .interstitial-wrapper {

margin-bottom: 90px;

.icon-offline {

margin-bottom: 20px;

@media (max-height: 320px) and (orientation: landscape) {

.icon-offline {

margin-bottom: 0;

.offline .runner-container {

top: 10px;

@media (max-width: 240px) {

button {

padding-inline-end: 12px;

padding-inline-start: 12px;

.interstitial-wrapper {

overflow: inherit;

padding: 0 8px;

@media (max-width: 120px) {

button {

width: auto;

.arcade-mode,

.arcade-mode .runner-container,

.arcade-mode .runner-canvas {

image-rendering: pixelated;

max-width: 100%;

overflow: hidden;

.arcade-mode #buttons,

.arcade-mode #main-content {

opacity: 0;

overflow: hidden;

.arcade-mode .interstitial-wrapper {

height: 100vh;

max-width: 100%;

overflow: hidden;

.arcade-mode .runner-container {

left: 0;

margin: auto;

right: 0;

transform-origin: top center;

transition: transform 250ms cubic-bezier(0.4, 0, 1, 1) 400ms;

z-index: 2;

@media (prefers-color-scheme: dark) {

.icon {

filter: invert(1);

.offline .runner-canvas {

filter: invert(1);

.offline.inverted {

background-color: var(--background-color);

filter: invert(0);

.offline.inverted body {

background-color: #fff;

.offline.inverted .offline-runner-live-region {

color: #fff;

#suggestions-list a {

color: var(--link-color);

.slow-speed-option {

background: var(--google-gray-800);

color: var(--google-gray-100);

.slow-speed-option .slow-speed-toggle::before,

.slow-speed-option [type=checkbox]:checked:disabled +

.slow-speed-toggle::before {

background: rgb(189,193,198);

.slow-speed-option [type=checkbox]:checked + .slow-speed-toggle::after,

.slow-speed-option [type=checkbox]:checked + .slow-speed-toggle::before {

background: var(--google-blue-300);

#main-frame-error:not(.showing-details) #details {

display: none;

@media (min-width: 240px) and (max-width: 420px) and (min-height: 401px),

(min-height: 240px) and (max-height: 560px) and (min-width: 421px) {

#main-frame-error.showing-details #main-content,

#main-frame-error.showing-details .runner-container {

display: none;

</style>

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

function assert(value,message){if(value){return}throw new Error("Assertion failed"+(message?`: ${message}`:""))}

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class LoadTimeData{data_=null;set data(value){assert(!this.data_,"Re-setting data.");this.data_=value}valueExists(id){assert(this.data_,"No data. Did you remember to include strings.js?");return id in this.data_}getValue(id){assert(this.data_,"No data. Did you remember to include strings.js?");const value=this.data_[id];assert(typeof value!=="undefined","Could not find value for "+id);return value}getString(id){const value=this.getValue(id);assert(typeof value==="string",`[${value}] (${id}) is not a string`);return value}getStringF(id,...args){const value=this.getString(id);if(!value){return""}return this.substituteString(value,...args)}substituteString(label,...args){return label.replace(/\$(.|$|\n)/g,(function(m){assert(m.match(/\$[$1-9]/),"Unescaped $ found in localized string.");if(m==="$$"){return"$"}const substitute=args[Number(m[1])-1];if(substitute===undefined||substitute===null){return""}return substitute.toString()}))}getSubstitutedStringPieces(label,...args){const pieces=(label.match(/(\$[1-9])|(([

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

function getRequiredElement(id){const el=document.querySelector(`#${id}`);assert(el);assert(el instanceof HTMLElement);return el}

* @license

* SPDX-License-Identifier: BSD-3-Clause

*/const t$3=globalThis,e$3=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$3=Symbol(),o$3=new WeakMap;let n$3=class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$3)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e$3&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$3.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$3.set(s,t))}return t}toString(){return this.cssText}};const r$4=t=>new n$3("string"==typeof t?t:t+"",void 0,s$3),S$1=(s,o)=>{if(e$3)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$3.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o)}},c$3=e$3?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssTe

* @license

* SPDX-License-Identifier: BSD-3-Clause

*/;const{is:i$2,defineProperty:e$2,getOwnPropertyDescriptor:r$3,getOwnPropertyNames:h$2,getOwnPropertySymbols:o$2,getPrototypeOf:n$2}=Object,a$1=globalThis,c$2=a$1.trustedTypes,l$1=c$2?c$2.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f$3=(t,s)=>!i$2(t,s),y$1={attribute:!0,type:String,converter:u$1,reflect:!1,hasChanged:f$3};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$1){if(s.state&&(s.attribute=!1),this._$Ei(),this.elementProperties.set(t,s),!s.noAccesso

* @license

* SPDX-License-Identifier: BSD-3-Clause

*/const t$2=globalThis,i$1=t$2.trustedTypes,s$2=i$1?i$1.createPolicy("lit-html-desktop",{createHTML:t=>t}):void 0,e$1="$lit$",h$1=`lit$${(Math.random()+"").slice(9)}$`,o$1="?"+h$1,n$1=`<${o$1}>`,r$2=document,l=()=>r$2.createComment(""),c$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y(1),w=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),A=new WeakMap,E=r$2.createTreeWalker(r$2,129);function C(t,i){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$2?s$2.createHTML(i):i}const P=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":"",c=f$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;f

* @license

* SPDX-License-Identifier: BSD-3-Clause

*/};let s$1=class s extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=j(i,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return w}};s$1._$litElement$=!0,s$1["finalized"]=!0,globalThis.litElementHydrateSupport?.({LitElement:s$1});const r$1=globalThis.litElementPolyfillSupport;r$1?.({LitElement:s$1});(globalThis.litElementVersions??=[]).push("4.0.2");

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

const HIDDEN_CLASS="hidden";

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

const IS_IOS=/CriOS/.test(window.navigator.userAgent);const IS_HIDPI=window.devicePixelRatio>1;const IS_MOBILE=/Android/.test(window.navigator.userAgent)||IS_IOS;const IS_RTL=document.documentElement.dir==="rtl";const FPS=60;

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

function getRandomNum(min,max){return Math.floor(Math.random()*(max-min+1))+min}function getTimeStamp(){return IS_IOS?(new Date).getTime():performance.now()}

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class DistanceMeter{constructor(canvas,spritePos,canvasWidth){this.canvas=canvas;this.canvasCtx=canvas.getContext("2d");this.image=Runner.imageSprite;this.spritePos=spritePos;this.x=0;this.y=5;this.currentDistance=0;this.maxScore=0;this.highScore="0";this.container=null;this.digits=[];this.achievement=false;this.defaultString="";this.flashTimer=0;this.flashIterations=0;this.invertTrigger=false;this.flashingRafId=null;this.highScoreBounds={};this.highScoreFlashing=false;this.config=DistanceMeter.config;this.maxScoreUnits=this.config.MAX_DISTANCE_UNITS;this.canvasWidth=canvasWidth;this.init(canvasWidth)}init(width){let maxDistanceStr="";this.calcXPos(width);this.maxScore=this.maxScoreUnits;for(let i=0;i<this.maxScoreUnits;i++){this.draw(i,0);this.defaultString+="0";maxDistanceStr+="9"}this.maxScore=parseInt(maxDistanceStr,10)}calcXPos(canvasWidth){this.x=canvasWidth-DistanceMeter.dimensions.DEST_WIDTH*(this.maxScoreUnits+1)}draw(digitPos,value,opt_highScore){let sourceWidth=DistanceMeter.dimensions.WIDTH;let so

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class Trex{constructor(canvas,spritePos){this.canvas=canvas;this.canvasCtx=canvas.getContext("2d");this.spritePos=spritePos;this.xPos=0;this.yPos=0;this.xInitialPos=0;this.groundYPos=0;this.currentFrame=0;this.currentAnimFrames=[];this.blinkDelay=0;this.blinkCount=0;this.animStartTime=0;this.timer=0;this.msPerFrame=1e3/FPS;this.config=Object.assign(Trex.config,Trex.normalJumpConfig);this.status=Trex.status.WAITING;this.jumping=false;this.ducking=false;this.jumpVelocity=0;this.reachedMinHeight=false;this.speedDrop=false;this.jumpCount=0;this.jumpspotX=0;this.altGameModeEnabled=false;this.flashing=false;this.init()}init(){this.groundYPos=Runner.defaultDimensions.HEIGHT-this.config.HEIGHT-Runner.config.BOTTOM_PAD;this.yPos=this.groundYPos;this.minJumpHeight=this.groundYPos-this.config.MIN_JUMP_HEIGHT;this.draw(0,0);this.update(0,Trex.status.WAITING)}enableSlowConfig(){const jumpConfig=Runner.slowDown?Trex.slowJumpConfig:Trex.normalJumpConfig;Trex.config=Object.assign(Trex.config,jumpConfig);this.adjustAltGameCon

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class GameOverPanel{constructor(canvas,textImgPos,restartImgPos,dimensions,opt_altGameEndImgPos,opt_altGameActive){this.canvas=canvas;this.canvasCtx=canvas.getContext("2d");this.canvasDimensions=dimensions;this.textImgPos=textImgPos;this.restartImgPos=restartImgPos;this.altGameEndImgPos=opt_altGameEndImgPos;this.altGameModeActive=opt_altGameActive;this.frameTimeStamp=0;this.animTimer=0;this.currentFrame=0;this.gameOverRafId=null;this.flashTimer=0;this.flashCounter=0;this.originalText=true}updateDimensions(width,opt_height){this.canvasDimensions.WIDTH=width;if(opt_height){this.canvasDimensions.HEIGHT=opt_height}this.currentFrame=GameOverPanel.animConfig.frames.length-1}drawGameOverText(dimensions,opt_useAltText){const centerX=this.canvasDimensions.WIDTH/2;let textSourceX=dimensions.TEXT_X;let textSourceY=dimensions.TEXT_Y;let textSourceWidth=dimensions.TEXT_WIDTH;let textSourceHeight=dimensions.TEXT_HEIGHT;const textTargetX=Math.round(centerX-dimensions.TEXT_WIDTH/2);const textTargetY=Math.round((this.canvasDi

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class GeneratedSoundFx{constructor(){this.context=new AudioContext;if(IS_IOS){this.context.onstatechange=()=>{if(this.context.state!=="running"){this.context.resume()}};this.context.resume()}this.panner=this.context.createStereoPanner?this.context.createStereoPanner():null}context;panner=null;bgSoundIntervalId=null;stopAll(){this.cancelFootSteps()}playNote(frequency,startTime,duration,vol=.01,pan=0){const osc1=this.context.createOscillator();const osc2=this.context.createOscillator();const volume=this.context.createGain();osc1.type="triangle";osc2.type="triangle";volume.gain.value=.1;if(this.panner){this.panner.pan.value=pan;osc1.connect(volume).connect(this.panner);osc2.connect(volume).connect(this.panner);this.panner.connect(this.context.destination)}else{osc1.connect(volume);osc2.connect(volume);volume.connect(this.context.destination)}osc1.frequency.value=frequency+1;osc2.frequency.value=frequency-2;volume.gain.setValueAtTime(vol,startTime+duration-.05);volume.gain.linearRampToValueAtTime(1e-5,startTime+d

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class BackgroundEl{constructor(canvas,spritePos,containerWidth,type){this.canvas=canvas;this.canvasCtx=this.canvas.getContext("2d");this.spritePos=spritePos;this.containerWidth=containerWidth;this.xPos=containerWidth;this.yPos=0;this.remove=false;this.type=type;this.gap=getRandomNum(BackgroundEl.config.MIN_GAP,BackgroundEl.config.MAX_GAP);this.animTimer=0;this.switchFrames=false;this.spriteConfig={};this.init()}init(){this.spriteConfig=Runner.spriteDefinition.BACKGROUND_EL[this.type];if(this.spriteConfig.FIXED){this.xPos=this.spriteConfig.FIXED_X_POS}this.yPos=BackgroundEl.config.Y_POS-this.spriteConfig.HEIGHT+this.spriteConfig.OFFSET;this.draw()}draw(){this.canvasCtx.save();let sourceWidth=this.spriteConfig.WIDTH;let sourceHeight=this.spriteConfig.HEIGHT;let sourceX=this.spriteConfig.X_POS;const outputWidth=sourceWidth;const outputHeight=sourceHeight;if(IS_HIDPI){sourceWidth*=2;sourceHeight*=2;sourceX*=2}this.canvasCtx.drawImage(Runner.imageSprite,sourceX,this.spritePos.y,sourceWidth,sourceHeight,this.xPos,t

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class Cloud{constructor(canvas,spritePos,containerWidth){this.canvas=canvas;this.canvasCtx=this.canvas.getContext("2d");this.spritePos=spritePos;this.containerWidth=containerWidth;this.xPos=containerWidth;this.yPos=0;this.remove=false;this.gap=getRandomNum(Cloud.config.MIN_CLOUD_GAP,Cloud.config.MAX_CLOUD_GAP);this.init()}init(){this.yPos=getRandomNum(Cloud.config.MAX_SKY_LEVEL,Cloud.config.MIN_SKY_LEVEL);this.draw()}draw(){this.canvasCtx.save();let sourceWidth=Cloud.config.WIDTH;let sourceHeight=Cloud.config.HEIGHT;const outputWidth=sourceWidth;const outputHeight=sourceHeight;if(IS_HIDPI){sourceWidth=sourceWidth*2;sourceHeight=sourceHeight*2}this.canvasCtx.drawImage(Runner.imageSprite,this.spritePos.x,this.spritePos.y,sourceWidth,sourceHeight,this.xPos,this.yPos,outputWidth,outputHeight);this.canvasCtx.restore()}update(speed){if(!this.remove){this.xPos-=Math.ceil(speed);this.draw();if(!this.isVisible()){this.remove=true}}}isVisible(){return this.xPos+Cloud.config.WIDTH>0}}Cloud.config={HEIGHT:14,MAX_CLOUD_GA

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class HorizonLine{constructor(canvas,lineConfig){let sourceX=lineConfig.SOURCE_X;let sourceY=lineConfig.SOURCE_Y;if(IS_HIDPI){sourceX*=2;sourceY*=2}this.spritePos={x:sourceX,y:sourceY};this.canvas=canvas;this.canvasCtx=canvas.getContext("2d");this.sourceDimensions={};this.dimensions=lineConfig;this.sourceXPos=[this.spritePos.x,this.spritePos.x+this.dimensions.WIDTH];this.xPos=[];this.yPos=0;this.bumpThreshold=.5;this.setSourceDimensions(lineConfig);this.draw()}setSourceDimensions(newDimensions){for(const dimension in newDimensions){if(dimension!=="SOURCE_X"&&dimension!=="SOURCE_Y"){if(IS_HIDPI){if(dimension!=="YPOS"){this.sourceDimensions[dimension]=newDimensions[dimension]*2}}else{this.sourceDimensions[dimension]=newDimensions[dimension]}this.dimensions[dimension]=newDimensions[dimension]}}this.xPos=[0,newDimensions.WIDTH];this.yPos=newDimensions.YPOS}getRandomType(){return Math.random()>this.bumpThreshold?this.dimensions.WIDTH:0}draw(){this.canvasCtx.drawImage(Runner.imageSprite,this.sourceXPos[0],this.spri

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class NightMode{constructor(canvas,spritePos,containerWidth){this.spritePos=spritePos;this.canvas=canvas;this.canvasCtx=canvas.getContext("2d");this.xPos=containerWidth-50;this.yPos=30;this.currentPhase=0;this.opacity=0;this.containerWidth=containerWidth;this.stars=[];this.drawStars=false;this.placeStars()}update(activated){if(activated&&this.opacity===0){this.currentPhase++;if(this.currentPhase>=NightMode.phases.length){this.currentPhase=0}}if(activated&&(this.opacity<1||this.opacity===0)){this.opacity+=NightMode.config.FADE_SPEED}else if(this.opacity>0){this.opacity-=NightMode.config.FADE_SPEED}if(this.opacity>0){this.xPos=this.updateXPos(this.xPos,NightMode.config.MOON_SPEED);if(this.drawStars){for(let i=0;i<NightMode.config.NUM_STARS;i++){this.stars[i].x=this.updateXPos(this.stars[i].x,NightMode.config.STAR_SPEED)}}this.draw()}else{this.opacity=0;this.placeStars()}this.drawStars=true}updateXPos(currentPos,speed){if(currentPos<-NightMode.config.WIDTH){currentPos=this.containerWidth}else{currentPos-=speed}r

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class Obstacle{constructor(canvasCtx,type,spriteImgPos,dimensions,gapCoefficient,speed,opt_xOffset,opt_isAltGameMode){this.canvasCtx=canvasCtx;this.spritePos=spriteImgPos;this.typeConfig=type;this.gapCoefficient=Runner.slowDown?gapCoefficient*2:gapCoefficient;this.size=getRandomNum(1,Obstacle.MAX_OBSTACLE_LENGTH);this.dimensions=dimensions;this.remove=false;this.xPos=dimensions.WIDTH+(opt_xOffset||0);this.yPos=0;this.width=0;this.collisionBoxes=[];this.gap=0;this.speedOffset=0;this.altGameModeActive=opt_isAltGameMode;this.imageSprite=this.typeConfig.type==="COLLECTABLE"?Runner.altCommonImageSprite:this.altGameModeActive?Runner.altGameImageSprite:Runner.imageSprite;this.currentFrame=0;this.timer=0;this.init(speed)}init(speed){this.cloneCollisionBoxes();if(this.size>1&&this.typeConfig.multipleSpeed>speed){this.size=1}this.width=this.typeConfig.width*this.size;if(Array.isArray(this.typeConfig.yPos)){const yPosConfig=IS_MOBILE?this.typeConfig.yPosMobile:this.typeConfig.yPos;this.yPos=yPosConfig[getRandomNum(0,yPo

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

class Horizon{constructor(canvas,spritePos,dimensions,gapCoefficient){this.canvas=canvas;this.canvasCtx=this.canvas.getContext("2d");this.config=Horizon.config;this.dimensions=dimensions;this.gapCoefficient=gapCoefficient;this.obstacles=[];this.obstacleHistory=[];this.horizonOffsets=[0,0];this.cloudFrequency=this.config.CLOUD_FREQUENCY;this.spritePos=spritePos;this.nightMode=null;this.altGameModeActive=false;this.clouds=[];this.cloudSpeed=this.config.BG_CLOUD_SPEED;this.backgroundEls=[];this.lastEl=null;this.backgroundSpeed=this.config.BG_CLOUD_SPEED;this.horizonLine=null;this.horizonLines=[];this.init()}init(){Obstacle.types=spriteDefinitionByType.original.OBSTACLES;this.addCloud();for(let i=0;i<Runner.spriteDefinition.LINES.length;i++){this.horizonLines.push(new HorizonLine(this.canvas,Runner.spriteDefinition.LINES[i]))}this.nightMode=new NightMode(this.canvas,this.spritePos.MOON,this.dimensions.WIDTH)}adjustObstacleSpeed(){for(let i=0;i<Obstacle.types.length;i++){if(Runner.slowDown){Obstacle.types[i].multi

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

function Runner(outerContainerId,opt_config){if(Runner.instance_){return Runner.instance_}Runner.instance_=this;this.outerContainerEl=document.querySelector(outerContainerId);this.containerEl=null;this.snackbarEl=null;this.touchController=null;this.config=opt_config||Object.assign(Runner.config,Runner.normalConfig);this.dimensions=Runner.defaultDimensions;this.gameType=null;Runner.spriteDefinition=spriteDefinitionByType["original"];this.altGameImageSprite=null;this.altGameModeActive=false;this.altGameModeFlashTimer=null;this.fadeInTimer=0;this.canvas=null;this.canvasCtx=null;this.tRex=null;this.distanceMeter=null;this.distanceRan=0;this.highestScore=0;this.syncHighestScore=false;this.time=0;this.runningTime=0;this.msPerFrame=1e3/FPS;this.currentSpeed=this.config.SPEED;Runner.slowDown=false;this.obstacles=[];this.activated=false;this.playing=false;this.crashed=false;this.paused=false;this.inverted=false;this.invertTimer=0;this.resizeTimerId_=null;this.playCount=0;this.audioBuffer=null;this.soundFx={};this.gene

// Use of this source code is governed by a BSD-style license that can be

// found in the LICENSE file.

<h1>

</h1>

${data.summary?x`

`:""}

${shouldShowSuggestionsSummaryList(data)?x`

<p>${data.suggestionsSummaryListHeader}</p>

${data.suggestionsSummaryList.map((item=>x`

`))}

</ul>

</div>

`:""}

<div class="error-code">${data.errorCode}</div>

${data.savePageLater?x`

${data.savePageLater.savePageMsg}

</a>

</div>

<div id="cancel-save-page-button" class="hidden"

@click="${cancelSavePageClick}"

.innerHTML="${data.savePageLater.cancelMsg}">

</div>

`:""}

</div>

${data.reloadButton?x`

<button id="reload-button"

class="blue-button text-button"

@click="${reloadButtonClick}"

data-url="${data.reloadButton.reloadUrl}">

${data.reloadButton.msg}

</button>

`:""}

${data.downloadButton?x`

<button id="download-button"

class="blue-button text-button"

@click="${downloadButtonClick}"

.disabledText="${data.downloadButton.disabledMsg}">

${data.downloadButton.msg}

</button>

`:""}

</div>

${shouldShowDetailsButton(data)?x`

<button id="details-button" class="secondary-button text-button

small-link ${getDetailsButtonCssClass(data)}"

@click="${detailsButtonClick}">

${getDetailsButtonText(data,showingDetails)}

</button>

`:""}

</div>

${data.suggestionsDetails?x`

${data.suggestionsDetails.map((item=>x`

</div>

`))}

</div>

`:""}

</div>

${data.summary?x`

<!-- Show details when hovering over the icon, in case the details are

hidden because they're too large. -->

</div>

`:""}

`}Object.assign(window,{diagnoseErrors:diagnoseErrors,portalSignin:portalSignin,toggleHelpBox:toggleHelpBox,updateForDnsProbe:updateForDnsProbe});document.addEventListener("DOMContentLoaded",onDocumentLoad);</script>

</head>

<h1>

<span>Strona <span>www.googletagmanager.com</span> jest zablokowana</span>

</h1>

<p>Ta strona zosta

a zablokowana przez rozszerzenie</p>

<li>Spr

buj wy

rozszerzenia.</li>

</ul>

</div>

<div class="error-code">ERR_BLOCKED_BY_CLIENT</div>

</div>

Od

</button>

</div>

</div>

</div>

<!-- Show details when hovering over the icon, in case the details are

hidden because they're too large. -->

<div id="sub-frame-error-details">Ta strona zosta

a zablokowana przez rozszerzenie</div>

</div>

<img id="offline-resources-1x" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABNEAAABkBAMAAABayruYAAAAJFBMVEUAAADa2tr/////9/e6urpTU1O5ubn39/f///9ZWVlfX1/z8/O/OctmAAAACXRSTlMA//////////ZO3iNwAAALPElEQVR4AezdwY6bShMF4GP6krX9Bqgk9kiI/SzyAAir9lnlFfL6N26OWhXckDae9mClj/L7L1czMMbfbYDMOCgpKSkpwelyRmIEd6mEhTQpDabvu1C7vsf2ALM6cLlctquVtq2YDwC1jrfHEVDV8fagvln7p7XOlUKVi9SKWrncY5GQnN0DhLuZ1HZJa7WZPemU0GCc6hUMBtVue4BZHeD3v1caTn9KIyiPSimIvjw8SqtDVaQlvKrT2e91JEVUsEilOtGTNkkNUglWnFLX1oDrWSwGSOZ8V91CRczFDnBkWVEaKG0WBISZDPOTeeD2MIZK/Sz4YESUkbxdRhlkTXTrJ74d+aQ1bFRPSRvYjUuLmLOKmNjIch3/fQesGygrHW/SyO2WWzWmSyvSHjpVE1WJSWsIqwJk0agmSmsb39gnzbGKSaOXyJTGKmFSA6vvv/Nh3NQaDpyjPWaCp22mt0+ahkj+LlTzU4tu3Ujjrt4nrZoIq20qlT8brW/4k7S5sQGq73ZJO+M5aawjc5pHRmmYLxMozY/64llp8oAeeaQrMWkir5EGnSPLg8aZ6OaIrJ3n8WsX0lptPCy5ldOiYaT5xro0p9cEaa7nAENd99DOrEzIK0btxOrDSKMl0JeyCgugtr2DSWunmDR2Xy7tdF7c7MgmrfmLNDa7LWmOX9pllzbSDac0UBqrpTQOHOboeQBpIWJOjU3Oq8dItu+pNZRWLaWFBg+nnyBt6FhxIMIrVGxfFqGujcuDj/lkf6S0EeYC9E5aGDiUtAMcPUNkMZ8xl/Oj0qqJ0tomSFs2xDfkaWlOr1FpZz

<img id="offline-resources-2x" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACY4AAADCCAMAAADT9DSoAAAANlBMVEUAAADa2tr/////9/e5ubn39/dTU1P29vbv7+/+/v74+Pjw8PD///9ZWVlfX1/z8/P5+fn///9RgilMAAAAEnRSTlMA///////////////2////9gn80juWAAAR/UlEQVR4AezdAW+jOBPG8QcgVPv9P+xqHQPvu9nrTWWd1enNuY7D/ydpS+gwdqRq44yN0WUBAAAAAAAA06u/sVPPbZZ0/Ie5LNvIEWbRu11msCsK7duYZM4OcaWzf1+rVk13fbTpj1SctXMWZJHluSLYTmxlUBlVxJlkZz/py2a/txeV/o1qls9B3q55/TALAAAAHa16KeU340nT4+gKZq36LesYPMIsWmR2mbGuqGvZxqkrOsct+wNgOAYA2Gy6bysmEo3N/71HKhWzg+W1haTCZqdr06Blu5tSvS/GpLIhAAzHmsxMWyWsqJA980zxKinb+4zWxh4Zs46RIyoVosWqRGNcYRGOrJE2zCTjjzsD+SwysJLTFXdaRCjf+DA7P74yeTvmrdtUKCTWjr2uaZIAoHR7k5a3H+oLANZX+W4zdf4WjFmHP+IyrM616/ucQ+S1nFO3FWTn/r6Gsbi50Sb+3l+aykxk5Q5Mu9xstTshK20UL5MAMBwbzsmyXgCF22yD5OVx/EthAMBw7NSobP1Yh2qV7X4WyjF/shLMIio5Xrw2tsTrY/3XjQXiLPYMxFktLZ7v3O04azRYA/+z9stL3s0Zk/ibHkqvqUwA2Opzl9ock5B2J2Qtn50t5ky38txW6R8AhmM9xt4w/mrVnyMpB3I8MjyOKyyimqO9+r2O16sRswdZtv+HNN01KGRJK/1tmfdhbZ4Xq67AtoS11wDwcLsLAK49HEvhqvrU9O7Po2HudpVAq0Udn0bocfQ4DuRo0NOB7nXsULPrsG

</div>

y","errorCode":"ERR_BLOCKED_BY_CLIENT","fontfamily":"'Segoe UI', Tahoma, sans-serif","fontfamilyMd":"'Segoe UI', Tahoma, sans-serif","fontsize":"75%","heading":{"msg":"Strona \u003Cspan>www.googletagmanager.com\u003C/span> jest zablokowana"},"hideDetails":"Ukryj szczeg

y","iconClass":"icon-generic","language":"pl","reloadButton":{"msg":"Od

","reloadUrl":"https://www.googletagmanager.com/ns.html?id=GTM-P63Z8TM"},"suggestionsDetails":[],"suggestionsSummaryList":[{"summary":"Spr

buj wy

rozszerzenia."}],"summary":{"msg":"Ta strona zosta

a zablokowana przez rozszerzenie"},"textdirection":"ltr","title":"www.googletagmanager.com"};</script></body></html>