/** * WordPress Dashboard stylesheet. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * Configuration Options */ /** * Variables. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * MUI 3 Variables. * * Site Kit by Google, Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * Colors * Names from http://chir.ag/projects/name-that-color/ */ /* stylelint-disable */ /* stylelint-enable */ /* * Custom z-Index values * * Important values within the WordPress dashboard are as follows: * - Top admin bar and its child menus, at z-index 99999 * - Left most main/side admin menu wrapper, at z-index 9990 * - The left most main/side admin menu sub menus on hover, at z-index 9999 * * It is important to note that WordPress generally employs a 10 step jump * in values when moving between z-index layers and this should be adhered * to where possible. */ /** * Mixins. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * Material Design */ .mdc-button { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.0892857143em; -webkit-text-decoration: none; text-decoration: none; text-transform: uppercase; padding: 0 8px 0 8px; display: inline-flex; position: relative; align-items: center; justify-content: center; box-sizing: border-box; min-width: 64px; height: 36px; border: none; outline: none; /* @alternate */ line-height: inherit; -webkit-user-select: none; user-select: none; -webkit-appearance: none; overflow: hidden; vertical-align: middle; border-radius: 4px; } .mdc-button::-moz-focus-inner { padding: 0; border: 0; } .mdc-button:active { outline: none; } .mdc-button:hover { cursor: pointer; } .mdc-button:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.37); cursor: default; pointer-events: none; } .mdc-button.mdc-button--dense { border-radius: 4px; } .mdc-button:not(:disabled) { background-color: transparent; } .mdc-button .mdc-button__icon { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; display: inline-block; width: 18px; height: 18px; font-size: 18px; vertical-align: top; } [dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } .mdc-button:not(:disabled) { color: #3c7251; /* @alternate */ color: var(--mdc-theme-primary, #3c7251); } .mdc-button__label + .mdc-button__icon { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } [dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; } svg.mdc-button__icon { fill: currentColor; } .mdc-button--raised .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon, .mdc-button--outlined .mdc-button__icon { /* @noflip */ margin-left: -4px; /* @noflip */ margin-right: 8px; } [dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--unelevated .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--outlined .mdc-button__icon, .mdc-button--outlined .mdc-button__icon[dir=rtl] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: -4px; } .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, .mdc-button--outlined .mdc-button__label + .mdc-button__icon { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: -4px; } [dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { /* @noflip */ margin-left: -4px; /* @noflip */ margin-right: 8px; } .mdc-button--raised, .mdc-button--unelevated { padding: 0 16px 0 16px; } .mdc-button--raised:disabled, .mdc-button--unelevated:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.37); } .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { background-color: #3c7251; } @supports not (-ms-ime-align: auto) { .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } } .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { color: #fff; /* @alternate */ color: var(--mdc-theme-on-primary, #fff); } .mdc-button--raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-button--raised:hover, .mdc-button--raised:focus { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mdc-button--raised:active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mdc-button--raised:disabled { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mdc-button--outlined { border-style: solid; padding: 0 15px 0 15px; border-width: 1px; } .mdc-button--outlined:disabled { border-color: rgba(0, 0, 0, 0.37); } .mdc-button--outlined:not(:disabled) { border-color: #3c7251; /* @alternate */ border-color: var(--mdc-theme-primary, #3c7251); } .mdc-button--dense { height: 32px; font-size: 0.8125rem; } @keyframes mdc-ripple-fg-radius-in { from { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } to { transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } @keyframes mdc-ripple-fg-opacity-in { from { animation-timing-function: linear; opacity: 0; } to { opacity: var(--mdc-ripple-fg-opacity, 0); } } @keyframes mdc-ripple-fg-opacity-out { from { animation-timing-function: linear; opacity: var(--mdc-ripple-fg-opacity, 0); } to { opacity: 0; } } .mdc-ripple-surface--test-edge-var-bug { --mdc-ripple-surface-test-edge-var: 1px solid #000; visibility: hidden; } .mdc-ripple-surface--test-edge-var-bug::before { border: var(--mdc-ripple-surface-test-edge-var); } .mdc-button { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-button::before, .mdc-button::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-button::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-button.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-button.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-button.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-button.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-button::before, .mdc-button::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-button.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-button::before, .mdc-button::after { background-color: #3c7251; } @supports not (-ms-ime-align: auto) { .mdc-button::before, .mdc-button::after { /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } } .mdc-button:hover::before { opacity: 0.04; } .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-button:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-button:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-button.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-button--raised::before, .mdc-button--raised::after, .mdc-button--unelevated::before, .mdc-button--unelevated::after { background-color: #fff; } @supports not (-ms-ime-align: auto) { .mdc-button--raised::before, .mdc-button--raised::after, .mdc-button--unelevated::before, .mdc-button--unelevated::after { /* @alternate */ background-color: var(--mdc-theme-on-primary, #fff); } } .mdc-button--raised:hover::before, .mdc-button--unelevated:hover::before { opacity: 0.08; } .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before, .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-button--raised:not(.mdc-ripple-upgraded)::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-button--raised:not(.mdc-ripple-upgraded):active::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-button--raised.mdc-ripple-upgraded, .mdc-button--unelevated.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button { box-shadow: none; text-transform: none; } .googlesitekit-plugin .mdc-button:not(:disabled) { color: #3c7251; } @media (max-width: 960px) { .googlesitekit-plugin .mdc-button { min-width: auto; } } .googlesitekit-plugin .mdc-button .mdc-button__icon--image { border-radius: 50%; display: block; height: 18px; width: 18px; } .googlesitekit-plugin .mdc-button .mdc-button__trailing-icon { margin-left: 8px; } .googlesitekit-plugin .mdc-button--raised { border-radius: 100px; box-shadow: none; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; height: auto; letter-spacing: normal; min-height: 40px; padding-bottom: 8px; padding-top: 8px; text-align: center; } .googlesitekit-plugin .mdc-button--raised:not(:disabled) { background-color: #3c7251; } .googlesitekit-plugin .mdc-button--raised:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--raised::before, .googlesitekit-plugin .mdc-button--raised::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--raised::before, .googlesitekit-plugin .mdc-button--raised::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--raised:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--raised.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--raised.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--raised.mdc-button--dense { border-radius: 100px; } .googlesitekit-plugin .mdc-button--raised:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--raised:focus { outline: none; } .googlesitekit-plugin .mdc-button--danger:not(:disabled) { background-color: #ac4220; } .googlesitekit-plugin .mdc-button--danger:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--danger::before, .googlesitekit-plugin .mdc-button--danger::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--danger::before, .googlesitekit-plugin .mdc-button--danger::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--danger:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--danger.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--danger.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--dropdown { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.6.6L12%202%206%208%200%202%201.4.6%206%205.2z%22%20fill%3D%22%23757575%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-position: calc(100% - 8px) center; background-repeat: no-repeat; background-size: 9px 6px; letter-spacing: normal; padding-right: 12px; text-transform: none; } .googlesitekit-plugin .mdc-button--dropdown:not(:disabled) { color: #161b18; } @media (min-width: 600px) { .googlesitekit-plugin .mdc-button--dropdown { padding-right: 25px; } } .googlesitekit-plugin .mdc-button--dropdown:hover, .googlesitekit-plugin .mdc-button--dropdown:active, .googlesitekit-plugin .mdc-button--dropdown:focus { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:active:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:focus:not(:disabled) { background-color: #ebeef0; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:active:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:focus:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--dropdown:hover::before, .googlesitekit-plugin .mdc-button--dropdown:hover::after, .googlesitekit-plugin .mdc-button--dropdown:active::before, .googlesitekit-plugin .mdc-button--dropdown:active::after, .googlesitekit-plugin .mdc-button--dropdown:focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--dropdown:hover::before, .googlesitekit-plugin .mdc-button--dropdown:hover::after, .googlesitekit-plugin .mdc-button--dropdown:active::before, .googlesitekit-plugin .mdc-button--dropdown:active::after, .googlesitekit-plugin .mdc-button--dropdown:focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--dropdown:hover:hover::before, .googlesitekit-plugin .mdc-button--dropdown:active:hover::before, .googlesitekit-plugin .mdc-button--dropdown:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:hover.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--dropdown:hover.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--dropdown:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--dropdown:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } @media (max-width: 599px) { .googlesitekit-plugin .mdc-button--dropdown { background-image: none; } } @media (max-width: 599px) { .googlesitekit-plugin .mdc-button--dropdown .mdc-button__label { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } } @media (min-width: 600px) { .googlesitekit-plugin .mdc-button--dropdown .mdc-button__label { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media (min-width: 960px) { .googlesitekit-plugin .mdc-button--dropdown .mdc-button__label { max-width: 300px; } } @media (min-width: 1280px) { .googlesitekit-plugin .mdc-button--dropdown .mdc-button__label { max-width: 450px; } } .googlesitekit-plugin .mdc-button--inverse:not(:disabled) { background-color: #161b18; } .googlesitekit-plugin .mdc-button--inverse:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--inverse::before, .googlesitekit-plugin .mdc-button--inverse::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--inverse::before, .googlesitekit-plugin .mdc-button--inverse::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--inverse:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--inverse.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--inverse.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; height: auto; letter-spacing: normal; min-height: 40px; padding: 8px 16px; } .googlesitekit-plugin .mdc-button--tertiary:not(:disabled) { color: #6c726e; } .googlesitekit-plugin .mdc-button--tertiary:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(22, 27, 24, 0.08); } .googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--tertiary:hover::before, .googlesitekit-plugin .mdc-button--tertiary:hover::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--tertiary:hover::before, .googlesitekit-plugin .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--tertiary:hover:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) { color: #161b18; } .googlesitekit-plugin .mdc-button--tertiary:active, .googlesitekit-plugin .mdc-button--tertiary:focus { outline: none; } .googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) { background-color: rgba(22, 27, 24, 0.26); } .googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--tertiary:active::before, .googlesitekit-plugin .mdc-button--tertiary:active::after, .googlesitekit-plugin .mdc-button--tertiary:focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--tertiary:active::before, .googlesitekit-plugin .mdc-button--tertiary:active::after, .googlesitekit-plugin .mdc-button--tertiary:focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--tertiary:active:hover::before, .googlesitekit-plugin .mdc-button--tertiary:focus:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) { color: #161b18; } .googlesitekit-plugin .mdc-button--callout { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; height: auto; letter-spacing: normal; min-height: 32px; padding: 6px 16px; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:not(:disabled) { color: #265c3b; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) { background-color: rgba(147, 201, 168, 0.6); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) { color: #265c3b; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus { outline: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) { background-color: #93c9a8; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) { color: #265c3b; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:disabled { color: rgba(38, 92, 59, 0.4); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:not(:disabled) { color: #4e3300; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) { background-color: rgba(225, 177, 85, 0.6); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) { color: #4e3300; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus { outline: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) { background-color: #e1b155; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) { color: #4e3300; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:disabled { color: rgba(78, 51, 0, 0.4); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:not(:disabled) { color: #7a1e00; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) { background-color: rgba(255, 194, 174, 0.6); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) { color: #7a1e00; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus { outline: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) { background-color: #ffc2ae; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) { color: #7a1e00; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:disabled { color: rgba(122, 30, 0, 0.4); } .googlesitekit-plugin .MuiCircularProgress-colorPrimary { color: #3c7251; } .googlesitekit-plugin .MuiCircularProgress-colorSecondary { color: #108080; } /* * Top-level Cascade Items */ /* * Components */ /** * Analytics CTA styles. * * Site Kit by Google, Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-analytics-cta { --cta-analytics-gap: 16px; --cta-analytics-gap-narrow: calc(var(--cta-analytics-gap) / 2); background-color: #ebeef0; display: flex; flex-direction: column; gap: var(--cta-analytics-gap); padding: var(--cta-analytics-gap); } @media (min-width: 1440px) { .googlesitekit-plugin .googlesitekit-analytics-cta { --cta-analytics-gap: 24px; flex-direction: row-reverse; } } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta--description { color: #161b18; font-size: 14px; letter-spacing: 0.25px; margin: 0; } .googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button { margin-top: var(--cta-analytics-gap-narrow); width: 100%; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button { width: auto; } } @media (min-width: 1440px) { .googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button { margin-top: var(--cta-analytics-gap); } } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-cta--activate-analytics, .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs { display: flex; gap: var(--cta-analytics-gap); } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph { background-color: #fff; border-radius: 4px; display: flex; flex: 1; flex-direction: column; padding: var(--cta-analytics-gap-narrow); } #dashboard-widgets .googlesitekit-plugin .googlesitekit-analytics-cta h3.googlesitekit-analytics-cta__preview-graph--title, .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--title { color: #333935; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.2px; margin: 0 0 auto; padding-bottom: var(--cta-analytics-gap-narrow); } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--icons { align-items: center; color: #cbd0d3; display: flex; gap: 4px; padding-top: var(--cta-analytics-gap-narrow); } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--up-arrow { height: 12px; } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--bar { background-color: #cbd0d3; border-radius: 5px; height: 8px; width: 24px; } @media (min-width: 1440px) { .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs, .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__details { flex: 1; } } /** * Change Arrow styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-change-arrow { --color-up: #46732b; --color-down: #ac4220; } .googlesitekit-plugin .googlesitekit-change-arrow--inverted-color { --color-up: #ac4220; --color-down: #46732b; } .googlesitekit-plugin .googlesitekit-change-arrow--up { color: var(--color-up); } .googlesitekit-plugin .googlesitekit-change-arrow--down { color: var(--color-up); transform: rotate(180deg); } .googlesitekit-plugin .googlesitekit-change-arrow--down path { fill: var(--color-down); } /** * CTA styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* stylelint-disable no-descending-specificity */ .googlesitekit-plugin .googlesitekit-cta, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { background-color: #ebeef0; border-radius: 16px; font-size: 14px; grid-column: span 3; grid-row: span 3; height: 100%; letter-spacing: 0.25px; line-height: 1.43; padding: 16px; width: 100%; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-cta, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { padding: 24px; } } .googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-cta--error, .googlesitekit-wp-dashboard #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta--error { background-color: #fff; } .googlesitekit-adminbar-modules .googlesitekit-plugin .googlesitekit-cta, .googlesitekit-adminbar-modules #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { padding: 16px; } .googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-cta, .googlesitekit-wp-dashboard #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { background-color: #ebeef0; box-sizing: border-box; height: auto; margin-top: 12px; padding: 12px; } .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta .googlesitekit-plugin .googlesitekit-cta, .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { margin-top: 0; } .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__title, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__title { color: #161b18; font-size: 14px; font-weight: 500; margin: 0 0 5px; } .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title { font-weight: 700; letter-spacing: 0.5px; } .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description { color: #161b18; margin: 0 0 20px; } .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description p:first-child, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description p:first-child { margin-top: 0; } .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error { background-color: #ffded3; } .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error a, .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__title, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error a, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__title { color: #7a1e00; } .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__description, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__description { color: #7a1e00; word-break: break-word; } .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .mdc-button:not(:disabled), #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .mdc-button:not(:disabled) { background-color: #ac4220; color: #fff; } .googlesitekit-plugin .googlesitekit-cta *:last-child, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta *:last-child { margin-bottom: 0; } .googlesitekit-wp-dashboard .googlesitekit-cta--error { margin-top: 12px; } /** * CTA link styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-cta-link { align-items: center; cursor: pointer; display: inline-flex; font-family: inherit; font-size: inherit; font-weight: inherit; padding: 0; text-align: left; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-cta-link svg { fill: currentColor; } .googlesitekit-cta-link:hover svg { fill: currentColor; } .googlesitekit-page .googlesitekit-cta-link { color: #108080; } .googlesitekit-page .googlesitekit-cta-link:hover { color: #108080; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-cta-link.googlesitekit-cta-link--secondary { color: #108080; } .googlesitekit-cta-link.googlesitekit-cta-link--secondary svg { fill: currentColor; } .googlesitekit-cta-link.googlesitekit-cta-link--secondary:hover { color: #108080; } .googlesitekit-cta-link.googlesitekit-cta-link--secondary:hover svg { fill: currentColor; } .googlesitekit-cta-link.googlesitekit-cta-link--caps { text-transform: uppercase; } .googlesitekit-cta-link.googlesitekit-cta-link--danger { color: #ac4220; } .googlesitekit-cta-link.googlesitekit-cta-link--small { font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-cta-link.googlesitekit-cta-link--standalone { display: flex; } .googlesitekit-cta-link.googlesitekit-cta-link--inverse { color: #fff; } .googlesitekit-cta-link.googlesitekit-cta-link--inverse:hover { color: #fff; } .googlesitekit-cta-link.googlesitekit-cta-link--disabled { color: #b8bdb9; cursor: default; } .googlesitekit-cta-link.googlesitekit-cta-link--danger:hover { color: #ac4220; } .googlesitekit-cta-link.googlesitekit-cta-link--disabled:hover { color: #b8bdb9; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-cta-link.googlesitekit-cta-link--no-flex { display: inline; } /** * CTA button styles for buttons with link styling. * * These are specific overrides for buttons that have the * `.googlesitekit-cta-link` class, and thus are placed after other * button styles. * * Because of this we override the `no-descending-specificity` Stylelint * rule which wants these styles higher up in the file, which would be * confusing (and possibly not override existing styles properly). */ /* stylelint-disable no-descending-specificity */ button.googlesitekit-cta-link { color: #3c7251; } button.googlesitekit-cta-link svg { fill: currentColor; } button.googlesitekit-cta-link:hover { color: #2e5f41; } button.googlesitekit-cta-link:hover svg { fill: currentColor; } button.googlesitekit-cta-link--link-button { padding: 2px 10px; } button.googlesitekit-cta-link--link-button:focus { background-color: rgba(60, 114, 81, 0.08); outline: none; } button.googlesitekit-cta-link--link-button.googlesitekit-cta-link--secondary:focus { background-color: rgba(16, 128, 128, 0.08); } /* stylelint-enable no-descending-specificity */ /** * Data block styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-data-block { --color-up: #46732b; --color-down: #ac4220; position: relative; text-align: left; } .post-php .googlesitekit-data-block { min-width: 150px; } .googlesitekit-wp-dashboard .googlesitekit-data-block { padding-top: 12px; } .googlesitekit-data-block .googlesitekit-data-block__title { align-items: flex-start; color: #6c726e; display: flex; flex: 1; flex-direction: column; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; justify-content: flex-start; line-height: 1.14; margin: 0 0 12px; row-gap: 8px; } .googlesitekit-data-block .googlesitekit-data-block__title .googlesitekit-new-badge { margin-left: 0; } .googlesitekit-data-block.googlesitekit-data-block--button .googlesitekit-data-block__title { align-items: center; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title { font-size: 16px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 5px; } #dashboard-widgets .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__title { font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-data-block .googlesitekit-data-block__title-inner { align-items: center; display: flex; flex: 1; } .googlesitekit-data-block .googlesitekit-data-block__title-datapoint-wrapper { display: flex; flex: 1; flex-flow: column; } .googlesitekit-data-block .googlesitekit-data-block__datapoint { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 46px; font-weight: 500; line-height: 1.13; margin: 0; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint { display: inline-block; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 38px; line-height: 1.158; margin-right: 5px; } .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__datapoint { font-size: 32px; } .googlesitekit-data-block .googlesitekit-data-block__change { color: #6c726e; font-size: 12px; letter-spacing: 0.2px; line-height: 1; margin-top: 16px; text-transform: none; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change { display: inline-block; font-size: 16px; letter-spacing: 0.5px; margin-top: 0; } .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__change { margin-top: 10px; } .googlesitekit-data-block .googlesitekit-data-block__change--no-change { visibility: hidden; } .googlesitekit-data-block .googlesitekit-data-block__sparkline { margin-top: 8px; max-width: 150px; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__sparkline { display: none; } .googlesitekit-data-block .googlesitekit-data-block__arrow { display: inline-block; line-height: 1; margin-right: 2px; vertical-align: baseline; } .googlesitekit-data-block .googlesitekit-data-block__arrow--reverse { transform: rotate(180deg); } #wpadminbar .googlesitekit-data-block .googlesitekit-data-block__arrow .svg { height: 9px; width: 9px; } .googlesitekit-data-block .googlesitekit-data-block__suffix { margin-left: 4px; } .googlesitekit-data-block .googlesitekit-data-block__value, .googlesitekit-data-block .googlesitekit-data-block__suffix { color: #6c726e; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; text-transform: none; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value, .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix { font-size: 16px; font-weight: 400; letter-spacing: 0.5px; } .googlesitekit-data-block .googlesitekit-data-block__value--up, .googlesitekit-data-block .googlesitekit-data-block__suffix--up { color: var(--color-up); } .googlesitekit-data-block .googlesitekit-data-block__value--down, .googlesitekit-data-block .googlesitekit-data-block__suffix--down { color: var(--color-down); } .googlesitekit-data-block .googlesitekit-data-block__source { font-size: 12px; letter-spacing: 0.2px; margin-top: 8px; } @media (min-width: 960px) { .googlesitekit-data-block .googlesitekit-data-block__source { margin-top: 12px; } } /* stylelint-disable no-descending-specificity */ .googlesitekit-data-block--button .googlesitekit-data-block__sparkline { margin: 8px auto 0 auto; } /* stylelint-enable */ .googlesitekit-data-block--button { cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; padding-bottom: 16px; padding-top: 20px; text-align: center; transition: background-color 0.2s ease-in-out; } @media (min-width: 960px) { .googlesitekit-data-block--button { padding-bottom: 24px; padding-top: 28px; } } .googlesitekit-data-block--button::before { content: ""; height: 4px; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity 0.2s ease-in-out; } .googlesitekit-data-block--selected::before { opacity: 1; } .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):active { background-color: rgba(99, 128, 184, 0.1); } .googlesitekit-data-block--button-1.googlesitekit-data-block--is-gathering-data::before { background-color: #999f9b; } .googlesitekit-data-block--button-1.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before { opacity: 0.6; } .googlesitekit-data-block--button-1::before { background-color: #6380b8; } .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):active { background-color: rgba(75, 187, 187, 0.1); } .googlesitekit-data-block--button-2.googlesitekit-data-block--is-gathering-data::before { background-color: #999f9b; } .googlesitekit-data-block--button-2.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before { opacity: 0.6; } .googlesitekit-data-block--button-2::before { background-color: #4bbbbb; } .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):active { background-color: rgba(92, 146, 113, 0.1); } .googlesitekit-data-block--button-3.googlesitekit-data-block--is-gathering-data::before { background-color: #999f9b; } .googlesitekit-data-block--button-3.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before { opacity: 0.6; } .googlesitekit-data-block--button-3::before { background-color: #5c9271; } .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):active { background-color: rgba(110, 72, 171, 0.1); } .googlesitekit-data-block--button-4.googlesitekit-data-block--is-gathering-data::before { background-color: #999f9b; } .googlesitekit-data-block--button-4.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before { opacity: 0.6; } .googlesitekit-data-block--button-4::before { background-color: #6e48ab; } .googlesitekit-plugin .googlesitekit-data-block__loading { align-items: center; display: flex; flex-direction: row; } .googlesitekit-plugin .googlesitekit-data-block--is-gathering-data { cursor: auto; } /** * Error text styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-error-text { color: #ac4220; font-weight: 500; } .googlesitekit-error-retry-text { color: #ac4220; margin-left: 1rem; } .googlesitekit-report-error-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; } /** * GatheringDataNotice styles. * * Site Kit by Google, Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-gathering-data-notice { text-transform: lowercase; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small span { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-default { position: relative; text-align: inherit; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-default span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-overlay { align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-overlay span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay { align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay span { font-size: 18px; line-height: 1.33; max-width: 80px; padding: 0; text-align: center; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-large span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } #wpadminbar .googlesitekit-plugin .googlesitekit-gathering-data-notice span { color: #999f9b; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; text-transform: lowercase; } /** * GenericErrorHandlerActions styles. * * Site Kit by Google, Copyright 2023 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-generic-error-handler-actions { align-items: flex-start; display: flex; flex-direction: column; gap: 16px; margin-block-start: 16px; } /** * IconWrapper styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-icon-wrapper { align-items: center; display: inline-flex; } /** * Site Kit by Google Logo styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-logo { color: #5f6561; line-height: 0; } .googlesitekit-logo .googlesitekit-logo__logo-g, .googlesitekit-logo .googlesitekit-svg-logo-g { height: 24px; vertical-align: middle; width: 23px; } @media (min-width: 600px) { .googlesitekit-logo .googlesitekit-logo__logo-g, .googlesitekit-logo .googlesitekit-svg-logo-g { height: 34px; width: 32px; } } .googlesitekit-logo .googlesitekit-logo__logo-sitekit, .googlesitekit-logo .googlesitekit-svg-logo-sitekit { fill: currentColor; height: 16px; margin-left: 8px; vertical-align: middle; width: 61px; } @media (min-width: 600px) { .googlesitekit-logo .googlesitekit-logo__logo-sitekit, .googlesitekit-logo .googlesitekit-svg-logo-sitekit { height: 26px; margin-left: 16px; width: 99px; } } @media (max-width: 449px) { .googlesitekit-logo .googlesitekit-logo__logo-sitekit, .googlesitekit-logo .googlesitekit-svg-logo-sitekit { display: none; } } .googlesitekit-logo--mini .googlesitekit-logo__logo-g, .googlesitekit-logo--mini .googlesitekit-svg-logo-g { height: 19px; width: 19px; } .googlesitekit-logo--mini .googlesitekit-logo__logo-sitekit, .googlesitekit-logo--mini .googlesitekit-svg-logo-sitekit { height: 17px; margin-left: 4px; width: 78px; } /** * Preview block styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-preview-block { display: flex; flex-direction: column; } .googlesitekit-preview-block--padding { padding: 16px; } .googlesitekit-preview-block--padding + .googlesitekit-preview-block--padding { padding-top: 0; } @media (min-width: 960px) { .googlesitekit-preview-block--padding { padding: 24px; } } .googlesitekit-preview-block__wrapper { animation: googlesitekit-pulse 1s infinite ease-in-out; animation-direction: alternate; flex: 1 1 auto; } @media (prefers-reduced-motion: reduce) { .googlesitekit-preview-block__wrapper { animation: none; background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15)); } } .googlesitekit-preview-block__wrapper--circle { border-radius: 50%; } @keyframes googlesitekit-pulse { 0% { background-color: #ebeef0; } 100% { background-color: #cbd0d3; } } /** * Preview table styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-preview-table { width: 100%; } .googlesitekit-preview-table .googlesitekit-preview-table__row { margin: 0 0 9px; } .googlesitekit-preview-table .googlesitekit-preview-table__row:last-child { margin-bottom: 0; } .googlesitekit-preview-table--padding { padding: 16px; } .googlesitekit-preview-table--padding + .googlesitekit-preview-table--padding { padding-top: 0; } @media (min-width: 960px) { .googlesitekit-preview-table--padding { padding: 24px; } } /** * Source link styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-source-link { color: #6c726e; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1; } /** * Table styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-table { counter-reset: table; font-size: 14px; letter-spacing: 0.25px; padding: 16px; position: relative; } @media (min-width: 960px) { .googlesitekit-table { padding: 24px; } } .googlesitekit-alltraffic-widget .googlesitekit-table, .googlesitekit-wp-dashboard .googlesitekit-table { padding: 0; } .googlesitekit-table .googlesitekit-table__wrapper { border-collapse: collapse; table-layout: fixed; width: 100%; } @media (max-width: 599px) { .googlesitekit-table .googlesitekit-table__wrapper.googlesitekit-table__wrapper--mobile-2-col .googlesitekit-table__head-item--primary { width: 75%; } } .googlesitekit-table .googlesitekit-table__wrapper--tabbed-layout { table-layout: auto; } .googlesitekit-table .googlesitekit-table__head-row { border-bottom: 1px solid #ebeef0; } .googlesitekit-table .googlesitekit-table__head-item { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; hyphens: auto; line-height: 1.25; outline: 0; padding: 0 4px 8px 4px; position: relative; text-align: right; -webkit-text-decoration: none; text-decoration: none; white-space: normal; } @media (min-width: 600px) { .googlesitekit-table .googlesitekit-table__head-item { padding: 0 8px 8px 8px; } } @media (min-width: 960px) { .googlesitekit-table .googlesitekit-table__head-item { padding: 0 12px 12px 12px; } } .googlesitekit-table .googlesitekit-table__head-item:first-child { padding-left: 0; text-align: left; } .googlesitekit-table .googlesitekit-table__head-item:last-child { padding-right: 0; } .googlesitekit-widget--with-header .googlesitekit-table .googlesitekit-table__head-item { font-size: 14px; line-height: 1.14; } .googlesitekit-table-overflow .googlesitekit-table .googlesitekit-table__head-item:last-child { padding-right: 0; } @media (min-width: 960px) { .googlesitekit-table .googlesitekit-table__head-item[data-tooltip]::before { background: rgba(0, 0, 0, 0.7); border-radius: 3px; color: #fff; content: attr(data-tooltip); display: none; font-size: 12px; letter-spacing: 0.2px; max-width: 250px; opacity: 0; padding: calc(16px / 2) 24px; pointer-events: none; position: absolute; right: 0; text-align: center; top: 100%; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; visibility: hidden; } } @media (min-width: 960px) { .googlesitekit-table .googlesitekit-table__head-item:first-child[data-tooltip]::before { left: 0; } } .googlesitekit-table .googlesitekit-table__head-item--primary { width: 50%; } .googlesitekit-table .googlesitekit-table__wrapper--2-col .googlesitekit-table__head-item--primary { width: 75%; } .googlesitekit-table .googlesitekit-table__body { color: #161b18; font-weight: 400; } .googlesitekit-table .googlesitekit-table__body-row { border-bottom: 1px solid #ebeef0; } .googlesitekit-table .googlesitekit-table__body-row--no-data td { white-space: normal; } .googlesitekit-table .googlesitekit-table__body-item { padding: 8px 4px; text-align: right; } @media (min-width: 600px) { .googlesitekit-table .googlesitekit-table__body-item { padding: 8px; } } @media (min-width: 960px) { .googlesitekit-table .googlesitekit-table__body-item { padding: 12px; } } .googlesitekit-table .googlesitekit-table__body-item:first-child { padding-left: 0; text-align: left; } .googlesitekit-table .googlesitekit-table__body-item:last-child { padding-right: 0; } .googlesitekit-table .googlesitekit-table__body-item .googlesitekit-mini-chart { display: none; } @media (min-width: 600px) { .googlesitekit-table .googlesitekit-table__body-item .googlesitekit-mini-chart { display: block; } } .googlesitekit-table-overflow .googlesitekit-table .googlesitekit-table__body-item:last-child { padding-right: 0; } @media (max-width: 600px) { .googlesitekit-table .googlesitekit-table__body-item-content .googlesitekit-cta-link, .googlesitekit-table .googlesitekit-table__body-item-content > span { display: block; overflow: hidden; text-overflow: ellipsis; } } .googlesitekit-wp-dashboard .googlesitekit-table .googlesitekit-table__body-item-link { background-image: none; } .googlesitekit-table .googlesitekit-table__body-item-url { background-image: none; display: block; font-size: 12px; letter-spacing: 0.2px; word-break: break-word; } .googlesitekit-table .googlesitekit-table__body-item-chart-wrap { align-items: center; display: flex; justify-content: flex-end; } .googlesitekit-table .googlesitekit-table__source { margin-top: 16px; } @media (min-width: 960px) { .googlesitekit-table .googlesitekit-table__source { margin-top: 24px; } } .googlesitekit-table--with-list .googlesitekit-table__body-row { transition: background-color 0.2s ease-in-out; } .googlesitekit-table--with-list .googlesitekit-table__body-row:last-child { border-bottom: 0; } .googlesitekit-table--with-list .googlesitekit-table__body-row:hover { background-color: rgba(51, 57, 53, 0.05); } .googlesitekit-table--with-list .googlesitekit-table__body-row--no-data:hover { background-color: transparent; } .googlesitekit-table--with-list .googlesitekit-table__body-item:first-child .googlesitekit-table__body-item-content { margin-left: 24px; position: relative; } .googlesitekit-table--with-list .googlesitekit-table__body-item:first-child .googlesitekit-table__body-item-content::before { content: counter(table) "."; counter-increment: table; left: -24px; position: absolute; } .googlesitekit-table--gathering-data { padding-bottom: 0; } /** * Table overflow styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-table-overflow { position: relative; } @media (max-width: 600px) { .googlesitekit-table-overflow::after { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 85%, white 100%); bottom: 0; content: ""; display: block; pointer-events: none; position: absolute; right: 0; top: 0; transition: all 0.2s ease-in-out; width: 0; } } .googlesitekit-table-overflow .googlesitekit-table-overflow__container { overflow-x: auto; white-space: nowrap; } @media (min-width: 600px) { .googlesitekit-table-overflow .googlesitekit-table-overflow__container { overflow-x: visible; white-space: normal; } } @media (max-width: 600px) { .googlesitekit-table-overflow--gradient::after { width: 15%; } } /** * Chart styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-chart { position: relative; } .googlesitekit-chart .googlesitekit-chart__source { font-size: 12px; letter-spacing: 0.2px; margin-top: 16px; } .googlesitekit-chart .googlesitekit-chart__date-marker-line { border-left: 1px dashed #131418; height: 100%; left: 0; margin-left: 0.5px; opacity: 0; position: absolute; top: 0; transition: opacity 180ms ease-in; width: 0; } .googlesitekit-chart .googlesitekit-chart__date-marker-tooltip { color: #108080; height: 18px; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 180ms ease-in; width: 18px; } .googlesitekit-chart--LineChart div.google-visualization-tooltip { height: fit-content !important; width: fit-content !important; } .googlesitekit-chart--LineChart div.google-visualization-tooltip .google-visualization-tooltip-item-list { margin: 0.5em 0; } .googlesitekit-chart--LineChart div.google-visualization-tooltip .google-visualization-tooltip-item { margin: 0; } .googlesitekit-chart--PieChart svg { overflow: visible !important; } .googlesitekit-chart--PieChart svg > g > g { pointer-events: none; } .googlesitekit-chart--PieChart svg > g:last-child > g:last-child { pointer-events: none; } .googlesitekit-chart--PieChart div.google-visualization-tooltip { pointer-events: none; z-index: 8; } .googlesitekit-chart-loading__forced { height: 100%; width: 100%; } /** * Search console widget styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ #google_dashboard_widget .googlesitekit-search-console-widget { padding-top: 12px; } #google_dashboard_widget .googlesitekit-search-console-widget .googlesitekit-table__body-row:hover { background: transparent; } #google_dashboard_widget .googlesitekit-search-console-widget .googlesitekit-cta-link { -webkit-text-decoration: none; text-decoration: none; } /** * Unique visitors chart widget styles. * * Site Kit by Google, Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ #google_dashboard_widget .googlesitekit-unique-visitors-chart-widget { display: grid; padding-top: 20px; width: 100%; } /** * WP dashboard styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ #google_dashboard_widget h2.hndle { line-height: 1; } #google_dashboard_widget .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard__cta { border-bottom: 1px solid #ebeef0; margin: 0 -12px; padding: 0 12px 12px; } #google_dashboard_widget .googlesitekit-data-block .googlesitekit-data-block__datapoint, #google_dashboard_widget .googlesitekit-data-block .googlesitekit-data-block__title, #google_dashboard_widget .googlesitekit-table .googlesitekit-table__head-item { font-family: inherit; } #google_dashboard_widget .googlesitekit-table .googlesitekit-table__head-item { font-size: inherit; } #google_dashboard_widget .mdc-button.googlesitekit-button-icon--spinner__running svg circle { stroke: #fff; } #google_dashboard_widget .mdc-button.googlesitekit-button-icon--spinner__running.googlesitekit-button-icon--spinner__before .mdc-button__label { margin-inline-start: 8px; } #google_dashboard_widget .mdc-button.googlesitekit-button-icon--spinner__running.googlesitekit-button-icon--spinner__after .mdc-button__label { margin-inline-end: 8px; } #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-wp-dashboard-stats { display: block; } #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard-loading { min-height: 30px; } #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard__cta { min-height: 18px; } #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard-loading__search_console_active_and_connected, #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard-loading__can_view_analytics { min-height: 95px; } #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard-stats__cta { min-height: 300px; width: 100%; } #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-unique-visitors-chart-widget { min-height: 320px; } #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-search-console-widget { min-height: 580px; } @media (max-width: 599px) { #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-search-console-widget { min-height: 330px; } } #google_dashboard_widget .googlesitekit-wp-dashboard-analytics-activate-cta { min-height: 310px; } #google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected { min-height: 935px; } @media (max-width: 599px) { #google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected { min-height: 780px; } } #google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected.googlesitekit-wp-dashboard-search_console_active_and_connected { min-height: 650px; } #google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected.googlesitekit-wp-dashboard-search_console_active_and_connected .googlesitekit-search-console-widget:not(.googlesitekit-search-console-widget--empty-data) { min-height: 430px; } @media (max-width: 599px) { #google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected.googlesitekit-wp-dashboard-search_console_active_and_connected .googlesitekit-search-console-widget:not(.googlesitekit-search-console-widget--empty-data) { min-height: 220px; } } #google_dashboard_widget .googlesitekit-wp-dashboard-search_console_active_and_connected { min-height: 125px; } #google_dashboard_widget .googlesitekit-wp-dashboard-search_console_active_and_connected.googlesitekit-wp-dashboard-analytics-activate-cta { min-height: 420px; } #google_dashboard_widget .googlesitekit-chart div[dir] { width: 100% !important; } /** * WP dashboard stats styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ #google_dashboard_widget .googlesitekit-wp-dashboard-stats { box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; } #google_dashboard_widget .googlesitekit-wp-dashboard-stats * { box-sizing: border-box; } #google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__data-table { align-self: stretch; width: 48%; } @media (min-width: 600px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__data-table { width: auto; } } @media (min-width: 800px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__data-table { width: 48%; } } @media (min-width: 1300px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__data-table { width: auto; } } #google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__cta { padding-top: 12px; width: 100%; } @media (min-width: 600px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__cta { width: 50%; } } @media (min-width: 800px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__cta { width: 100%; } } @media (min-width: 1300px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__cta { width: 50%; } } @media (min-width: 600px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats > :where(.googlesitekit-wp-dashboard-stats__cta) + .googlesitekit-wp-dashboard-stats__cta { margin-left: 1px; margin-right: -1px; } } @media (min-width: 1300px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats > :where(.googlesitekit-wp-dashboard-stats__cta) + .googlesitekit-wp-dashboard-stats__cta { margin-left: 1px; margin-right: -1px; } } #google_dashboard_widget .googlesitekit-wp-dashboard-stats :where(.googlesitekit-cta) + .googlesitekit-wp-dashboard-stats__cta { width: 100%; } #google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-data-block--is-gathering-data { margin-bottom: 16px; } /* stylelint-disable-next-line selector-id-pattern */ @media (min-width: 600px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table { width: auto; } } @media (min-width: 800px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table { width: 48%; } } @media (min-width: 1300px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table { width: auto; } } @media (min-width: 1500px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table { width: 48%; } } @media (min-width: 2200px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table { width: auto; } } /* stylelint-disable-next-line selector-id-pattern */ #google_dashboard_widget .googlesitekit-wp-dashboard-stats--twoup > .googlesitekit-wp-dashboard-stats__data-table { width: 48%; } #google_dashboard_widget .googlesitekit-wp-dashboard-stats--twoup > .googlesitekit-wp-dashboard-stats__cta { width: 100%; } #google_dashboard_widget .googlesitekit-wp-dashboard-stats--twoup > .googlesitekit-wp-dashboard-stats__cta .mdc-button { -webkit-text-decoration: none; text-decoration: none; } @media (min-width: 1440px) { #google_dashboard_widget .googlesitekit-wp-dashboard-stats--twoup > .googlesitekit-wp-dashboard-stats__cta .googlesitekit-analytics-cta { --cta-analytics-gap: 16px; flex-direction: column; } } /** * Dashboard module chart styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__chart-zero-data { align-items: center; display: flex; justify-content: center; min-height: 368px; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__chart-zero-data > svg { color: #cbd0d3; height: 300px; width: 300px; } .googlesitekit-plugin .googlesitekit-adsense-site-stats .google-visualization-tooltip, .googlesitekit-plugin .googlesitekit-analytics-site-stats .google-visualization-tooltip, .googlesitekit-plugin .googlesitekit-search-console-site-stats .google-visualization-tooltip, .googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .google-visualization-tooltip, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .google-visualization-tooltip { border-color: #b8bdb9; border-radius: 8px; box-shadow: none; height: auto !important; width: auto !important; z-index: 8; } .googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip, .googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip, .googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip, .googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip { padding: 0 1em; } .googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip em, .googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip em, .googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip em, .googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip em, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip em { font-style: normal; font-weight: 700; } .googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip strong, .googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip strong, .googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip strong, .googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip strong, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip strong { color: #000; margin: 0 0.25em 0 1em; } .googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip p, .googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip p, .googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip p, .googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip p, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip p { font-size: 14px; letter-spacing: 0.25px; } .googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip svg, .googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip svg, .googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip svg, .googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip svg, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip svg { margin-right: 0.25em; } .googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip--up em, .googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip--up em, .googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip--up em, .googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip--up em, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip--up em { color: #46732b; } .googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip--down em, .googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip--down em, .googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip--down em, .googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip--down em, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip--down em { color: #ac4220; } .googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip-others em, .googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip-others em, .googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip-others em, .googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip-others em, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip-others em { display: none; } /** * Display utility styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-display-block { display: block; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-desktop-display-none { display: none; } } @media (max-width: 960px) { .googlesitekit-plugin .googlesitekit-non-desktop-display-none { display: none; } } /** * Font Weight utilities. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-font-weight-medium { font-weight: 500; } .googlesitekit-plugin .googlesitekit-font-weight-bold { font-weight: 700 !important; } /** * Overflow wrap utility styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-overflow-wrap-break-word { overflow-wrap: break-word; }