/** * Admin 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; } @keyframes mdc-checkbox-unchecked-checked-checkmark-path { 0%, 50% { stroke-dashoffset: 29.7833385; } 50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 100% { stroke-dashoffset: 0; } } @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 0%, 68.2% { transform: scaleX(0); } 68.2% { animation-timing-function: cubic-bezier(0, 0, 0, 1); } 100% { transform: scaleX(1); } } @keyframes mdc-checkbox-checked-unchecked-checkmark-path { from { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); opacity: 1; stroke-dashoffset: 0; } to { opacity: 0; stroke-dashoffset: -29.7833385; } } @keyframes mdc-checkbox-checked-indeterminate-checkmark { from { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: rotate(0deg); opacity: 1; } to { transform: rotate(45deg); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-checked-checkmark { from { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); transform: rotate(45deg); opacity: 0; } to { transform: rotate(360deg); opacity: 1; } } @keyframes mdc-checkbox-checked-indeterminate-mixedmark { from { animation-timing-function: mdc-animation-deceleration-curve-timing-function; transform: rotate(-45deg); opacity: 0; } to { transform: rotate(0deg); opacity: 1; } } @keyframes mdc-checkbox-indeterminate-checked-mixedmark { from { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); transform: rotate(0deg); opacity: 1; } to { transform: rotate(315deg); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 0% { animation-timing-function: linear; transform: scaleX(1); opacity: 1; } 32.8%, 100% { transform: scaleX(0); opacity: 0; } } .mdc-checkbox { display: inline-block; position: relative; flex: 0 0 18px; box-sizing: content-box; width: 18px; height: 18px; padding: 11px; line-height: 0; white-space: nowrap; cursor: pointer; vertical-align: bottom; } .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: #446199; /* @alternate */ border-color: var(--mdc-theme-secondary, #446199); background-color: #446199; /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); } @keyframes mdc-checkbox-fade-in-background-0 { 0% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } 50% { border-color: #446199; /* @alternate */ border-color: var(--mdc-theme-secondary, #446199); background-color: #446199; /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); } } @keyframes mdc-checkbox-fade-out-background-0 { 0%, 80% { border-color: #446199; /* @alternate */ border-color: var(--mdc-theme-secondary, #446199); background-color: #446199; /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); } 100% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } } .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { animation-name: mdc-checkbox-fade-in-background-0; } .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { animation-name: mdc-checkbox-fade-out-background-0; } .mdc-checkbox__checkmark { color: #fff; } .mdc-checkbox__mixedmark { border-color: #fff; } .mdc-checkbox__background::before { background-color: #446199; } @supports not (-ms-ime-align: auto) { .mdc-checkbox__background::before { /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); } } .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.26); } .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background { border-color: transparent; background-color: rgba(0, 0, 0, 0.26); } @media screen and (-ms-high-contrast: active) { .mdc-checkbox__mixedmark { margin: 0 1px; } } .mdc-checkbox--disabled { cursor: default; pointer-events: none; } .mdc-checkbox__background { /* @noflip */ left: 11px; /* @noflip */ right: initial; display: inline-flex; position: absolute; top: 11px; bottom: 0; align-items: center; justify-content: center; box-sizing: border-box; width: 45%; height: 45%; border: 2px solid currentColor; border-radius: 2px; background-color: transparent; pointer-events: none; will-change: background-color, border-color; transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox[dir=rtl] .mdc-checkbox__background, [dir=rtl] .mdc-checkbox .mdc-checkbox__background { /* @noflip */ left: initial; /* @noflip */ right: 11px; } .mdc-checkbox__checkmark { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0; transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox--upgraded .mdc-checkbox__checkmark { opacity: 1; } .mdc-checkbox__checkmark-path { transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); stroke: currentColor; stroke-width: 3.12px; stroke-dashoffset: 29.7833385; stroke-dasharray: 29.7833385; } .mdc-checkbox__mixedmark { width: 100%; height: 0; transform: scaleX(0) rotate(0deg); border-width: 1px; border-style: solid; opacity: 0; transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox--upgraded .mdc-checkbox__background, .mdc-checkbox--upgraded .mdc-checkbox__checkmark, .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, .mdc-checkbox--upgraded .mdc-checkbox__mixedmark { transition: none !important; } .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { animation-duration: 180ms; animation-timing-function: linear; } .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s; transition: none; } .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s; transition: none; } .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s; transition: none; } .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s; transition: none; } .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s; transition: none; } .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s; transition: none; } .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s; transition: none; } .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s; transition: none; } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { stroke-dashoffset: 0; } .mdc-checkbox__background::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; transform: scale(0, 0); border-radius: 50%; opacity: 0; pointer-events: none; content: ""; will-change: opacity, transform; transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { transform: scale(2.75, 2.75); opacity: 0.12; transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-checkbox__native-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: inherit; } .mdc-checkbox__native-control:disabled { cursor: default; pointer-events: none; } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); opacity: 1; } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { transform: scaleX(1) rotate(-45deg); } .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark { transform: rotate(45deg); opacity: 0; transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { transform: scaleX(1) rotate(0deg); opacity: 1; } .mdc-checkbox { --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-checkbox::before, .mdc-checkbox::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-checkbox::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-checkbox.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-checkbox.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-checkbox.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-checkbox.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-checkbox::before, .mdc-checkbox::after { background-color: #446199; } @supports not (-ms-ime-align: auto) { .mdc-checkbox::before, .mdc-checkbox::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); } } .mdc-checkbox:hover::before { opacity: 0.04; } .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-checkbox:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-checkbox:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-checkbox.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-checkbox::before, .mdc-checkbox::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } .mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-checkbox.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before { content: none; } .mdc-dialog, .mdc-dialog__scrim { position: fixed; top: 0; left: 0; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; } .mdc-dialog { display: none; z-index: 7; } .mdc-dialog .mdc-dialog__surface { background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); } .mdc-dialog .mdc-dialog__scrim { background-color: rgba(0, 0, 0, 0.32); } .mdc-dialog .mdc-dialog__title { color: rgba(0, 0, 0, 0.87); } .mdc-dialog .mdc-dialog__content { color: rgba(0, 0, 0, 0.6); } .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions { border-color: rgba(0, 0, 0, 0.12); } .mdc-dialog .mdc-dialog__surface { min-width: 280px; } @media (max-width: 592px) { .mdc-dialog .mdc-dialog__surface { max-width: calc(100vw - 32px); } } @media (min-width: 592px) { .mdc-dialog .mdc-dialog__surface { max-width: 560px; } } .mdc-dialog .mdc-dialog__surface { max-height: calc(100vh - 32px); } .mdc-dialog .mdc-dialog__surface { border-radius: 4px; } .mdc-dialog__scrim { opacity: 0; z-index: -1; } .mdc-dialog__container { display: flex; flex-direction: row; justify-content: space-around; box-sizing: border-box; transform: scale(0.8); opacity: 0; } .mdc-dialog__surface { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; box-sizing: border-box; max-width: 100%; max-height: 100%; } .mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface { text-align: right; } .mdc-dialog__title { display: block; margin-top: 0; /* @alternate */ line-height: normal; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; text-decoration: inherit; text-transform: inherit; display: block; position: relative; flex-shrink: 0; box-sizing: border-box; margin: 0; padding: 0 24px 9px; border-bottom: 1px solid transparent; } .mdc-dialog__title::before { display: inline-block; width: 0; height: 40px; content: ""; vertical-align: 0; } .mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title { text-align: right; } .mdc-dialog--scrollable .mdc-dialog__title { padding-bottom: 15px; } .mdc-dialog__content { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.5rem; font-weight: 400; letter-spacing: 0.03125em; text-decoration: inherit; text-transform: inherit; flex-grow: 1; box-sizing: border-box; margin: 0; padding: 20px 24px; overflow: auto; -webkit-overflow-scrolling: touch; } .mdc-dialog__content > :first-child { margin-top: 0; } .mdc-dialog__content > :last-child { margin-bottom: 0; } .mdc-dialog__title + .mdc-dialog__content { padding-top: 0; } .mdc-dialog--scrollable .mdc-dialog__content { padding-top: 8px; padding-bottom: 8px; } .mdc-dialog__content .mdc-list:first-child:last-child { padding: 6px 0 0; } .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child { padding: 0; } .mdc-dialog__actions { display: flex; position: relative; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; box-sizing: border-box; min-height: 52px; margin: 0; padding: 8px; border-top: 1px solid transparent; } .mdc-dialog--stacked .mdc-dialog__actions { flex-direction: column; align-items: flex-end; } .mdc-dialog__button { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; max-width: 100%; text-align: right; } [dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; } .mdc-dialog__button:first-child { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } [dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } .mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button { text-align: left; } .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) { margin-top: 12px; } .mdc-dialog--open, .mdc-dialog--opening, .mdc-dialog--closing { display: flex; } .mdc-dialog--opening .mdc-dialog__scrim { transition: opacity 150ms linear; } .mdc-dialog--opening .mdc-dialog__container { transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-dialog--closing .mdc-dialog__scrim, .mdc-dialog--closing .mdc-dialog__container { transition: opacity 75ms linear; } .mdc-dialog--closing .mdc-dialog__container { transform: scale(1); } .mdc-dialog--open .mdc-dialog__scrim { opacity: 1; } .mdc-dialog--open .mdc-dialog__container { transform: scale(1); opacity: 1; } .mdc-dialog-scroll-lock { overflow: hidden; } .mdc-form-field { 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: 1.25rem; font-weight: 400; letter-spacing: 0.0178571429em; text-decoration: inherit; text-transform: inherit; color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); display: inline-flex; align-items: center; vertical-align: middle; } .mdc-form-field > label { order: 0; /* @noflip */ margin-right: auto; /* @noflip */ padding-left: 4px; } [dir=rtl] .mdc-form-field > label, .mdc-form-field[dir=rtl] > label { /* @noflip */ margin-left: auto; /* @noflip */ padding-right: 4px; } .mdc-form-field--align-end > label { order: -1; /* @noflip */ margin-left: auto; /* @noflip */ padding-right: 4px; } [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir=rtl] > label { /* @noflip */ margin-right: auto; /* @noflip */ padding-left: 4px; } :root { --mdc-layout-grid-margin-desktop: 24px; --mdc-layout-grid-gutter-desktop: 24px; --mdc-layout-grid-column-width-desktop: 72px; --mdc-layout-grid-margin-tablet: 16px; --mdc-layout-grid-gutter-tablet: 16px; --mdc-layout-grid-column-width-tablet: 72px; --mdc-layout-grid-margin-phone: 16px; --mdc-layout-grid-gutter-phone: 16px; --mdc-layout-grid-column-width-phone: 72px; } @media (min-width: 961px) { .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 24px; padding: var(--mdc-layout-grid-margin-desktop, 24px); } } @media (min-width: 601px) and (max-width: 960px) { .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 16px; padding: var(--mdc-layout-grid-margin-tablet, 16px); } } @media (max-width: 600px) { .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 16px; padding: var(--mdc-layout-grid-margin-phone, 16px); } } @media (min-width: 961px) { .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 24px; grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); grid-template-columns: repeat(12, minmax(0, 1fr)); } } } @media (min-width: 601px) and (max-width: 960px) { .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); grid-template-columns: repeat(8, minmax(0, 1fr)); } } } @media (max-width: 600px) { .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); grid-template-columns: repeat(4, minmax(0, 1fr)); } } } @media (min-width: 961px) { .mdc-layout-grid__cell { width: calc(33.3333333333% - 24px); width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); box-sizing: border-box; margin: 12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop { width: calc(8.3333333333% - 24px); width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop { width: calc(16.6666666667% - 24px); width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop { width: calc(25% - 24px); width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop { width: calc(33.3333333333% - 24px); width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop { width: calc(41.6666666667% - 24px); width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop { width: auto; grid-column-end: span 5; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop { width: calc(50% - 24px); width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop { width: auto; grid-column-end: span 6; } } .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop { width: calc(58.3333333333% - 24px); width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop { width: auto; grid-column-end: span 7; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop { width: calc(66.6666666667% - 24px); width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop { width: calc(75% - 24px); width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop { width: auto; grid-column-end: span 9; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop { width: calc(83.3333333333% - 24px); width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop { width: auto; grid-column-end: span 10; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop { width: calc(91.6666666667% - 24px); width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop { width: auto; grid-column-end: span 11; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop { width: calc(100% - 24px); width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop { width: auto; grid-column-end: span 12; } } } @media (min-width: 601px) and (max-width: 960px) { .mdc-layout-grid__cell { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet { width: calc(12.5% - 16px); width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet { width: calc(37.5% - 16px); width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet { width: calc(62.5% - 16px); width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet { width: auto; grid-column-end: span 5; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet { width: auto; grid-column-end: span 6; } } .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet { width: calc(87.5% - 16px); width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet { width: auto; grid-column-end: span 7; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet { width: auto; grid-column-end: span 8; } } } @media (max-width: 600px) { .mdc-layout-grid__cell { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone { width: auto; grid-column-end: span 4; } } } .mdc-layout-grid__cell--order-1 { order: 1; } .mdc-layout-grid__cell--order-2 { order: 2; } .mdc-layout-grid__cell--order-3 { order: 3; } .mdc-layout-grid__cell--order-4 { order: 4; } .mdc-layout-grid__cell--order-5 { order: 5; } .mdc-layout-grid__cell--order-6 { order: 6; } .mdc-layout-grid__cell--order-7 { order: 7; } .mdc-layout-grid__cell--order-8 { order: 8; } .mdc-layout-grid__cell--order-9 { order: 9; } .mdc-layout-grid__cell--order-10 { order: 10; } .mdc-layout-grid__cell--order-11 { order: 11; } .mdc-layout-grid__cell--order-12 { order: 12; } .mdc-layout-grid__cell--align-top { align-self: flex-start; } @supports (display: grid) { .mdc-layout-grid__cell--align-top { align-self: start; } } .mdc-layout-grid__cell--align-middle { align-self: center; } .mdc-layout-grid__cell--align-bottom { align-self: flex-end; } @supports (display: grid) { .mdc-layout-grid__cell--align-bottom { align-self: end; } } @media (min-width: 961px) { .mdc-layout-grid--fixed-column-width { width: 1176px; width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 ); } } @media (min-width: 601px) and (max-width: 960px) { .mdc-layout-grid--fixed-column-width { width: 720px; width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 ); } } @media (max-width: 600px) { .mdc-layout-grid--fixed-column-width { width: 368px; width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 ); } } .mdc-layout-grid--align-left { margin-right: auto; margin-left: 0; } .mdc-layout-grid--align-right { margin-right: 0; margin-left: auto; } @keyframes primary-indeterminate-translate { 0% { transform: translateX(0); } 20% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(0); } 59.15% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(83.67142%); } 100% { transform: translateX(200.611057%); } } @keyframes primary-indeterminate-scale { 0% { transform: scaleX(0.08); } 36.65% { animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1); transform: scaleX(0.08); } 69.15% { animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); transform: scaleX(0.661479); } 100% { transform: scaleX(0.08); } } @keyframes secondary-indeterminate-translate { 0% { animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); transform: translateX(0); } 25% { animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); transform: translateX(37.651913%); } 48.35% { animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); transform: translateX(84.386165%); } 100% { transform: translateX(160.277782%); } } @keyframes secondary-indeterminate-scale { 0% { animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); transform: scaleX(0.08); } 19.15% { animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); transform: scaleX(0.457104); } 44.15% { animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); transform: scaleX(0.72796); } 100% { transform: scaleX(0.08); } } @keyframes buffering { to { transform: translateX(-10px); } } @keyframes primary-indeterminate-translate-reverse { 0% { transform: translateX(0); } 20% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(0); } 59.15% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(-83.67142%); } 100% { transform: translateX(-200.611057%); } } @keyframes secondary-indeterminate-translate-reverse { 0% { animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); transform: translateX(0); } 25% { animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); transform: translateX(-37.651913%); } 48.35% { animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); transform: translateX(-84.386165%); } 100% { transform: translateX(-160.277782%); } } @keyframes buffering-reverse { to { transform: translateX(10px); } } .mdc-linear-progress { position: relative; width: 100%; height: 4px; transform: translateZ(0); transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); overflow: hidden; } .mdc-linear-progress__bar { position: absolute; width: 100%; height: 100%; animation: none; transform-origin: top left; transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-linear-progress__bar-inner { display: inline-block; position: absolute; width: 100%; height: 100%; animation: none; } .mdc-linear-progress__buffering-dots { position: absolute; width: 100%; height: 100%; animation: buffering 250ms infinite linear; background-repeat: repeat-x; background-size: 10px 4px; } .mdc-linear-progress__buffer { position: absolute; width: 100%; height: 100%; transform-origin: top left; transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-linear-progress__primary-bar { transform: scaleX(0); } .mdc-linear-progress__secondary-bar { visibility: hidden; } .mdc-linear-progress--indeterminate .mdc-linear-progress__bar { transition: none; } .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { left: -145.166611%; animation: primary-indeterminate-translate 2s infinite linear; } .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { animation: primary-indeterminate-scale 2s infinite linear; } .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { left: -54.888891%; animation: secondary-indeterminate-translate 2s infinite linear; visibility: visible; } .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { animation: secondary-indeterminate-scale 2s infinite linear; } .mdc-linear-progress--reversed .mdc-linear-progress__bar, .mdc-linear-progress--reversed .mdc-linear-progress__buffer { right: 0; transform-origin: center right; } .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { animation-name: primary-indeterminate-translate-reverse; } .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { animation-name: secondary-indeterminate-translate-reverse; } .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots { animation: buffering-reverse 250ms infinite linear; } .mdc-linear-progress--closed { opacity: 0; } .mdc-linear-progress__bar-inner { background-color: #3c7251; /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } .mdc-linear-progress__buffering-dots { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E"); } .mdc-linear-progress__buffer { background-color: #e6e6e6; } .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { right: -145.166611%; left: auto; } .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { right: -54.888891%; left: auto; } .mdc-list { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.009375em; text-decoration: inherit; text-transform: inherit; /* @alternate */ line-height: 1.5rem; margin: 0; padding: 8px 0; list-style-type: none; color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list:focus { outline: none; } .mdc-list-item__secondary-text { color: rgba(0, 0, 0, 0.54); /* @alternate */ color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); } .mdc-list-item__graphic { background-color: transparent; } .mdc-list-item__graphic { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item__meta { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-group__subheader { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list--dense { padding-top: 4px; padding-bottom: 4px; font-size: 0.812rem; } .mdc-list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item { display: flex; position: relative; align-items: center; justify-content: flex-start; height: 48px; padding: 0 16px; overflow: hidden; } .mdc-list-item:focus, .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item:focus { outline: none; } .mdc-list-item--selected, .mdc-list-item--activated { color: #3c7251; /* @alternate */ color: var(--mdc-theme-primary, #3c7251); } .mdc-list-item--selected .mdc-list-item__graphic, .mdc-list-item--activated .mdc-list-item__graphic { color: #3c7251; /* @alternate */ color: var(--mdc-theme-primary, #3c7251); } .mdc-list-item--disabled { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item__graphic { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 32px; width: 24px; height: 24px; flex-shrink: 0; align-items: center; justify-content: center; fill: currentColor; } .mdc-list-item[dir=rtl] .mdc-list-item__graphic, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl].googlesitekit-view-only-menu__list-item .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list-item__graphic, [dir=rtl] .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item .mdc-list-item__graphic, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl] .googlesitekit-view-only-menu__list-item .mdc-list-item__graphic { /* @noflip */ margin-left: 32px; /* @noflip */ margin-right: 0; } .mdc-list .mdc-list-item__graphic { display: inline-flex; } .mdc-list-item__meta { /* @noflip */ margin-left: auto; /* @noflip */ margin-right: 0; } .mdc-list-item__meta:not(.material-icons) { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.0333333333em; text-decoration: inherit; text-transform: inherit; } .mdc-list-item[dir=rtl] .mdc-list-item__meta, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl].googlesitekit-view-only-menu__list-item .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta, [dir=rtl] .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item .mdc-list-item__meta, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl] .googlesitekit-view-only-menu__list-item .mdc-list-item__meta { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: auto; } .mdc-list-item__text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mdc-list-item__text[for] { pointer-events: none; } .mdc-list-item__primary-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin-bottom: -20px; display: block; } .mdc-list-item__primary-text::before { display: inline-block; width: 0; height: 32px; content: ""; vertical-align: 0; } .mdc-list-item__primary-text::after { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: -20px; } .mdc-list--dense .mdc-list-item__primary-text { display: block; margin-top: 0; /* @alternate */ line-height: normal; margin-bottom: -20px; } .mdc-list--dense .mdc-list-item__primary-text::before { display: inline-block; width: 0; height: 24px; content: ""; vertical-align: 0; } .mdc-list--dense .mdc-list-item__primary-text::after { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: -20px; } .mdc-list-item__secondary-text { 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: 1.25rem; font-weight: 400; letter-spacing: 0.0178571429em; text-decoration: inherit; text-transform: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; margin-top: 0; /* @alternate */ line-height: normal; display: block; } .mdc-list-item__secondary-text::before { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: 0; } .mdc-list--dense .mdc-list-item__secondary-text { display: block; margin-top: 0; /* @alternate */ line-height: normal; font-size: inherit; } .mdc-list--dense .mdc-list-item__secondary-text::before { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: 0; } .mdc-list--dense .mdc-list-item, .mdc-list--dense .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-list--dense .googlesitekit-view-only-menu__list-item { height: 40px; } .mdc-list--dense .mdc-list-item__graphic { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 36px; width: 20px; height: 20px; } .mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl].googlesitekit-view-only-menu__list-item .mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item .mdc-list--dense .mdc-list-item__graphic, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl] .googlesitekit-view-only-menu__list-item .mdc-list--dense .mdc-list-item__graphic { /* @noflip */ margin-left: 36px; /* @noflip */ margin-right: 0; } .mdc-list--avatar-list .mdc-list-item, .mdc-list--avatar-list .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-list--avatar-list .googlesitekit-view-only-menu__list-item { height: 56px; } .mdc-list--avatar-list .mdc-list-item__graphic { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 16px; width: 40px; height: 40px; border-radius: 50%; } .mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl].googlesitekit-view-only-menu__list-item .mdc-list--avatar-list .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic, [dir=rtl] .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item .mdc-list--avatar-list .mdc-list-item__graphic, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl] .googlesitekit-view-only-menu__list-item .mdc-list--avatar-list .mdc-list-item__graphic { /* @noflip */ margin-left: 16px; /* @noflip */ margin-right: 0; } .mdc-list--two-line .mdc-list-item__text { align-self: flex-start; } .mdc-list--two-line .mdc-list-item, .mdc-list--two-line .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-list--two-line .googlesitekit-view-only-menu__list-item { height: 72px; } .mdc-list--two-line.mdc-list--dense .mdc-list-item, .mdc-list--two-line.mdc-list--dense .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-list--two-line.mdc-list--dense .googlesitekit-view-only-menu__list-item, .mdc-list--avatar-list.mdc-list--dense .mdc-list-item, .mdc-list--avatar-list.mdc-list--dense .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-list--avatar-list.mdc-list--dense .googlesitekit-view-only-menu__list-item { height: 60px; } .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 20px; width: 36px; height: 36px; } .mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl].googlesitekit-view-only-menu__list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl] .googlesitekit-view-only-menu__list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { /* @noflip */ margin-left: 20px; /* @noflip */ margin-right: 0; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled) { cursor: pointer; } a.mdc-list-item, .googlesitekit-plugin .googlesitekit-view-only-menu a.googlesitekit-view-only-menu__list-item { color: inherit; -webkit-text-decoration: none; text-decoration: none; } .mdc-list-divider { height: 0; margin: 0; border: none; border-bottom-width: 1px; border-bottom-style: solid; } .mdc-list-divider { border-bottom-color: rgba(0, 0, 0, 0.12); } .mdc-list-divider--padded { margin: 0 16px; } .mdc-list-divider--inset { /* @noflip */ margin-left: 72px; /* @noflip */ margin-right: 0; width: calc(100% - 72px); } .mdc-list-group[dir=rtl] .mdc-list-divider--inset, [dir=rtl] .mdc-list-group .mdc-list-divider--inset { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 72px; } .mdc-list-divider--inset.mdc-list-divider--padded { width: calc(100% - 72px - 16px); } .mdc-list-group .mdc-list { padding: 0; } .mdc-list-group__subheader { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.009375em; text-decoration: inherit; text-transform: inherit; margin: 0.75rem 16px; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled) { --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); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled)::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled)::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled)::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled).mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled).mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled).mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled).mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled).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)); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled)::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled)::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled).mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled)::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled)::after { background-color: #000; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled):hover::before { opacity: 0.04; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled):not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled).mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled):not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled):not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded, .googlesitekit-plugin .googlesitekit-view-only-menu :not(.mdc-list--non-interactive) > .googlesitekit-view-only-menu__list-item:not(.mdc-list-item--disabled).mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before { opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after { background-color: #3c7251; } @supports not (-ms-ime-align: auto) { :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after { /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before { opacity: 0.16; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before { opacity: 0.08; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after { background-color: #3c7251; } @supports not (-ms-ime-align: auto) { :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after { /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before { opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.2; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.2; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.2; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled { --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); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.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)); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after { background-color: #000; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-menu { min-width: 112px; } .mdc-menu .mdc-list-item__meta { color: rgba(0, 0, 0, 0.87); } .mdc-menu .mdc-list-item__graphic { color: rgba(0, 0, 0, 0.87); } .mdc-menu .mdc-list { color: rgba(0, 0, 0, 0.87); } .mdc-menu .mdc-list-divider { margin: 8px 0; } .mdc-menu .mdc-list-item, .mdc-menu .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-menu .googlesitekit-view-only-menu__list-item { -webkit-user-select: none; user-select: none; } .mdc-menu .mdc-list-item--disabled { cursor: auto; } .mdc-menu a.mdc-list-item .mdc-list-item__text, .mdc-menu .googlesitekit-plugin .googlesitekit-view-only-menu a.googlesitekit-view-only-menu__list-item .mdc-list-item__text, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-menu a.googlesitekit-view-only-menu__list-item .mdc-list-item__text, .mdc-menu a.mdc-list-item .mdc-list-item__graphic, .mdc-menu .googlesitekit-plugin .googlesitekit-view-only-menu a.googlesitekit-view-only-menu__list-item .mdc-list-item__graphic, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-menu a.googlesitekit-view-only-menu__list-item .mdc-list-item__graphic { pointer-events: none; } .mdc-menu__selection-group { padding: 0; fill: currentColor; } .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-menu__selection-group .googlesitekit-view-only-menu__list-item { /* @noflip */ padding-left: 56px; /* @noflip */ padding-right: 16px; } [dir=rtl] .mdc-menu__selection-group .mdc-list-item, [dir=rtl] .mdc-menu__selection-group .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl] .mdc-menu__selection-group .googlesitekit-view-only-menu__list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl], .mdc-menu__selection-group .googlesitekit-plugin .googlesitekit-view-only-menu [dir=rtl].googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-menu__selection-group [dir=rtl].googlesitekit-view-only-menu__list-item { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 56px; } .mdc-menu__selection-group .mdc-menu__selection-group-icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; display: none; position: absolute; } [dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-menu-item--selected .mdc-menu__selection-group-icon { display: inline; } .mdc-menu-surface { display: none; position: absolute; box-sizing: border-box; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); margin: 0; padding: 0; transform: scale(1); transform-origin: top left; opacity: 0; overflow: auto; will-change: transform, opacity; z-index: 8; transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1); 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); background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); border-radius: 4px; /* @noflip */ transform-origin-left: top left; /* @noflip */ transform-origin-right: top right; } .mdc-menu-surface:focus { outline: none; } .mdc-menu-surface--open { display: inline-block; transform: scale(1); opacity: 1; } .mdc-menu-surface--animating-open { display: inline-block; transform: scale(0.8); opacity: 0; } .mdc-menu-surface--animating-closed { display: inline-block; opacity: 0; transition: opacity 0.075s linear; } [dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] { /* @noflip */ transform-origin-left: top right; /* @noflip */ transform-origin-right: top left; } .mdc-menu-surface--anchor { position: relative; overflow: visible; } .mdc-menu-surface--fixed { position: fixed; } .mdc-radio { display: inline-block; position: relative; flex: 0 0 auto; box-sizing: border-box; width: 40px; height: 40px; padding: 10px; cursor: pointer; /* @alternate */ will-change: opacity, transform, border-color, color; } .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { border-color: #446199; /* @alternate */ border-color: var(--mdc-theme-secondary, #446199); } .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { border-color: #446199; /* @alternate */ border-color: var(--mdc-theme-secondary, #446199); } .mdc-radio .mdc-radio__background::before { background-color: #446199; } @supports not (-ms-ime-align: auto) { .mdc-radio .mdc-radio__background::before { /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); } } .mdc-radio__background { display: inline-block; position: absolute; left: 10px; box-sizing: border-box; width: 50%; height: 50%; } .mdc-radio__background::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0, 0); border-radius: 50%; opacity: 0; pointer-events: none; content: ""; transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-radio__outer-circle { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; border-width: 2px; border-style: solid; border-radius: 50%; transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-radio__inner-circle { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; transform: scale(0, 0); border-width: 10px; border-style: solid; border-radius: 50%; transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-radio__native-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: inherit; z-index: 1; } .mdc-radio__native-control:checked + .mdc-radio__background, .mdc-radio__native-control:disabled + .mdc-radio__background { transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle { transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio--disabled { cursor: default; pointer-events: none; } .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { transform: scale(0.5); transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio__native-control:disabled + .mdc-radio__background, [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background { cursor: default; } .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle { border-color: rgba(0, 0, 0, 0.26); } .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle { border-color: rgba(0, 0, 0, 0.26); } .mdc-radio__native-control:focus + .mdc-radio__background::before { transform: scale(2, 2); opacity: 0.12; transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio { --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-radio::before, .mdc-radio::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-radio::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-radio.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-radio.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-radio.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-radio.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-radio.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-radio::before, .mdc-radio::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } .mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-radio.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-radio::before, .mdc-radio::after { background-color: #446199; } @supports not (-ms-ime-align: auto) { .mdc-radio::before, .mdc-radio::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); } } .mdc-radio:hover::before { opacity: 0.04; } .mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-radio:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-radio:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-radio.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { content: none; } .mdc-card { border-radius: 4px; background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; box-sizing: border-box; } .mdc-card--outlined { 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); border-width: 1px; border-style: solid; border-color: #e0e0e0; } .mdc-card__media { position: relative; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: cover; } .mdc-card__media::before { display: block; content: ""; } .mdc-card__media:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .mdc-card__media:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .mdc-card__media--square::before { margin-top: 100%; } .mdc-card__media--16-9::before { margin-top: 56.25%; } .mdc-card__media-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; } .mdc-card__primary-action { display: flex; flex-direction: column; box-sizing: border-box; position: relative; outline: none; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; overflow: hidden; } .mdc-card__primary-action:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .mdc-card__primary-action:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .mdc-card__actions { display: flex; flex-direction: row; align-items: center; box-sizing: border-box; min-height: 52px; padding: 8px; } .mdc-card__actions--full-bleed { padding: 0; } .mdc-card__action-buttons, .mdc-card__action-icons { display: flex; flex-direction: row; align-items: center; box-sizing: border-box; } .mdc-card__action-icons { color: rgba(0, 0, 0, 0.6); flex-grow: 1; justify-content: flex-end; } .mdc-card__action-buttons + .mdc-card__action-icons { /* @noflip */ margin-left: 16px; /* @noflip */ margin-right: 0; } [dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 16px; } .mdc-card__action { display: inline-flex; flex-direction: row; align-items: center; box-sizing: border-box; justify-content: center; cursor: pointer; -webkit-user-select: none; user-select: none; } .mdc-card__action:focus { outline: none; } .mdc-card__action--button { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; padding: 0 8px; } [dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } .mdc-card__action--button:last-child { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } [dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } .mdc-card__actions--full-bleed .mdc-card__action--button { justify-content: space-between; width: 100%; height: auto; max-height: none; margin: 0; padding: 8px 16px; /* @noflip */ text-align: left; } [dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] { /* @noflip */ text-align: right; } .mdc-card__action--icon { margin: -6px 0; padding: 12px; } .mdc-card__action--icon:not(:disabled) { color: rgba(0, 0, 0, 0.6); } .mdc-card__primary-action { --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-card__primary-action::before, .mdc-card__primary-action::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-card__primary-action::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-card__primary-action.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-card__primary-action.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-card__primary-action.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-card__primary-action::before, .mdc-card__primary-action::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-card__primary-action.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-card__primary-action::before, .mdc-card__primary-action::after { background-color: #000; } .mdc-card__primary-action:hover::before { opacity: 0.04; } .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-card__primary-action.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-chip__icon--leading { color: rgba(0, 0, 0, 0.54); } .mdc-chip__icon--trailing { color: rgba(0, 0, 0, 0.54); } .mdc-chip__icon--trailing:hover { color: rgba(0, 0, 0, 0.62); } .mdc-chip__icon--trailing:focus { color: rgba(0, 0, 0, 0.87); } .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { width: 20px; height: 20px; font-size: 20px; } .mdc-chip__icon.mdc-chip__icon--trailing { width: 18px; height: 18px; font-size: 18px; } .mdc-chip__icon--trailing { margin: 0 -4px 0 4px; } .mdc-chip { border-radius: 16px; background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); 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: 1.25rem; font-weight: 400; letter-spacing: 0.0178571429em; text-decoration: inherit; text-transform: inherit; height: 32px; display: inline-flex; position: relative; align-items: center; box-sizing: border-box; padding: 7px 12px; outline: none; cursor: pointer; overflow: hidden; } .mdc-chip:hover { color: rgba(0, 0, 0, 0.87); } .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { /* @noflip */ margin-left: -4px; /* @noflip */ margin-right: 4px; margin-top: -4px; margin-bottom: -4px; } [dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] { /* @noflip */ margin-left: 4px; /* @noflip */ margin-right: -4px; } .mdc-chip:hover { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } .mdc-chip--exit { transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; opacity: 0; } .mdc-chip__text { white-space: nowrap; } .mdc-chip__icon { border-radius: 50%; outline: none; vertical-align: middle; } .mdc-chip__checkmark { height: 20px; } .mdc-chip__checkmark-path { transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); stroke-width: 2px; stroke-dashoffset: 29.7833385; stroke-dasharray: 29.7833385; } .mdc-chip--selected .mdc-chip__checkmark-path { stroke-dashoffset: 0; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected { color: #3c7251; /* @alternate */ color: var(--mdc-theme-primary, #3c7251); } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading { color: rgba(60, 114, 81, 0.54); } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover { color: #3c7251; /* @alternate */ color: var(--mdc-theme-primary, #3c7251); } .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path { stroke: #3c7251; /* @alternate */ stroke: var(--mdc-theme-primary, #3c7251); } .mdc-chip-set--choice .mdc-chip--selected { background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); } .mdc-chip__checkmark-svg { width: 0; height: 20px; transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-chip--selected .mdc-chip__checkmark-svg { width: 20px; } .mdc-chip-set--filter .mdc-chip__icon--leading { transition: opacity 75ms linear; transition-delay: -50ms; opacity: 1; } .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark { transition: opacity 75ms linear; transition-delay: 80ms; opacity: 0; } .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg { transition: width 0ms; } .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading { opacity: 0; } .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark { width: 0; opacity: 1; } .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading { width: 0; opacity: 0; } .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark { width: 20px; } .mdc-chip { --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-chip::before, .mdc-chip::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-chip::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-chip.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-chip.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-chip.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-chip.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-chip.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-chip::before, .mdc-chip::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-chip.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-chip::before, .mdc-chip::after { background-color: rgba(0, 0, 0, 0.87); } .mdc-chip:hover::before { opacity: 0.04; } .mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-chip:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-chip:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-chip.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before { opacity: 0.08; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after { background-color: #3c7251; } @supports not (-ms-ime-align: auto) { .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after { /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before { opacity: 0.12; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.2; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.2; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.2; } @keyframes mdc-chip-entry { from { transform: scale(0.8); opacity: 0.4; } to { transform: scale(1); opacity: 1; } } .mdc-chip-set { padding: 4px; display: flex; flex-wrap: wrap; box-sizing: border-box; } .mdc-chip-set .mdc-chip { margin: 4px; } .mdc-chip-set--input .mdc-chip { animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); } .mdc-dialog, .mdc-dialog__scrim { position: fixed; top: 0; left: 0; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; } .mdc-dialog { display: none; z-index: 7; } .mdc-dialog .mdc-dialog__surface { background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); } .mdc-dialog .mdc-dialog__scrim { background-color: rgba(0, 0, 0, 0.32); } .mdc-dialog .mdc-dialog__title { color: rgba(0, 0, 0, 0.87); } .mdc-dialog .mdc-dialog__content { color: rgba(0, 0, 0, 0.6); } .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions { border-color: rgba(0, 0, 0, 0.12); } .mdc-dialog .mdc-dialog__surface { min-width: 280px; } @media (max-width: 592px) { .mdc-dialog .mdc-dialog__surface { max-width: calc(100vw - 32px); } } @media (min-width: 592px) { .mdc-dialog .mdc-dialog__surface { max-width: 560px; } } .mdc-dialog .mdc-dialog__surface { max-height: calc(100vh - 32px); } .mdc-dialog .mdc-dialog__surface { border-radius: 4px; } .mdc-dialog__scrim { opacity: 0; z-index: -1; } .mdc-dialog__container { display: flex; flex-direction: row; justify-content: space-around; box-sizing: border-box; transform: scale(0.8); opacity: 0; } .mdc-dialog__surface { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; box-sizing: border-box; max-width: 100%; max-height: 100%; } .mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface { text-align: right; } .mdc-dialog__title { display: block; margin-top: 0; /* @alternate */ line-height: normal; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; text-decoration: inherit; text-transform: inherit; display: block; position: relative; flex-shrink: 0; box-sizing: border-box; margin: 0; padding: 0 24px 9px; border-bottom: 1px solid transparent; } .mdc-dialog__title::before { display: inline-block; width: 0; height: 40px; content: ""; vertical-align: 0; } .mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title { text-align: right; } .mdc-dialog--scrollable .mdc-dialog__title { padding-bottom: 15px; } .mdc-dialog__content { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.5rem; font-weight: 400; letter-spacing: 0.03125em; text-decoration: inherit; text-transform: inherit; flex-grow: 1; box-sizing: border-box; margin: 0; padding: 20px 24px; overflow: auto; -webkit-overflow-scrolling: touch; } .mdc-dialog__content > :first-child { margin-top: 0; } .mdc-dialog__content > :last-child { margin-bottom: 0; } .mdc-dialog__title + .mdc-dialog__content { padding-top: 0; } .mdc-dialog--scrollable .mdc-dialog__content { padding-top: 8px; padding-bottom: 8px; } .mdc-dialog__content .mdc-list:first-child:last-child { padding: 6px 0 0; } .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child { padding: 0; } .mdc-dialog__actions { display: flex; position: relative; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; box-sizing: border-box; min-height: 52px; margin: 0; padding: 8px; border-top: 1px solid transparent; } .mdc-dialog--stacked .mdc-dialog__actions { flex-direction: column; align-items: flex-end; } .mdc-dialog__button { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; max-width: 100%; text-align: right; } [dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; } .mdc-dialog__button:first-child { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } [dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } .mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button { text-align: left; } .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) { margin-top: 12px; } .mdc-dialog--open, .mdc-dialog--opening, .mdc-dialog--closing { display: flex; } .mdc-dialog--opening .mdc-dialog__scrim { transition: opacity 150ms linear; } .mdc-dialog--opening .mdc-dialog__container { transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-dialog--closing .mdc-dialog__scrim, .mdc-dialog--closing .mdc-dialog__container { transition: opacity 75ms linear; } .mdc-dialog--closing .mdc-dialog__container { transform: scale(1); } .mdc-dialog--open .mdc-dialog__scrim { opacity: 1; } .mdc-dialog--open .mdc-dialog__container { transform: scale(1); opacity: 1; } .mdc-dialog-scroll-lock { overflow: hidden; } @keyframes mdc-select-float-native-control { 0% { transform: translateY(8px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .mdc-line-ripple { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; transform: scaleX(0); transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: 2; } .mdc-line-ripple--active { transform: scaleX(1); opacity: 1; } .mdc-line-ripple--deactivating { opacity: 0; } .mdc-notched-outline { display: flex; position: absolute; right: 0; left: 0; box-sizing: border-box; width: 100%; max-width: 100%; height: 100%; /* @noflip */ text-align: left; pointer-events: none; } [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] { /* @noflip */ text-align: right; } .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing { box-sizing: border-box; height: 100%; transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1); border-top: 1px solid; border-bottom: 1px solid; pointer-events: none; } .mdc-notched-outline__leading { /* @noflip */ border-left: 1px solid; /* @noflip */ border-right: none; width: 12px; } [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] { /* @noflip */ border-left: none; /* @noflip */ border-right: 1px solid; } .mdc-notched-outline__trailing { /* @noflip */ border-left: none; /* @noflip */ border-right: 1px solid; flex-grow: 1; } [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] { /* @noflip */ border-left: 1px solid; /* @noflip */ border-right: none; } .mdc-notched-outline__notch { flex: 0 0 auto; width: auto; max-width: calc(100% - 12px * 2); } .mdc-notched-outline .mdc-floating-label { display: inline-block; position: relative; top: 17px; bottom: auto; max-width: 100%; } .mdc-notched-outline .mdc-floating-label--float-above { text-overflow: clip; } .mdc-notched-outline--upgraded .mdc-floating-label--float-above { max-width: calc(100% / .75); } .mdc-notched-outline--notched .mdc-notched-outline__notch { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 8px; border-top: none; } [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] { /* @noflip */ padding-left: 8px; /* @noflip */ padding-right: 0; } .mdc-notched-outline--no-label .mdc-notched-outline__notch { padding: 0; } .mdc-floating-label { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.009375em; text-decoration: inherit; text-transform: inherit; position: absolute; /* @noflip */ left: 0; /* @noflip */ transform-origin: left top; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); /* @alternate */ line-height: 1.15rem; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: text; overflow: hidden; will-change: transform; } [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] { /* @noflip */ right: 0; /* @noflip */ left: auto; /* @noflip */ transform-origin: right top; /* @noflip */ text-align: right; } .mdc-floating-label--float-above { cursor: auto; } .mdc-floating-label--float-above { transform: translateY(-50%) scale(0.75); } .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-standard 250ms 1; } @keyframes mdc-floating-label-shake-float-above-standard { 0% { transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); } 100% { transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } } .mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } .mdc-select--with-leading-icon .mdc-select__icon { display: inline-block; position: absolute; bottom: 16px; box-sizing: border-box; width: 24px; height: 24px; border: none; background-color: transparent; fill: currentColor; opacity: 0.54; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; -webkit-user-select: none; user-select: none; } .mdc-select__icon:not([tabindex]), .mdc-select__icon[tabindex="-1"] { cursor: default; pointer-events: none; } .mdc-select-helper-text { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.0333333333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; will-change: opacity; } .mdc-select-helper-text::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } .mdc-select-helper-text--persistent { transition: none; opacity: 1; will-change: initial; } .mdc-select { --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); display: inline-flex; position: relative; box-sizing: border-box; height: 56px; overflow: hidden; /* @alternate */ will-change: opacity, transform, color; } .mdc-select:not(.mdc-select--disabled) { background-color: whitesmoke; } .mdc-select::before, .mdc-select::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-select::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-select.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-select.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-select.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-select.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-select.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-select::before, .mdc-select::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-select.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-select::before, .mdc-select::after { background-color: rgba(0, 0, 0, 0.87); } .mdc-select:hover::before { opacity: 0.04; } .mdc-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { color: rgba(0, 0, 0, 0.87); } .mdc-select:not(.mdc-select--disabled) .mdc-floating-label { color: rgba(0, 0, 0, 0.6); } .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { border-bottom-color: rgba(0, 0, 0, 0.42); } .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text { color: rgba(0, 0, 0, 0.6); } .mdc-select, .mdc-select__native-control { border-radius: 4px 4px 0 0; } .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #3c7251; /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: rgba(60, 114, 81, 0.87); } .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover { border-bottom-color: rgba(0, 0, 0, 0.87); } .mdc-select .mdc-floating-label--float-above { transform: translateY(-70%) scale(0.75); } .mdc-select .mdc-floating-label { /* @noflip */ left: 16px; /* @noflip */ right: initial; top: 21px; pointer-events: none; } [dir=rtl] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-select.mdc-select--with-leading-icon .mdc-floating-label { /* @noflip */ left: 48px; /* @noflip */ right: initial; } [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 48px; } .mdc-select.mdc-select--outlined .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; top: 17px; } [dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; /* @noflip */ left: auto; /* @noflip */ right: 8px; position: absolute; bottom: 16px; width: 24px; height: 24px; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; } [dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] { /* @noflip */ left: 8px; /* @noflip */ right: auto; } .mdc-select--focused .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%233c7251%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; transform: rotate(180deg) translateY(-5px); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-select__native-control { padding-top: 20px; } .mdc-select.mdc-select--focused .mdc-line-ripple::after { transform: scale(1, 2); opacity: 1; } .mdc-select + .mdc-select-helper-text { margin-right: 12px; margin-left: 12px; } .mdc-select--outlined + .mdc-select-helper-text { margin-right: 16px; margin-left: 16px; } .mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) { opacity: 1; } .mdc-select__selected-text { min-width: 200px; padding-top: 22px; } .mdc-select__native-control, .mdc-select__selected-text { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 52px; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.009375em; text-decoration: inherit; text-transform: inherit; box-sizing: border-box; width: 100%; height: 56px; padding-top: 20px; padding-bottom: 4px; border: none; border-bottom: 1px solid; outline: none; background-color: transparent; color: inherit; white-space: nowrap; cursor: pointer; appearance: none; } [dir=rtl] .mdc-select__native-control, .mdc-select__native-control[dir=rtl], [dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] { /* @noflip */ padding-left: 52px; /* @noflip */ padding-right: 16px; } .mdc-select__native-control::-ms-expand, .mdc-select__selected-text::-ms-expand { display: none; } .mdc-select__native-control::-ms-value, .mdc-select__selected-text::-ms-value { background-color: transparent; color: inherit; } @-moz-document url-prefix("") { .mdc-select__native-control, .mdc-select__selected-text { text-indent: -2px; } } .mdc-select--outlined { border: none; overflow: visible; } .mdc-select--outlined:not(.mdc-select--disabled) { background-color: transparent; } .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.24); } .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-width: 2px; } .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #3c7251; /* @alternate */ border-color: var(--mdc-theme-primary, #3c7251); } .mdc-select--outlined .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { /* @noflip */ border-radius: 0 4px 4px 0; } .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { /* @noflip */ border-radius: 4px 0 0 4px; } .mdc-select--outlined .mdc-select__native-control { border-radius: 4px; } .mdc-select--outlined::before, .mdc-select--outlined::after { content: none; } .mdc-select--outlined:not(.mdc-select--disabled) { background-color: transparent; } .mdc-select--outlined .mdc-floating-label--float-above { transform: translateY(-144%) scale(1); } .mdc-select--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) scale(0.75); } .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__selected-text { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 52px; display: flex; padding-top: 12px; padding-bottom: 12px; border: none; background-color: transparent; z-index: 1; } [dir=rtl] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir=rtl], [dir=rtl] .mdc-select--outlined .mdc-select__selected-text, .mdc-select--outlined .mdc-select__selected-text[dir=rtl] { /* @noflip */ padding-left: 52px; /* @noflip */ padding-right: 16px; } .mdc-select--outlined .mdc-select__selected-text { padding-top: 14px; } .mdc-select--outlined .mdc-select__icon { z-index: 2; } .mdc-select--outlined .mdc-floating-label { line-height: 1.15rem; pointer-events: auto; } .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #b00020; /* @alternate */ background-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: #b00020; } .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-width: 2px; } .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23b00020%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; } .mdc-select--invalid + .mdc-select-helper-text--validation-msg { opacity: 1; } .mdc-select--required .mdc-floating-label::after { content: "*"; } .mdc-select--disabled { background-color: #fafafa; cursor: default; pointer-events: none; } .mdc-select--disabled .mdc-floating-label { color: rgba(0, 0, 0, 0.37); } .mdc-select--disabled .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; } .mdc-select--disabled .mdc-line-ripple { display: none; } .mdc-select--disabled .mdc-select__icon { color: rgba(0, 0, 0, 0.37); } .mdc-select--disabled .mdc-select__native-control, .mdc-select--disabled .mdc-select__selected-text { color: rgba(0, 0, 0, 0.37); border-bottom-style: dotted; } .mdc-select--disabled .mdc-select__selected-text { pointer-events: none; } .mdc-select--disabled.mdc-select--outlined { background-color: transparent; } .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control, .mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text { border-bottom-style: none; } .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading, .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch, .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.16); } .mdc-select--with-leading-icon .mdc-select__icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; } [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__selected-text { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 32px; } [dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl], [dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text, .mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl] { /* @noflip */ padding-left: 32px; /* @noflip */ padding-right: 48px; } .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above { transform: translateY(-144%) translateX(-32px) scale(1); } [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl] { transform: translateY(-144%) translateX(32px) scale(1); } .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) translateX(-32px) scale(0.75); } [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { transform: translateY(-130%) translateX(32px) scale(0.75); } .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1; } [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake, .mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1; } .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text { /* @noflip */ padding-left: 32px; /* @noflip */ padding-right: 32px; } [dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text, .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl] { /* @noflip */ padding-left: 32px; /* @noflip */ padding-right: 32px; } .mdc-select__menu .mdc-list .mdc-list-item--selected { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after { background-color: #000; } @supports not (-ms-ime-align: auto) { .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after { /* @alternate */ background-color: var(--mdc-theme-on-surface, #000); } } .mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before { opacity: 0.04; } .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon { 0% { transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl { 0% { transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } } /** * @license * Copyright 2018 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .mdc-tab { position: relative; 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; display: flex; flex: 1 0 auto; justify-content: center; box-sizing: border-box; height: 48px; padding: 0 24px; border: none; outline: none; background: none; text-align: center; white-space: nowrap; cursor: pointer; -webkit-appearance: none; z-index: 1; } .mdc-tab .mdc-tab__text-label { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } .mdc-tab .mdc-tab__icon { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); fill: currentColor; } .mdc-tab::-moz-focus-inner { padding: 0; border: 0; } .mdc-tab--min-width { flex: 0 1 auto; } .mdc-tab__ripple { --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); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .mdc-tab__ripple::before, .mdc-tab__ripple::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-tab__ripple::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-tab__ripple.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-tab__ripple.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-tab__ripple.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-tab__ripple::before, .mdc-tab__ripple::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-tab__ripple.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-tab__ripple::before, .mdc-tab__ripple::after { background-color: #3c7251; } @supports not (-ms-ime-align: auto) { .mdc-tab__ripple::before, .mdc-tab__ripple::after { /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } } .mdc-tab__ripple:hover::before { opacity: 0.04; } .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-tab__ripple.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-tab__content { position: relative; display: flex; align-items: center; justify-content: center; height: inherit; pointer-events: none; } .mdc-tab__text-label, .mdc-tab__icon { transition: 150ms color linear, 150ms opacity linear; z-index: 2; } .mdc-tab__text-label { display: inline-block; opacity: 0.6; line-height: 1; } .mdc-tab__icon { width: 24px; height: 24px; opacity: 0.54; font-size: 24px; } .mdc-tab--stacked { height: 72px; } .mdc-tab--stacked .mdc-tab__content { flex-direction: column; align-items: center; justify-content: space-between; } .mdc-tab--stacked .mdc-tab__icon { padding-top: 12px; } .mdc-tab--stacked .mdc-tab__text-label { padding-bottom: 16px; } .mdc-tab--active .mdc-tab__text-label { color: #3c7251; /* @alternate */ color: var(--mdc-theme-primary, #3c7251); } .mdc-tab--active .mdc-tab__icon { color: #3c7251; /* @alternate */ color: var(--mdc-theme-primary, #3c7251); fill: currentColor; } .mdc-tab--active .mdc-tab__text-label, .mdc-tab--active .mdc-tab__icon { transition-delay: 100ms; opacity: 1; } .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label { /* @noflip */ padding-left: 8px; /* @noflip */ padding-right: 0; } [dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 8px; } /** * @license * Copyright 2018 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * @license * Copyright 2018 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .mdc-tab-bar { width: 100%; } /** * @license * Copyright 2018 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * @license * Copyright 2018 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .mdc-tab-indicator { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .mdc-tab-indicator > .mdc-tab-indicator__content--underline { background-color: #3c7251; /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } .mdc-tab-indicator > .mdc-tab-indicator__content--underline { height: 2px; } .mdc-tab-indicator > .mdc-tab-indicator__content--icon { color: #446199; /* @alternate */ color: var(--mdc-theme-secondary, #446199); } .mdc-tab-indicator > .mdc-tab-indicator__content--icon { height: 34px; font-size: 34px; } .mdc-tab-indicator__content { transform-origin: left; opacity: 0; } .mdc-tab-indicator__content--underline { align-self: flex-end; width: 100%; } .mdc-tab-indicator__content--icon { align-self: center; margin: 0 auto; } .mdc-tab-indicator--active > .mdc-tab-indicator__content { opacity: 1; } .mdc-tab-indicator > .mdc-tab-indicator__content { transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); } .mdc-tab-indicator--no-transition > .mdc-tab-indicator__content { transition: none; } .mdc-tab-indicator--fade > .mdc-tab-indicator__content { transition: 150ms opacity linear; } .mdc-tab-indicator--active.mdc-tab-indicator--fade > .mdc-tab-indicator__content { transition-delay: 100ms; } /** * @license * Copyright 2018 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .mdc-tab-scroller { overflow-y: hidden; } .mdc-tab-scroller__test { position: absolute; top: -9999px; width: 100px; height: 100px; overflow-x: scroll; } .mdc-tab-scroller__scroll-area { -webkit-overflow-scrolling: touch; display: flex; overflow-x: hidden; } .mdc-tab-scroller__scroll-area::-webkit-scrollbar, .mdc-tab-scroller__test::-webkit-scrollbar { display: none; } .mdc-tab-scroller__scroll-area--scroll { overflow-x: scroll; } .mdc-tab-scroller__scroll-content { position: relative; display: flex; flex: 1 0 auto; transform: none; will-change: transform; } .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content { justify-content: flex-start; } .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content { justify-content: flex-end; } .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content { justify-content: center; } .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area { -webkit-overflow-scrolling: auto; } .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content { transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); } .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon { position: absolute; bottom: 16px; cursor: pointer; } .mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] { cursor: default; pointer-events: none; } .mdc-text-field-helper-text { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.0333333333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; will-change: opacity; } .mdc-text-field-helper-text::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } .mdc-text-field-helper-text--persistent { transition: none; opacity: 1; will-change: initial; } .mdc-text-field-helper-text { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.0333333333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; will-change: opacity; } .mdc-text-field-helper-text::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } .mdc-text-field-helper-text--persistent { transition: none; opacity: 1; will-change: initial; } .mdc-text-field-character-counter { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.0333333333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; /* @noflip */ margin-left: auto; /* @noflip */ margin-right: 0; /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 0; white-space: nowrap; } .mdc-text-field-character-counter::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: auto; } [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon { position: absolute; bottom: 16px; cursor: pointer; } .mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] { cursor: default; pointer-events: none; } .mdc-text-field { --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); border-radius: 4px 4px 0 0; display: inline-flex; position: relative; box-sizing: border-box; height: 56px; overflow: hidden; /* @alternate */ will-change: opacity, transform, color; } .mdc-text-field::before, .mdc-text-field::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-text-field::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-text-field.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-text-field.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-text-field.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-text-field.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-text-field::before, .mdc-text-field::after { background-color: rgba(0, 0, 0, 0.87); } .mdc-text-field:hover::before { opacity: 0.04; } .mdc-text-field:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-text-field::before, .mdc-text-field::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-text-field.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(3, 14, 7, 0.32); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color: rgba(0, 0, 0, 0.87); } .mdc-text-field .mdc-text-field__input { caret-color: #3c7251; /* @alternate */ caret-color: var(--mdc-theme-primary, #3c7251); } .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.42); } .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { border-bottom-color: rgba(0, 0, 0, 0.87); } .mdc-text-field .mdc-line-ripple { background-color: #3c7251; /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { border-bottom-color: rgba(0, 0, 0, 0.12); } .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) { background-color: whitesmoke; } .mdc-text-field .mdc-floating-label { /* @noflip */ left: 16px; /* @noflip */ right: initial; top: 18px; pointer-events: none; } [dir=rtl] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field--textarea .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } .mdc-text-field--outlined .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; top: 17px; } [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } .mdc-text-field--outlined--with-leading-icon .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above { /* @noflip */ left: 40px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 40px; } .mdc-text-field__input { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.009375em; text-decoration: inherit; text-transform: inherit; align-self: flex-end; box-sizing: border-box; width: 100%; height: 100%; padding: 20px 16px 6px; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); border: none; border-bottom: 1px solid; border-radius: 0; background: none; appearance: none; } .mdc-text-field__input::placeholder { transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; color: rgba(3, 14, 7, 0.32); } .mdc-text-field--fullwidth .mdc-text-field__input::placeholder, .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { transition-delay: 40ms; transition-duration: 110ms; opacity: 1; } .mdc-text-field__input:focus { outline: none; } .mdc-text-field__input:invalid { box-shadow: none; } .mdc-text-field__input:-webkit-autofill { z-index: auto !important; } .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { padding-top: 16px; padding-bottom: 16px; } .mdc-text-field__input:-webkit-autofill + .mdc-floating-label { transform: translateY(-50%) scale(0.75); cursor: auto; } .mdc-text-field--outlined { border: none; overflow: visible; } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.38); } .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #3c7251; /* @alternate */ border-color: var(--mdc-theme-primary, #3c7251); } .mdc-text-field--outlined .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { /* @noflip */ border-radius: 0 4px 4px 0; } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { /* @noflip */ border-radius: 4px 0 0 4px; } .mdc-text-field--outlined .mdc-floating-label--float-above { transform: translateY(-144%) scale(1); } .mdc-text-field--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) scale(0.75); } .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--outlined::before, .mdc-text-field--outlined::after { content: none; } .mdc-text-field--outlined:not(.mdc-text-field--disabled) { background-color: transparent; } .mdc-text-field--outlined .mdc-text-field__input { display: flex; padding: 12px 16px 14px; border: none !important; background-color: transparent; z-index: 1; } .mdc-text-field--outlined .mdc-text-field__icon { z-index: 2; } .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing { border-width: 2px; } .mdc-text-field--outlined.mdc-text-field--disabled { background-color: transparent; } .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { border-bottom: none; } .mdc-text-field--outlined.mdc-text-field--dense { height: 48px; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { transform: translateY(-134%) scale(1); } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.8rem; } .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-120%) scale(0.8); } .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input { padding: 12px 12px 7px; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { top: 14px; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon { top: 12px; } .mdc-text-field--with-leading-icon .mdc-text-field__icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field--with-leading-icon .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } .mdc-text-field--with-leading-icon .mdc-floating-label { /* @noflip */ left: 48px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 48px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { transform: translateY(-144%) translateX(-32px) scale(1); } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { transform: translateY(-144%) translateX(32px) scale(1); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) translateX(-32px) scale(0.75); } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { transform: translateY(-130%) translateX(32px) scale(0.75); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { transform: translateY(-134%) translateX(-21px) scale(1); } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { transform: translateY(-134%) translateX(21px) scale(1); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.8rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-120%) translateX(-21px) scale(0.8); } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { transform: translateY(-120%) translateX(21px) scale(0.8); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { /* @noflip */ left: 32px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 32px; } .mdc-text-field--with-trailing-icon .mdc-text-field__icon { /* @noflip */ left: initial; /* @noflip */ right: 12px; } [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } .mdc-text-field--with-trailing-icon .mdc-text-field__input { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon { /* @noflip */ left: initial; /* @noflip */ right: 16px; } [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl] { /* @noflip */ left: 16px; /* @noflip */ right: initial; } .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon { /* @noflip */ left: 16px; /* @noflip */ right: auto; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] { /* @noflip */ left: auto; /* @noflip */ right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon { /* @noflip */ right: 12px; /* @noflip */ left: auto; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] { /* @noflip */ right: auto; /* @noflip */ left: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 48px; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 48px; } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { bottom: 16px; transform: scale(0.8); } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon { /* @noflip */ left: 12px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 16px; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 44px; } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label { /* @noflip */ left: 44px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 44px; } .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { /* @noflip */ left: initial; /* @noflip */ right: 12px; } [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 44px; } [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { /* @noflip */ left: 12px; /* @noflip */ right: auto; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] { /* @noflip */ left: auto; /* @noflip */ right: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon { /* @noflip */ right: 12px; /* @noflip */ left: auto; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] { /* @noflip */ right: auto; /* @noflip */ left: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 44px; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 44px; } .mdc-text-field--dense .mdc-floating-label--float-above { transform: translateY(-70%) scale(0.8); } .mdc-text-field--dense .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; } .mdc-text-field--dense .mdc-text-field__input { padding: 12px 12px 0; } .mdc-text-field--dense .mdc-floating-label { font-size: 0.813rem; } .mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.813rem; } .mdc-text-field__input:required ~ .mdc-floating-label::after, .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after { margin-left: 1px; content: "*"; } .mdc-text-field--textarea { display: inline-flex; width: auto; height: auto; transition: none; overflow: visible; } .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.38); } .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #3c7251; /* @alternate */ border-color: var(--mdc-theme-primary, #3c7251); } .mdc-text-field--textarea .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { /* @noflip */ border-radius: 0 4px 4px 0; } .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { /* @noflip */ border-radius: 4px 0 0 4px; } .mdc-text-field--textarea::before, .mdc-text-field--textarea::after { content: none; } .mdc-text-field--textarea:not(.mdc-text-field--disabled) { background-color: transparent; } .mdc-text-field--textarea .mdc-floating-label--float-above { transform: translateY(-144%) scale(1); } .mdc-text-field--textarea .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) scale(0.75); } .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--textarea .mdc-text-field-character-counter { /* @noflip */ left: initial; /* @noflip */ right: 16px; position: absolute; bottom: 13px; } [dir=rtl] .mdc-text-field--textarea .mdc-text-field-character-counter, .mdc-text-field--textarea .mdc-text-field-character-counter[dir=rtl] { /* @noflip */ left: 16px; /* @noflip */ right: initial; } .mdc-text-field--textarea .mdc-text-field__input { align-self: auto; box-sizing: border-box; height: auto; margin: 8px 1px 1px 0; padding: 0 16px 16px; border: none; } .mdc-text-field--textarea .mdc-text-field-character-counter + .mdc-text-field__input { margin-bottom: 28px; padding-bottom: 0; } .mdc-text-field--textarea .mdc-floating-label { top: 17px; bottom: auto; width: auto; pointer-events: none; } .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing { border-width: 2px; } .mdc-text-field--fullwidth { width: 100%; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) { display: block; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after { content: none; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) { background-color: transparent; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input { padding: 0; } .mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input { resize: vertical; } .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { border-bottom-color: #ac4220; } .mdc-text-field-helper-line { display: flex; justify-content: space-between; box-sizing: border-box; } .mdc-text-field--dense + .mdc-text-field-helper-line { margin-bottom: 4px; } .mdc-text-field + .mdc-text-field-helper-line { padding-right: 16px; padding-left: 16px; } .mdc-form-field > .mdc-text-field + label { align-self: flex-start; } .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(60, 114, 81, 0.87); } .mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after, .mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after { color: rgba(60, 114, 81, 0.87); } .mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { opacity: 1; } .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #3c7251; /* @alternate */ border-color: var(--mdc-theme-primary, #3c7251); } .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { border-bottom-color: #ac4220; } .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { border-bottom-color: #ac4220; } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple { background-color: #ac4220; } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: #ac4220; } .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { color: #ac4220; } .mdc-text-field--invalid .mdc-text-field__input { caret-color: #ac4220; } .mdc-text-field--invalid .mdc-text-field__input:required ~ .mdc-floating-label::after, .mdc-text-field--invalid .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after { color: #ac4220; } .mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon { color: #ac4220; } .mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon { color: #ac4220; } .mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { opacity: 1; } .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #ac4220; } .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #ac4220; } .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #ac4220; } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #ac4220; } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #ac4220; } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #ac4220; } .mdc-text-field--disabled { background-color: #fafafa; border-bottom: none; pointer-events: none; } .mdc-text-field--disabled .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--disabled .mdc-text-field__input { color: rgba(0, 0, 0, 0.37); } .mdc-text-field--disabled .mdc-floating-label { color: rgba(0, 0, 0, 0.37); } .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.37); } .mdc-text-field--disabled .mdc-text-field-character-counter, .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { color: rgba(0, 0, 0, 0.37); } .mdc-text-field--disabled .mdc-text-field__icon { color: rgba(0, 0, 0, 0.3); } .mdc-text-field--disabled:not(.mdc-text-field--textarea) { border-bottom-color: rgba(0, 0, 0, 0.12); } .mdc-text-field--disabled .mdc-floating-label { cursor: default; } .mdc-text-field--textarea.mdc-text-field--disabled { background-color: transparent; /* @alternate */ background-color: #f9f9f9; } .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input { border-bottom: none; } @keyframes mdc-floating-label-shake-float-above-text-field-dense { 0% { transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); } 100% { transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined { 0% { transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { 0% { transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); } 100% { transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { 0% { transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { 0% { transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); } 100% { transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { 0% { transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { 0% { transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); } 100% { transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-textarea { 0% { transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } .mdc-switch { display: inline-block; position: relative; outline: none; -webkit-user-select: none; user-select: none; } .mdc-switch.mdc-switch--checked .mdc-switch__track { background-color: #446199; /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); border-color: #446199; /* @alternate */ border-color: var(--mdc-theme-secondary, #446199); } .mdc-switch.mdc-switch--checked .mdc-switch__thumb { background-color: #446199; /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); border-color: #446199; /* @alternate */ border-color: var(--mdc-theme-secondary, #446199); } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { background-color: #000; border-color: #000; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { background-color: #fff; border-color: #fff; } .mdc-switch__native-control { /* @noflip */ left: 0; /* @noflip */ right: initial; position: absolute; top: 0; width: 68px; height: 48px; margin: 0; opacity: 0; cursor: pointer; pointer-events: auto; } [dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 0; } .mdc-switch__track { box-sizing: border-box; width: 32px; height: 14px; border: 1px solid; border-radius: 7px; opacity: 0.38; transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-switch__thumb-underlay { /* @noflip */ left: -18px; /* @noflip */ right: initial; display: flex; position: absolute; top: -17px; align-items: center; justify-content: center; width: 48px; height: 48px; transform: translateX(0); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); } [dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: -18px; } .mdc-switch__thumb { 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); box-sizing: border-box; width: 20px; height: 20px; border: 10px solid; border-radius: 50%; pointer-events: none; z-index: 1; } .mdc-switch--checked .mdc-switch__track { opacity: 0.54; } .mdc-switch--checked .mdc-switch__thumb-underlay { transform: translateX(20px); } [dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] { transform: translateX(-20px); } .mdc-switch--checked .mdc-switch__native-control { transform: translateX(-20px); } [dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] { transform: translateX(20px); } .mdc-switch--disabled { opacity: 0.38; pointer-events: none; } .mdc-switch--disabled .mdc-switch__thumb { border-width: 1px; } .mdc-switch--disabled .mdc-switch__native-control { cursor: default; pointer-events: none; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { background-color: #9e9e9e; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { opacity: 0.08; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .mdc-switch__thumb-underlay { --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-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-switch__thumb-underlay::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-switch__thumb-underlay.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-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { background-color: #446199; } @supports not (-ms-ime-align: auto) { .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #446199); } } .mdc-switch__thumb-underlay:hover::before { opacity: 0.04; } .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .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 .mdc-checkbox { box-sizing: content-box; } .googlesitekit-plugin .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: #161b18; background-color: #fff; } .googlesitekit-plugin .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .googlesitekit-plugin .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: #161b18; background-color: #000; } @keyframes mdc-checkbox-fade-in-background-0 { 0% { border-color: #161b18; background-color: #fff; } 50% { border-color: #161b18; background-color: #000; } } @keyframes mdc-checkbox-fade-out-background-0 { 0%, 80% { border-color: #161b18; background-color: #000; } 100% { border-color: #161b18; background-color: #fff; } } .googlesitekit-plugin .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .googlesitekit-plugin .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { animation-name: mdc-checkbox-fade-in-background-0; } .googlesitekit-plugin .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .googlesitekit-plugin .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { animation-name: mdc-checkbox-fade-out-background-0; } .googlesitekit-plugin .mdc-checkbox .mdc-checkbox__checkmark { color: #fff; } .googlesitekit-plugin .mdc-checkbox .mdc-checkbox__mixedmark { border-color: #fff; } .googlesitekit-plugin .mdc-checkbox .mdc-checkbox__background::before { background-color: #265c3b; } .googlesitekit-plugin .mdc-checkbox .mdc-checkbox__native-control { appearance: none; background: transparent; border: none; border-radius: 0; box-shadow: none; clear: none; color: #161b18; cursor: inherit; display: block; height: 100%; line-height: normal; margin: 0; min-width: auto; opacity: 0; outline: 0; padding: 0; text-align: center; transition: none; vertical-align: middle; width: 100%; z-index: 1; } .googlesitekit-plugin .mdc-checkbox.mdc-checkbox--align-left { margin-left: -11px; } .googlesitekit-plugin .mdc-checkbox + .mdc-checkbox__content { padding-left: 4px; } .googlesitekit-plugin .mdc-checkbox__label-wrapper { align-items: center; column-gap: 10px; display: flex; } .googlesitekit-plugin .mdc-checkbox__label-wrapper .googlesitekit-badge { margin-left: 0; } .googlesitekit-plugin .mdc-chip { border-radius: 100px; font-weight: 500; height: auto; padding: 8px 12px; } @media (min-width: 783px) { .googlesitekit-plugin .mdc-chip { font-size: 16px; letter-spacing: 0.5px; margin: 4px 16px; padding: 12px 16px; } } .googlesitekit-plugin .mdc-dialog { z-index: 10000; } .googlesitekit-plugin .mdc-dialog .mdc-dialog__surface { border-radius: 8px; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.35); max-width: 76vw; padding: 24px; } @media (min-width: 600px) { .googlesitekit-plugin .mdc-dialog .mdc-dialog__surface { max-width: 478px; padding: 36px; } } @media (min-width: 960px) { .googlesitekit-plugin .mdc-dialog .mdc-dialog__surface { max-width: 590px; } } .googlesitekit-plugin .mdc-dialog .mdc-dialog__lead, .googlesitekit-plugin .mdc-dialog .mdc-dialog__title { color: #161b18; } .googlesitekit-plugin .mdc-dialog .mdc-dialog__title { align-items: flex-start; column-gap: 9px; display: flex; flex-direction: column; font-size: 22px; letter-spacing: 0; padding: 0 0 4px; } @media (min-width: 600px) { .googlesitekit-plugin .mdc-dialog .mdc-dialog__title { align-items: center; flex-direction: row; padding: 0 0 14px; } } .googlesitekit-plugin .mdc-dialog .mdc-dialog__title::before { display: none; } .googlesitekit-plugin .mdc-dialog .mdc-dialog__title svg { color: #ac4220; margin-bottom: 4px; } @media (min-width: 600px) { .googlesitekit-plugin .mdc-dialog .mdc-dialog__title svg { margin-bottom: 0; } } .googlesitekit-plugin .mdc-dialog .mdc-dialog__lead { font-size: 14px; font-weight: 500; line-height: 1.43; margin: 0; max-width: 430px; } .googlesitekit-plugin .mdc-dialog .mdc-dialog__content { color: #161b18; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: normal; padding: 0; } .googlesitekit-plugin .mdc-dialog .mdc-dialog__dependencies { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 1em 0; } .googlesitekit-plugin .mdc-dialog .mdc-dialog__dependencies strong { font-weight: 500; } .googlesitekit-plugin .mdc-dialog .mdc-dialog__provides { overflow: initial; padding: 8px 0; } .googlesitekit-plugin .mdc-dialog .mdc-list:first-child:last-child { padding: 0; } .googlesitekit-plugin .mdc-dialog .mdc-list.mdc-list--underlined .mdc-list-item, .googlesitekit-plugin .mdc-dialog .mdc-list.mdc-list--underlined .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-dialog .mdc-list.mdc-list--underlined .googlesitekit-view-only-menu__list-item { font-size: 14px; height: unset; letter-spacing: 0.2px; line-height: 1.33; min-height: 32px; padding: 6px 0 6px 10px; } .googlesitekit-plugin .mdc-dialog .mdc-list.mdc-list--underlined .mdc-list-item::before, .googlesitekit-plugin .mdc-dialog .mdc-list.mdc-list--underlined .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item::before, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-dialog .mdc-list.mdc-list--underlined .googlesitekit-view-only-menu__list-item::before { background-color: #161b18; border-radius: 50%; content: " "; height: 4px; left: 0; position: absolute; top: 14.3px; width: 4px; } .googlesitekit-plugin .mdc-dialog .mdc-dialog__actions { column-gap: 10px; margin: 2em 0 0; min-height: 40px; padding: 0; } @media (min-width: 600px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-md .mdc-dialog__surface { max-width: 441px; } } @media (min-width: 600px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-sm .mdc-dialog__surface { max-width: 402px; } } .googlesitekit-plugin .mdc-dialog.googlesitekit-settings-module__confirm-disconnect-modal .mdc-list-item__text { white-space: normal; } .googlesitekit-plugin .mdc-dialog.googlesitekit-settings-module__confirm-disconnect-modal .mdc-dialog__title { align-items: flex-start; } .googlesitekit-plugin .mdc-dialog.googlesitekit-settings-module__confirm-disconnect-modal .mdc-list-item:last-child, .googlesitekit-plugin .mdc-dialog.googlesitekit-settings-module__confirm-disconnect-modal .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item:last-child, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-dialog.googlesitekit-settings-module__confirm-disconnect-modal .googlesitekit-view-only-menu__list-item:last-child { border-bottom: 0; } .googlesitekit-plugin .mdc-floating-label { vertical-align: initial; } .googlesitekit-plugin .mdc-form-field { color: #161b18; } .googlesitekit-plugin { /* * Grid Cells */ } .googlesitekit-plugin .mdc-layout-grid + .mdc-layout-grid { padding-top: 0; } .googlesitekit-plugin .mdc-layout-grid--collapsed { padding: 0; } .googlesitekit-plugin .mdc-layout-grid--collapsed .mdc-layout-grid__inner { grid-gap: 0; } .googlesitekit-plugin .mdc-layout-grid--fill .mdc-layout-grid__inner { height: 100%; } .googlesitekit-plugin .mdc-layout-grid__cell--align-left { margin-right: auto; width: auto; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--align-left { justify-self: start; } } .googlesitekit-plugin .mdc-layout-grid__cell--align-right { margin-left: auto; width: auto; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--align-right { justify-self: end; } } @media (min-width: 0) { .googlesitekit-plugin .mdc-layout-grid__cell--align-right-phone { margin-left: auto; width: auto; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--align-right-phone { justify-self: end; } } } @media (min-width: 601px) { .googlesitekit-plugin .mdc-layout-grid__cell--align-right-tablet { margin-left: auto; width: auto; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--align-right-tablet { justify-self: end; } } } @media (min-width: 961px) { .googlesitekit-plugin .mdc-layout-grid__cell--align-right-desktop { margin-left: auto; width: auto; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--align-right-desktop { justify-self: end; } } } @media (min-width: 600px) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-1 { margin-left: 8.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-1 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-1 { grid-column-start: 2; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-2 { margin-left: 16.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-2 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-2 { grid-column-start: 3; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-3 { margin-left: 25%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-3 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-3 { grid-column-start: 4; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-4 { margin-left: 33.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-4 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-4 { grid-column-start: 5; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-5 { margin-left: 41.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-5 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-5 { grid-column-start: 6; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-6 { margin-left: 50%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-6 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-6 { grid-column-start: 7; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-7 { margin-left: 58.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-7 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-7 { grid-column-start: 8; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-8 { margin-left: 66.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-8 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-8 { grid-column-start: 9; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-9 { margin-left: 75%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-9 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-9 { grid-column-start: 10; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-10 { margin-left: 83.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-10 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-10 { grid-column-start: 11; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-11 { margin-left: 91.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-11 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-11 { grid-column-start: 12; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-12 { margin-left: 100%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-12 { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-12 { grid-column-start: 13; } } @media (min-width: 0) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-1-phone { margin-left: 8.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-1-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-1-phone { grid-column-start: 2; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-2-phone { margin-left: 16.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-2-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-2-phone { grid-column-start: 3; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-3-phone { margin-left: 25%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-3-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-3-phone { grid-column-start: 4; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-4-phone { margin-left: 33.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-4-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-4-phone { grid-column-start: 5; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-5-phone { margin-left: 41.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-5-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-5-phone { grid-column-start: 6; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-6-phone { margin-left: 50%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-6-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-6-phone { grid-column-start: 7; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-7-phone { margin-left: 58.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-7-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-7-phone { grid-column-start: 8; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-8-phone { margin-left: 66.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-8-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-8-phone { grid-column-start: 9; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-9-phone { margin-left: 75%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-9-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-9-phone { grid-column-start: 10; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-10-phone { margin-left: 83.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-10-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-10-phone { grid-column-start: 11; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-11-phone { margin-left: 91.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-11-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-11-phone { grid-column-start: 12; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-12-phone { margin-left: 100%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-12-phone { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-12-phone { grid-column-start: 13; } } @media (min-width: 601px) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-1-tablet { margin-left: 8.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-1-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-1-tablet { grid-column-start: 2; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-2-tablet { margin-left: 16.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-2-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-2-tablet { grid-column-start: 3; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-3-tablet { margin-left: 25%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-3-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-3-tablet { grid-column-start: 4; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-4-tablet { margin-left: 33.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-4-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-4-tablet { grid-column-start: 5; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-5-tablet { margin-left: 41.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-5-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-5-tablet { grid-column-start: 6; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-6-tablet { margin-left: 50%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-6-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-6-tablet { grid-column-start: 7; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-7-tablet { margin-left: 58.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-7-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-7-tablet { grid-column-start: 8; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-8-tablet { margin-left: 66.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-8-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-8-tablet { grid-column-start: 9; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-9-tablet { margin-left: 75%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-9-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-9-tablet { grid-column-start: 10; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-10-tablet { margin-left: 83.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-10-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-10-tablet { grid-column-start: 11; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-11-tablet { margin-left: 91.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-11-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-11-tablet { grid-column-start: 12; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-12-tablet { margin-left: 100%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-12-tablet { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-12-tablet { grid-column-start: 13; } } @media (min-width: 961px) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-1-desktop { margin-left: 8.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-1-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-1-desktop { grid-column-start: 2; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-2-desktop { margin-left: 16.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-2-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-2-desktop { grid-column-start: 3; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-3-desktop { margin-left: 25%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-3-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-3-desktop { grid-column-start: 4; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-4-desktop { margin-left: 33.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-4-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-4-desktop { grid-column-start: 5; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-5-desktop { margin-left: 41.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-5-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-5-desktop { grid-column-start: 6; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-6-desktop { margin-left: 50%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-6-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-6-desktop { grid-column-start: 7; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-7-desktop { margin-left: 58.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-7-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-7-desktop { grid-column-start: 8; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-8-desktop { margin-left: 66.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-8-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-8-desktop { grid-column-start: 9; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-9-desktop { margin-left: 75%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-9-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-9-desktop { grid-column-start: 10; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-10-desktop { margin-left: 83.3333333333%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-10-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-10-desktop { grid-column-start: 11; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-11-desktop { margin-left: 91.6666666667%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-11-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-11-desktop { grid-column-start: 12; } .googlesitekit-plugin .mdc-layout-grid__cell--offset-12-desktop { margin-left: 100%; } @supports (display: grid) { .googlesitekit-plugin .mdc-layout-grid__cell--offset-12-desktop { margin-left: 0; } } .googlesitekit-plugin .mdc-layout-grid__cell--start-12-desktop { grid-column-start: 13; } } @media (min-width: 0) { .googlesitekit-plugin .mdc-layout-grid__cell--order-1-phone { order: 1; } .googlesitekit-plugin .mdc-layout-grid__cell--order-2-phone { order: 2; } .googlesitekit-plugin .mdc-layout-grid__cell--order-3-phone { order: 3; } .googlesitekit-plugin .mdc-layout-grid__cell--order-4-phone { order: 4; } .googlesitekit-plugin .mdc-layout-grid__cell--order-5-phone { order: 5; } .googlesitekit-plugin .mdc-layout-grid__cell--order-6-phone { order: 6; } .googlesitekit-plugin .mdc-layout-grid__cell--order-7-phone { order: 7; } .googlesitekit-plugin .mdc-layout-grid__cell--order-8-phone { order: 8; } .googlesitekit-plugin .mdc-layout-grid__cell--order-9-phone { order: 9; } .googlesitekit-plugin .mdc-layout-grid__cell--order-10-phone { order: 10; } .googlesitekit-plugin .mdc-layout-grid__cell--order-11-phone { order: 11; } .googlesitekit-plugin .mdc-layout-grid__cell--order-12-phone { order: 12; } } @media (min-width: 601px) { .googlesitekit-plugin .mdc-layout-grid__cell--order-1-tablet { order: 1; } .googlesitekit-plugin .mdc-layout-grid__cell--order-2-tablet { order: 2; } .googlesitekit-plugin .mdc-layout-grid__cell--order-3-tablet { order: 3; } .googlesitekit-plugin .mdc-layout-grid__cell--order-4-tablet { order: 4; } .googlesitekit-plugin .mdc-layout-grid__cell--order-5-tablet { order: 5; } .googlesitekit-plugin .mdc-layout-grid__cell--order-6-tablet { order: 6; } .googlesitekit-plugin .mdc-layout-grid__cell--order-7-tablet { order: 7; } .googlesitekit-plugin .mdc-layout-grid__cell--order-8-tablet { order: 8; } .googlesitekit-plugin .mdc-layout-grid__cell--order-9-tablet { order: 9; } .googlesitekit-plugin .mdc-layout-grid__cell--order-10-tablet { order: 10; } .googlesitekit-plugin .mdc-layout-grid__cell--order-11-tablet { order: 11; } .googlesitekit-plugin .mdc-layout-grid__cell--order-12-tablet { order: 12; } } @media (min-width: 961px) { .googlesitekit-plugin .mdc-layout-grid__cell--order-1-desktop { order: 1; } .googlesitekit-plugin .mdc-layout-grid__cell--order-2-desktop { order: 2; } .googlesitekit-plugin .mdc-layout-grid__cell--order-3-desktop { order: 3; } .googlesitekit-plugin .mdc-layout-grid__cell--order-4-desktop { order: 4; } .googlesitekit-plugin .mdc-layout-grid__cell--order-5-desktop { order: 5; } .googlesitekit-plugin .mdc-layout-grid__cell--order-6-desktop { order: 6; } .googlesitekit-plugin .mdc-layout-grid__cell--order-7-desktop { order: 7; } .googlesitekit-plugin .mdc-layout-grid__cell--order-8-desktop { order: 8; } .googlesitekit-plugin .mdc-layout-grid__cell--order-9-desktop { order: 9; } .googlesitekit-plugin .mdc-layout-grid__cell--order-10-desktop { order: 10; } .googlesitekit-plugin .mdc-layout-grid__cell--order-11-desktop { order: 11; } .googlesitekit-plugin .mdc-layout-grid__cell--order-12-desktop { order: 12; } } .googlesitekit-plugin .mdc-linear-progress { margin: 32px 0; } .googlesitekit-plugin .mdc-linear-progress .mdc-linear-progress__bar-inner { background-color: #3c7251; } @media (min-width: 960px) { .googlesitekit-plugin .mdc-linear-progress { margin: 48px 0; } } .googlesitekit-plugin .mdc-linear-progress--small { max-width: 150px; } .googlesitekit-plugin .mdc-linear-progress--compress { margin: 0; } .googlesitekit-plugin .mdc-list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item { margin: 0; } .googlesitekit-plugin .mdc-list.mdc-list--underlined .mdc-list-item, .googlesitekit-plugin .mdc-list.mdc-list--underlined .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-list.mdc-list--underlined .googlesitekit-view-only-menu__list-item { border-bottom: 1px solid #ebeef0; padding-left: 0; padding-right: 0; } .mdc-menu-surface { box-shadow: 0 1.25px 5px 0 rgba(0, 0, 0, 0.19), 0 0.33px 1.5px 0 rgba(0, 0, 0, 0.039); border-radius: 16px; } .googlesitekit-plugin .mdc-menu-surface { left: auto !important; right: -8px; top: calc(100% + 10px) !important; width: calc(100% + 8px); } .mdc-menu-surface--open { z-index: 10000; } .googlesitekit-plugin .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { border-color: #000; } .googlesitekit-plugin .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { border-color: #000; } .googlesitekit-plugin .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { border-color: #000; } .googlesitekit-plugin .mdc-radio .mdc-radio__background::before { background-color: #265c3b; } .googlesitekit-plugin .mdc-radio .mdc-radio__native-control { appearance: none; background: transparent; border: none; border-radius: 0; box-shadow: none; clear: none; color: #161b18; cursor: inherit; display: block; height: 100%; line-height: normal; margin: 0; min-width: auto; opacity: 0; outline: 0; padding: 0; text-align: center; transition: none; width: 100%; z-index: 1; } .googlesitekit-plugin .mdc-radio.mdc-radio--align-left { margin-left: -10px; } .googlesitekit-plugin .mdc-radio__description { color: #6c726e; font-size: 12px; line-height: 1.33; } .googlesitekit-plugin .mdc-select { max-width: 100%; } .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { color: #161b18; } .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled) .mdc-floating-label { color: #161b18; } .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: #161b18; } .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: #b8bdb9; } .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #757575; } .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-width: 2px; } .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #3c7251; } .googlesitekit-plugin .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #446199; } .googlesitekit-plugin .mdc-select .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 8px 0 0 8px; } [dir=rtl] .googlesitekit-plugin .mdc-select .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { /* @noflip */ border-radius: 0 8px 8px 0; } .googlesitekit-plugin .mdc-select .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 8px 8px 0; } [dir=rtl] .googlesitekit-plugin .mdc-select .mdc-notched-outline .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-select .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { /* @noflip */ border-radius: 8px 0 0 8px; } .googlesitekit-plugin .mdc-select .mdc-select__native-control { border-radius: 8px; } .googlesitekit-plugin .mdc-select .mdc-select__selected-text { display: block; overflow: hidden; text-overflow: ellipsis; } .googlesitekit-plugin .mdc-select .mdc-select__native-control { appearance: none; box-shadow: none; height: 56px !important; line-height: 1.75rem; margin: 0; padding: 20px 26px 4px 16px; } .googlesitekit-plugin .mdc-select.mdc-select--focused:not(.mdc-select--disabled) .mdc-floating-label--float-above { color: #3c7251; } .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: #ac4220; } .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #ac4220; } .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-width: 2px; } .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #ac4220; } .googlesitekit-plugin .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #ac4220; } .googlesitekit-plugin .mdc-select--minimal { background-color: transparent; background-position: right center; display: block; height: 20px; line-height: 1; margin: 0 0 -6px; padding-bottom: 6px; width: 90px; } .googlesitekit-plugin .mdc-select--minimal::before { background-color: transparent; } .googlesitekit-plugin .mdc-select--outlined .mdc-select__native-control { background-color: transparent; border: none; box-shadow: none; display: flex; padding: 12px 26px 12px 16px; z-index: 1; } .googlesitekit-plugin .mdc-select--minimal .mdc-select__selected-text { border: none; font-size: 12px !important; height: 14px !important; letter-spacing: 0.2px; line-height: 1; min-width: 0; padding: 0 18px 0 0; text-align: right; text-indent: 0; } .googlesitekit-plugin .mdc-select--minimal .mdc-select__dropdown-icon { bottom: 2px; right: -5px; } .googlesitekit-plugin .mdc-select--focused .mdc-select__dropdown-icon { transform: rotate(180deg) translateY(0); } .googlesitekit-plugin .mdc-select + .mdc-select-helper-text { color: #6c726e; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 10px 0 0; opacity: 1; } .googlesitekit-plugin .mdc-select + .mdc-select-helper-text::before { display: none; } .googlesitekit-plugin .mdc-switch { vertical-align: middle; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__track { background-color: #3c7251; border-color: #3c7251; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb { background-color: #3c7251; border-color: #3c7251; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after { background-color: #3c7251; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__thumb { background-color: #3c7251; border-color: #3c7251; } .googlesitekit-plugin .mdc-switch.mdc-switch--checked .mdc-switch__track { background-color: #b8e5ca; border-color: #b8e5ca; } .googlesitekit-plugin .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { background-color: #6c726e; border-color: #6c726e; } .googlesitekit-plugin .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { background-color: #cbd0d3; border-color: #cbd0d3; } .googlesitekit-plugin .mdc-switch .mdc-switch__native-control { appearance: none; background: transparent; border: none; box-shadow: none; clear: none; color: #161b18; cursor: pointer; display: block; height: 48px; line-height: normal; margin: 0; min-width: auto; outline: 0; padding: 0; text-align: center; transition: none; vertical-align: middle; width: 68px; } .googlesitekit-plugin .mdc-switch .mdc-switch__native-control::before { opacity: 0 !important; } .googlesitekit-plugin .mdc-switch + label { font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; margin-left: 10px; } .googlesitekit-plugin .mdc-switch .mdc-switch__track { opacity: 1; } .googlesitekit-plugin .mdc-switch .mdc-switch__thumb { box-shadow: none; } .googlesitekit-plugin .mdc-tab { font-size: 12px; letter-spacing: 0.2px; line-height: 1; text-transform: none; } .googlesitekit-plugin .mdc-tab.mdc-tab--active .mdc-tab__text-label { color: #3c7251; } .googlesitekit-plugin .mdc-tab .mdc-tab__ripple::before, .googlesitekit-plugin .mdc-tab .mdc-tab__ripple::after { background-color: #3c7251; } .googlesitekit-plugin .mdc-tab .mdc-tab__ripple:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-tab .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-tab .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-tab .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-tab .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-tab .mdc-tab__ripple.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-tab:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-tab:focus { color: #3c7251; outline: none; } .googlesitekit-plugin .mdc-tab[disabled] { cursor: default; } .googlesitekit-plugin .mdc-tab[disabled] .mdc-tab__ripple { display: none; } .googlesitekit-plugin .mdc-tab[disabled] .mdc-tab__text-label { color: #999f9b; opacity: 0.6; } .googlesitekit-plugin .mdc-text-field { width: 250px; } .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color: #161b18; } .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: #161b18; } .googlesitekit-plugin .mdc-text-field .mdc-text-field__input { caret-color: #3c7251; } .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #3c7251; } .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #757575; } .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #b8bdb9; } .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #b8bdb9; } .googlesitekit-plugin .mdc-text-field .mdc-notched-outline__leading { /* @noflip */ border-radius: 8px 0 0 8px; } [dir=rtl] .googlesitekit-plugin .mdc-text-field .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field .mdc-notched-outline__leading[dir=rtl] { /* @noflip */ border-radius: 0 8px 8px 0; } .googlesitekit-plugin .mdc-text-field .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 8px 8px 0; } [dir=rtl] .googlesitekit-plugin .mdc-text-field .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-text-field .mdc-notched-outline__trailing[dir=rtl] { /* @noflip */ border-radius: 8px 0 0 8px; } .googlesitekit-plugin .mdc-text-field .mdc-notched-outline__notch { padding-right: 0; width: auto !important; } @media (min-width: 600px) { .googlesitekit-plugin .mdc-text-field { width: 350px; } } .googlesitekit-plugin .mdc-text-field--textarea { max-width: 650px; width: 100%; } .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #ac4220; } .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #ac4220; } .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #ac4220; } .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #ac4220; } .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--disabled) .mdc-floating-label, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-floating-label { color: #ac4220; } .googlesitekit-plugin .mdc-text-field--error:not(.mdc-text-field--focused) .mdc-floating-label--float-above, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea:not(.mdc-text-field--focused) .mdc-floating-label--float-above { color: #ac4220; } .googlesitekit-plugin .mdc-text-field--error + .mdc-text-field-helper-line .mdc-text-field-helper-text, .googlesitekit-plugin .mdc-text-field--error.mdc-text-field--textarea + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: #ac4220; } .googlesitekit-plugin .mdc-text-field--textarea.mdc-text-field--focused { border-color: #446199; } .googlesitekit-plugin .mdc-text-field--textarea .mdc-text-field__input { box-shadow: none; padding: 8px 12px 12px; } .googlesitekit-plugin .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { border-color: #446199; } .googlesitekit-plugin .MuiCircularProgress-colorPrimary { color: #3c7251; } .googlesitekit-plugin .MuiCircularProgress-colorSecondary { color: #108080; } /* * Top-level Cascade Items */ /** * Base 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. */ :root { --reach-combobox: 1; } /* .googlesitekit-plugin will always wrap all * of our content, so the properties below will act as defaults. */ .googlesitekit-plugin { color: #161b18; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.43; } .googlesitekit-plugin *, .googlesitekit-plugin *::before, .googlesitekit-plugin *::after { box-sizing: border-box; } .googlesitekit-plugin svg { /* stylelint-disable-next-line sh-waqar/declaration-use-variable */ color: inherit; } .googlesitekit-plugin svg:not(:root) { overflow: hidden; } .googlesitekit-plugin h1, .googlesitekit-plugin h2, .googlesitekit-plugin h3, .googlesitekit-plugin h4, .googlesitekit-plugin h5, .googlesitekit-plugin h6 { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.16; } .googlesitekit-plugin h1, .googlesitekit-plugin .googlesitekit-heading-1 { font-size: 32px; font-weight: 400; line-height: 1.25; } .googlesitekit-plugin h2, .googlesitekit-plugin .googlesitekit-heading-2 { font-size: 28px; font-weight: 400; line-height: 1.286; } .googlesitekit-plugin h3, .googlesitekit-plugin .googlesitekit-heading-3 { font-size: 22px; font-weight: 400; line-height: 1.27; } .googlesitekit-plugin h4, .googlesitekit-plugin .googlesitekit-heading-4 { font-size: 18px; font-weight: 700; line-height: 1.33; } .googlesitekit-plugin .googlesitekit-subheading-1 { font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.14; } .googlesitekit-plugin .googlesitekit-subheading-2 { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; } .googlesitekit-plugin .googlesitekit-nodata { display: none; } .googlesitekit-plugin legend, .googlesitekit-plugin p:not([class*=mdc-]) { font-size: 14px; letter-spacing: 0.25px; } .googlesitekit-plugin a { color: #108080; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin a:hover { color: #108080; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin a:focus { box-shadow: none; outline: 1px dotted #000; outline-offset: 3px; } .googlesitekit-plugin button { background: none; border: none; border-radius: 100px; color: #108080; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin button:hover { -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin button:focus { outline: 1px dotted #000; outline-offset: 6px; } .googlesitekit-plugin legend { line-height: 1.5; margin: 1em 0; } .googlesitekit-plugin .screen-reader-only { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } @media (max-width: 599px) { .googlesitekit-plugin .hidden-on-mobile { display: none; } } .googlesitekit-hidden { display: none !important; } /* * Components */ /** * Activation 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-activation .googlesitekit-activation__title { margin: 10px 0 20px; } .googlesitekit-noscript #googlesitekit-notice-activated { border-left-color: #fece72; margin: 5px 15px 5px 0; padding: 0; } .googlesitekit-noscript #googlesitekit-notice-activated .googlesitekit-noscript { border: 0; margin: 0; padding: 0; } /** * Accordion 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-accordion { border: 1px solid #ebeef0; } .googlesitekit-accordion .googlesitekit-accordion__header, .googlesitekit-accordion .googlesitekit-accordion__content { padding: 14px 20px; } .googlesitekit-accordion .googlesitekit-accordion__header { cursor: pointer; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.14; padding-right: 32px; position: relative; width: 100%; } .googlesitekit-accordion .googlesitekit-accordion__header:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-accordion .googlesitekit-accordion__header:focus { outline-offset: 0; } .googlesitekit-accordion .googlesitekit-accordion__header .googlesitekit-icon-wrapper { align-items: center; display: flex; justify-content: center; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 20px; } .googlesitekit-accordion .googlesitekit-accordion__header .googlesitekit-icon-wrapper svg { color: #5b5b61; } .googlesitekit-accordion .googlesitekit-accordion__header.is-active { font-weight: 700; } .googlesitekit-accordion .googlesitekit-accordion__header.is-active .googlesitekit-icon-wrapper { transform: translateY(-50%) rotate(180deg); } .js .googlesitekit-accordion .googlesitekit-accordion__content { display: none; } .js .googlesitekit-accordion .googlesitekit-accordion__content.is-active { display: block; } .googlesitekit-accordion .googlesitekit-accordion__content p { margin-top: 0; } .googlesitekit-accordion.googlesitekit-accordion--disabled .googlesitekit-accordion__header { pointer-events: none; } .googlesitekit-accordion.googlesitekit-accordion--disabled .googlesitekit-accordion__header .googlesitekit-icon-wrapper svg { color: rgba(3, 14, 7, 0.32); } .googlesitekit-accordion + .googlesitekit-accordion { border-top-width: 0; } /** * 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; } } /** * Autocomplete 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. */ .autocomplete__wrapper { flex: 1 1 100%; margin: 0 0 16px 0; position: relative; } @media (min-width: 600px) { .autocomplete__wrapper { flex: 1; margin: 0 16px 0 0; } } @media (min-width: 960px) { .autocomplete__wrapper { margin-right: 24px; } } .autocomplete__wrapper .autocomplete__input { border-color: #b8bdb9; border-radius: 4px; color: #161b18; font-size: 14px; font-weight: 400; height: 48px; letter-spacing: 0.25px; line-height: 1.43; padding: 12px 16px; position: relative; transition: border-color 150ms ease-in-out; width: 100%; z-index: 3; } .autocomplete__wrapper .autocomplete__input:hover { border-color: #757575; } .autocomplete__wrapper .autocomplete__input:focus { border-color: #446199; border-width: 2px; box-shadow: none; padding: 12px 15px; } .autocomplete__input--default { padding: 4px; } .autocomplete__input--show-all-values { cursor: pointer; padding: 4px 34px 4px 4px; } .autocomplete__menu { background-color: #446199; border-radius: 4px; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; left: 1px; line-height: 1.5rem; margin: 0; padding: 8px 0; top: calc(100% - 10px); width: 100%; } .autocomplete__menu--visible { display: block; } .autocomplete__menu--hidden { display: none; } .autocomplete__menu--inline { position: absolute; z-index: 2; } .autocomplete__option { color: #fff; font-weight: 400; margin-bottom: 0; overflow: hidden; padding: 12px 16px; position: relative; } .autocomplete__option--focused, .autocomplete__option:hover { background-color: #6380b8; } /** * Badge 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-badge { background-color: #ebeef0; border-radius: 100px; color: #333935; display: inline-block; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; padding: 4px 8px; vertical-align: middle; white-space: nowrap; } .googlesitekit-badge--has-left-spacing { margin-left: 12px; } .googlesitekit-badge--primary { background-color: #446199; color: #fff; } .googlesitekit-badge--hidden { visibility: hidden; } .googlesitekit-badge--beta { background-color: #6c726e; color: #fff; } /** * BadgeWithTooltip styles. * * Site Kit by Google, Copyright 2024 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-badge-with-tooltip { background-color: #ffe4b1; color: #684500; display: inline-flex; line-height: 16px; padding: 6px 10px; } .googlesitekit-badge-with-tooltip .googlesitekit-info-tooltip { height: 16px; margin-left: 4px; } .googlesitekit-badge-with-tooltip .googlesitekit-info-tooltip svg path { fill: #4e3300; } /** * Overrides for .mdc-button Icon 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 .mdc-button.googlesitekit-button-icon { min-height: auto; min-width: auto; padding: 8px; } @media (max-width: 599px) { .googlesitekit-plugin .mdc-button.googlesitekit-button-icon--phone { min-height: auto; min-width: auto; padding: 8px; } } .googlesitekit-plugin .mdc-button.googlesitekit-button-icon--spinner__running svg circle { stroke: #fff; } .googlesitekit-plugin .mdc-button.googlesitekit-button-icon--spinner__running.googlesitekit-button-icon--spinner__before .mdc-button__label { margin-inline-start: 8px; } .googlesitekit-plugin .mdc-button.googlesitekit-button-icon--spinner__running.googlesitekit-button-icon--spinner__after .mdc-button__label { margin-inline-end: 8px; } /** * 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); } /** * Change badge 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-change-badge { background-color: #d8ffc0; border-radius: 100px; color: #1f4c04; font: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; margin-top: 6px; padding: 4px 8px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-change-badge { margin-top: 12px; } } .googlesitekit-plugin .googlesitekit-change-badge.googlesitekit-change-badge--negative { background-color: #ffded3; color: #7a1e00; } .googlesitekit-plugin .googlesitekit-change-badge.googlesitekit-change-badge--zero { background-color: #ebeef0; color: #333935; } /** * 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%; } /** * Chart loading 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-loading { align-items: center; display: flex; flex-wrap: wrap; height: 100%; justify-items: center; width: 100%; } .googlesitekit-chart-loading .googlesitekit-chart-loading__wrapper { margin: 0 auto; text-align: center; width: 100%; } /** * Chip 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-chip { background-color: transparent; border: 1px solid #b8bdb9; border-radius: 8px; color: #161b18; flex-direction: row-reverse; font-size: 12px; justify-content: center; letter-spacing: 0.2px; line-height: 1.33; margin: 0; min-width: 80px; padding: 13px 12px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-chip { padding: 3px 12px; } } .googlesitekit-plugin .googlesitekit-chip .mdc-chip__checkmark { margin: 0; } .googlesitekit-plugin .googlesitekit-chip .mdc-chip__checkmark-svg { transition: none; } .googlesitekit-plugin .googlesitekit-chip .mdc-chip__text { padding: 0 12px; } .googlesitekit-plugin .googlesitekit-chip.mdc-chip--selected { background-color: #b8e5ca; border-color: #b8e5ca; gap: 6px; } .googlesitekit-plugin .googlesitekit-chip.mdc-chip--selected .mdc-chip__checkmark-path { stroke: #161b18; } .googlesitekit-plugin .googlesitekit-chip.mdc-chip--selected .mdc-chip__checkmark-svg { height: 18px; width: 18px; } .googlesitekit-plugin .googlesitekit-chip.mdc-chip--selected .mdc-chip__text { padding: 0; } .googlesitekit-plugin .googlesitekit-chip.googlesitekit-chip--disabled { opacity: 0.5; pointer-events: none; } /** * Chip Multi Select styles. * * Site Kit by Google, Copyright 2025 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-chip-multi-select { display: flex; flex-wrap: wrap; gap: 12px; } .googlesitekit-plugin .googlesitekit-chip-multi-select__item.googlesitekit-chip { background-color: #ebeef0; border: none; border-radius: 100px; flex-direction: row; padding: 6px 26px; } .googlesitekit-plugin .googlesitekit-chip-multi-select__item.googlesitekit-chip .mdc-chip__checkmark { display: none; } .googlesitekit-plugin .googlesitekit-chip-multi-select__item.googlesitekit-chip.mdc-chip--selected { background-color: #b8e5ca; border: none; gap: 10px; } .googlesitekit-plugin .googlesitekit-chip-multi-select__item.googlesitekit-chip.mdc-chip--selected .mdc-chip__checkmark { display: block; } .googlesitekit-plugin .googlesitekit-chip-multi-select__item.googlesitekit-chip.mdc-chip--selected .mdc-chip__checkmark, .googlesitekit-plugin .googlesitekit-chip-multi-select__item.googlesitekit-chip.mdc-chip--selected .mdc-chip__checkmark svg { height: 12px; width: 12px; } .googlesitekit-plugin .googlesitekit-chip-multi-select__item.googlesitekit-chip .mdc-chip__text { padding: 0 11px; text-align: center; text-wrap: inherit; } .googlesitekit-plugin .googlesitekit-chip-multi-select__item.googlesitekit-chip.mdc-chip--selected .mdc-chip__text { padding: 0; } /** * 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 */ /** * DashboardNavigation 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-navigation { background-color: #fff; border-bottom: 1px solid #ebeef0; justify-content: center; left: 0; padding: 12px 0; position: sticky; right: 0; top: 68px; z-index: 10; } .googlesitekit-plugin .googlesitekit-navigation::before { content: ""; display: block; height: 3px; left: 0; opacity: 1; position: absolute; top: -3px; transition: opacity 0s; width: 100%; } body.googlesitekit-showing-feature-tour .googlesitekit-plugin .googlesitekit-navigation, body.googlesitekit-showing-tooltip .googlesitekit-plugin .googlesitekit-navigation { position: static; } @media (min-width: 601px) { body.admin-bar .googlesitekit-plugin .googlesitekit-navigation { top: 114px; } } @media (min-width: 783px) { body.admin-bar .googlesitekit-plugin .googlesitekit-navigation { top: 100px; } } @media (min-width: 961px) { body.admin-bar .googlesitekit-plugin .googlesitekit-navigation { top: 116px; } } .googlesitekit-plugin .googlesitekit-navigation .mdc-chip { background-color: #fff; border: 1px solid #ebeef0; border-radius: 100px; color: #161b18; font-size: 14px; letter-spacing: 0.2px; line-height: 1; padding: 11px 14px 11px 19px; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-navigation .mdc-chip { padding: 5px 10px 5px 12px; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-navigation .mdc-chip { margin: 4px 12px; } } .googlesitekit-plugin .googlesitekit-navigation .mdc-chip .mdc-chip__icon { border-radius: 0; height: auto; margin-right: 6px; width: auto; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-navigation .mdc-chip .mdc-chip__icon { display: none; } } .googlesitekit-plugin .googlesitekit-navigation .mdc-chip--selected { color: #3c7251; } .googlesitekit-plugin .googlesitekit-navigation--is-sticky { border-bottom: 1px solid #ebeef0; } .googlesitekit-plugin .googlesitekit-navigation--is-sticky + .googlesitekit-entity-header { border-bottom: 1px solid #ebeef0; } .googlesitekit-plugin .googlesitekit-navigation--entityDashboard { border-bottom: 1px solid #ebeef0; border-radius: 0; } .googlesitekit-plugin--has-scrolled .googlesitekit-plugin .googlesitekit-header--has-subheader + .googlesitekit-subheader + .googlesitekit-navigation--is-sticky::before { opacity: 0; transition: opacity 0.1s ease-out; } /** * 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; } /** * Dialog 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. */ .admin-bar .googlesitekit-plugin .googlesitekit-dialog { align-items: stretch; } @media (min-width: 600px) { .admin-bar .googlesitekit-plugin .googlesitekit-dialog { align-items: center; } } .googlesitekit-plugin .googlesitekit-dialog .mdc-dialog__container { height: 100%; max-width: 908px; width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dialog .mdc-dialog__container { height: auto; max-height: calc(100vh - 120px); width: 80%; } } .googlesitekit-plugin .googlesitekit-dialog .mdc-dialog__surface { border-radius: 0; box-shadow: none; max-height: 100%; max-width: 100%; padding: 0; width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dialog .mdc-dialog__surface { border-radius: 24px; height: auto; } } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__back-wrapper { padding: 20px 16px; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__back-wrapper[aria-hidden=true] { display: none; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__back { background-color: transparent; border-radius: 0; box-shadow: none; min-height: auto; min-width: auto; padding: 0; width: 24px; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__back:focus { outline: 1px dotted #6380b8; outline-offset: 3px; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__back .mdc-button__label { height: 24px; line-height: 1; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__content { overflow: auto; padding: 24px 16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__content { padding: 32px; } } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__header { display: flex; flex-wrap: nowrap; gap: 12px; margin: 0 0 32px; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__header-icon span { align-items: center; background-color: #46732b; border-radius: 50%; color: #fff; display: flex; height: 36px; justify-content: center; width: 36px; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__header-icon[aria-hidden=true] { display: none; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__title { color: #161b18; font-size: 22px; font-weight: 700; line-height: 1.27; margin: 0 0 12px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__title { margin: 0 0 8px; } } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__subtitle { color: #6c726e; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__subtitle--emphasis { font-size: 14px; } .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__footer { border-top: 1px solid #ebeef0; justify-content: flex-end; margin: 0; padding: 16px; z-index: 2; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dialog .googlesitekit-dialog__footer { padding: 20px 32px; } } /** * DeviceSizeTabBar 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-device-size-tab-bar { border-radius: 100px; overflow: hidden; width: auto; } .googlesitekit-device-size-tab-bar .mdc-tab-scroller__scroll-content button.mdc-tab { background: #ebeef0; height: 32px; width: 56px; } .googlesitekit-device-size-tab-bar .mdc-tab-scroller__scroll-content button.mdc-tab:first-child { border-radius: 100px 0 0 100px; } .googlesitekit-device-size-tab-bar .mdc-tab-scroller__scroll-content button.mdc-tab:last-child { border-radius: 0 100px 100px 0; } .googlesitekit-device-size-tab-bar .mdc-tab-scroller__scroll-content button.mdc-tab svg { color: #5f6561; } .googlesitekit-device-size-tab-bar .mdc-tab-scroller__scroll-content button.mdc-tab.mdc-tab--active { background: #3c7251; } .googlesitekit-device-size-tab-bar .mdc-tab-scroller__scroll-content button.mdc-tab.mdc-tab--active svg { color: #fff; } .googlesitekit-device-size-tab-bar .mdc-tab-scroller__scroll-content button.mdc-tab .mdc-tab-indicator { display: none; } .googlesitekit-device-size-tab-bar .mdc-tab--active[disabled] { background-color: #999f9b; opacity: 0.6; } /** * Dropdown menu 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-dropdown-menu .googlesitekit-header__dropdown:focus { outline: 0; } .googlesitekit-dropdown-menu .mdc-list-item .googlesitekit-cta-link:hover, .googlesitekit-dropdown-menu .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item .googlesitekit-cta-link:hover, .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-dropdown-menu .googlesitekit-view-only-menu__list-item .googlesitekit-cta-link:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-dropdown-menu.googlesitekit-dropdown-menu__icon-menu .mdc-button--dropdown { background-image: none; color: #6c726e; padding-right: 8px; } .googlesitekit-dropdown-menu .mdc-button--dropdown[aria-expanded=true] { background-color: #ebeef0; color: rgba(0, 0, 0, 0.87); } /** * Entity Header Banner 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-entity-header { align-items: center; background-color: #fff; border-bottom: 1px solid transparent; color: #6c726e; display: flex; justify-content: space-between; padding: 16px; -webkit-position: sticky; position: sticky; top: 120px; z-index: 9; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-entity-header { padding-left: 36px; padding-right: 36px; } } .googlesitekit-navigation--is-sticky + .googlesitekit-plugin .googlesitekit-entity-header { border-bottom: 1px solid #ebeef0; } @media (min-width: 601px) { body.admin-bar .googlesitekit-plugin .googlesitekit-entity-header { top: 183px; } } @media (min-width: 783px) { body.admin-bar .googlesitekit-plugin .googlesitekit-entity-header { top: 169px; } } @media (min-width: 961px) { body.admin-bar .googlesitekit-plugin .googlesitekit-entity-header { top: 185px; } } body.googlesitekit-showing-feature-tour .googlesitekit-plugin .googlesitekit-entity-header, body.googlesitekit-showing-tooltip .googlesitekit-plugin .googlesitekit-entity-header { position: static; } .googlesitekit-plugin .googlesitekit-entity-header__back { height: auto; min-width: 20%; padding-right: 30px; } .googlesitekit-plugin .googlesitekit-entity-header__back::before, .googlesitekit-plugin .googlesitekit-entity-header__back::after { display: none; } .googlesitekit-plugin .googlesitekit-entity-header__back .mdc-button { height: 100%; padding-left: 0; } .googlesitekit-plugin .googlesitekit-entity-header__back .mdc-button:not(:disabled) { color: #6c726e; } .googlesitekit-plugin .googlesitekit-entity-header__back .mdc-button:not(:disabled):hover { color: #161b18; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .googlesitekit-entity-header__back .mdc-button__label { font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.25px; line-height: 1.43; margin: 0 0 0 8px; text-align: left; text-transform: none; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-entity-header__back .mdc-button__label { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; } } .googlesitekit-plugin .googlesitekit-entity-header__details { font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; overflow: hidden; text-align: right; white-space: nowrap; width: 100%; } .googlesitekit-plugin .googlesitekit-entity-header__details p { font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-entity-header__details p { margin: 0; } } .googlesitekit-plugin .googlesitekit-entity-header__details a { margin: 4px; max-width: 100%; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin .googlesitekit-entity-header__details a:hover, .googlesitekit-plugin .googlesitekit-entity-header__details a:focus { color: #2e5f41; } /** * EntitySearchInput 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-entity-search { background-color: #fff; position: relative; } .googlesitekit-plugin .googlesitekit-entity-search .googlesitekit-entity-search__actions { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); z-index: 3; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-entity-search .googlesitekit-entity-search__actions { right: 2px; } } .googlesitekit-plugin .googlesitekit-entity-search .googlesitekit-entity-search__actions svg { color: #5f6561; } .googlesitekit-plugin .googlesitekit-entity-search .googlesitekit-entity-search__close { height: 30px; width: 30px; } @media (max-width: 960px) { .googlesitekit-plugin .googlesitekit-entity-search .googlesitekit-entity-search__close { border-radius: 50%; } } .googlesitekit-plugin .googlesitekit-entity-search .googlesitekit-entity-search__loading { border-radius: 0 0 16px 16px; bottom: -4px; position: absolute; right: 4px; width: calc(100% - 8px); z-index: 4; } @media (min-width: 783px) { .googlesitekit-plugin .googlesitekit-entity-search .googlesitekit-entity-search__loading { bottom: -4px; left: 0; margin: 0 auto; right: 0; width: calc(100% - 25px); } } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__wrapper { margin: 0; } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__input { border: none; border-radius: 100px; font-size: 14px; height: 34px; letter-spacing: 0.25px; margin: 0; padding: 0 32px 0 0; } @media (min-width: 783px) { .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__input { border: 1px solid #b8bdb9; padding: 0 32px 0 16px; } } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__input:hover { border-color: #161b18; } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__input:focus { border-color: #3c7251; border-width: 2px; } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__menu { box-shadow: 0 1.25px 5px 0 rgba(0, 0, 0, 0.19), 0 0.33px 1.5px 0 rgba(0, 0, 0, 0.039); background-color: #fff; border-radius: 16px; margin-left: -12px; overflow: hidden; padding: 0; top: calc(100% + 14px); width: calc(100% + 24px); } @media (min-width: 783px) { .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__menu { margin: 0; top: calc(100% + 1px); width: 100%; } } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__option { color: #161b18; font-size: 14px; letter-spacing: 0.25px; line-height: 1; } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__option:first-child { border-radius: 16px 16px 0 0; } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__option:last-child { border-radius: 0 0 16px 16px; } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__option--focused, .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__option:hover, .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__option[data-highlighted] { background-color: rgba(22, 27, 24, 0.16); cursor: pointer; } .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__option--no-results, .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__option--no-results:hover, .googlesitekit-plugin .googlesitekit-entity-search .autocomplete__option--no-results[data-highlighted] { background: none; cursor: default; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-entity-search .mdc-button__label { line-height: 0; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-entity-search .mdc-button__label + svg { margin-left: 8px; } } .googlesitekit-plugin .googlesitekit-entity-search .mdc-button { color: #6c726e; font-weight: 400; letter-spacing: 0.3px; min-width: auto; outline: none; text-transform: none; } .googlesitekit-plugin .googlesitekit-entity-search .mdc-button:hover, .googlesitekit-plugin .googlesitekit-entity-search .mdc-button:active, .googlesitekit-plugin .googlesitekit-entity-search .mdc-button:focus { background-color: #f8fafb; color: rgba(0, 0, 0, 0.87); -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .googlesitekit-entity-search .mdc-button:hover::before, .googlesitekit-plugin .googlesitekit-entity-search .mdc-button:hover::after, .googlesitekit-plugin .googlesitekit-entity-search .mdc-button:active::before, .googlesitekit-plugin .googlesitekit-entity-search .mdc-button:active::after, .googlesitekit-plugin .googlesitekit-entity-search .mdc-button:focus::before, .googlesitekit-plugin .googlesitekit-entity-search .mdc-button:focus::after { background-color: rgba(0, 0, 0, 0.87); } .googlesitekit-plugin .googlesitekit-entity-search--is-open { flex: 1; } @media (max-width: 783px) { .googlesitekit-plugin .googlesitekit-entity-search--is-open { align-items: center; display: flex; left: 0; margin: 0; max-height: 68px; padding: 14px 16px; position: absolute; right: 0; top: 0; z-index: 1; } } /** * ErrorHandler 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-error-handler .googlesitekit-publisher-win__desc p { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-error-handler .googlesitekit-publisher-win__desc p { gap: 24px; } } /** * 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; } /** * First party mode toggle styles. * * Site Kit by Google, Copyright 2024 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-first-party-mode-toggle .googlesitekit-first-party-mode-toggle__progress { margin: 11.5px 0; } .googlesitekit-plugin .googlesitekit-first-party-mode-toggle .googlesitekit-subtle-notification { margin-top: 10px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-first-party-mode-toggle .googlesitekit-subtle-notification { padding: 14px 24px; } } .googlesitekit-plugin .googlesitekit-first-party-mode-toggle .googlesitekit-badge { margin-left: 6px; } /** * 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; } /** * Header 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-subheader { background-color: #fff; position: relative; z-index: 11; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-subheader { padding: 0 10px; } } .googlesitekit-plugin .googlesitekit-subheader:not(:empty) { border-bottom: 1px solid #ebeef0; } .googlesitekit-plugin .googlesitekit-header { background-color: #fff; left: 0; position: sticky; right: 0; top: 0; transition: box-shadow 0.2s ease-in-out; z-index: 9980; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-header { padding-left: 10px; padding-right: 10px; } } .wp-responsive-open .googlesitekit-plugin .googlesitekit-header { margin-left: -18px; padding-left: 28px; } body.googlesitekit-showing-feature-tour .googlesitekit-plugin .googlesitekit-header, body.googlesitekit-showing-tooltip .googlesitekit-plugin .googlesitekit-header { position: static; } @media (min-width: 601px) { body.admin-bar .googlesitekit-plugin .googlesitekit-header { top: 46px; } } @media (min-width: 783px) { body.admin-bar .googlesitekit-plugin .googlesitekit-header { top: 32px; } } .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__logo { min-width: 150px; } @media (max-width: 449px) { .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__logo { min-width: 100px; } } .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__logo-link { display: inline-block; } .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__button { align-items: center; background-color: transparent; cursor: pointer; display: flex; font-size: 12px; letter-spacing: 0.2px; margin-right: -8px; padding: 8px; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; } .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__button:hover { background-color: #446199; color: #fff; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__button svg { fill: currentColor; margin-left: 8px; } .googlesitekit-plugin .googlesitekit-header .googlesitekit-dropdown-menu { display: inline-block; } .googlesitekit-plugin .googlesitekit-header .googlesitekit-dropdown-menu .mdc-button__icon { margin-right: 12px; } .googlesitekit-plugin .googlesitekit-header .googlesitekit-dropdown-menu .mdc-button__account { margin-right: 0; } .googlesitekit-plugin .googlesitekit-header .googlesitekit-dropdown-menu .mdc-button__icon, .googlesitekit-plugin .googlesitekit-header .googlesitekit-dropdown-menu .mdc-button__icon--image { height: 28px; width: 28px; } .googlesitekit-plugin .googlesitekit-header .googlesitekit-dropdown-menu .mdc-button__label { font-weight: 400; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-header .googlesitekit-date-range-selector { background: none; } } .googlesitekit-plugin .googlesitekit-header .googlesitekit-date-range-selector svg { margin-right: 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-header .googlesitekit-date-range-selector svg { margin-right: 8px; } } .googlesitekit-plugin .googlesitekit-header .googlesitekit-date-range-selector .mdc-button--dropdown { color: #6c726e; padding-right: 24px; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-header .googlesitekit-date-range-selector .mdc-button--dropdown { background: none; margin-right: 0; padding-right: 8px; } } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-header .googlesitekit-date-range-selector .mdc-button--dropdown svg { margin-right: 0; } } .googlesitekit-plugin .googlesitekit-header .googlesitekit-date-range-selector .mdc-menu-surface { right: 0; } .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__children { align-items: center; display: flex; gap: 16px; justify-content: flex-end; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__children { gap: 24px; } } .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__children div > button > .mdc-button__label { display: none; } @media (min-width: 784px) { .googlesitekit-plugin .googlesitekit-header .googlesitekit-header__children div > button > .mdc-button__label { display: inline-block; } } /** * HelpMenuLink 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-help-menu-link { padding: 0; } .googlesitekit-plugin .googlesitekit-help-menu-link .googlesitekit-cta-link { align-items: center; color: #161b18; display: flex; height: 100%; padding: 0 16px; width: 100%; } /** * 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; } .googlesitekit-plugin .googlesitekit-image-radio-options { display: flex; flex-wrap: wrap; gap: 24px; } .googlesitekit-plugin .googlesitekit-image-radio { display: flex; flex-direction: column; width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-image-radio { max-width: 16.5rem; } } .googlesitekit-plugin .googlesitekit-image-radio > label { color: #5f6561; font-size: 0.75rem; margin-top: 0.625rem; padding: 0; } .googlesitekit-plugin .googlesitekit-image-radio > label span { color: #161b18; display: block; font-size: 0.875rem; margin-bottom: 0.125rem; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio { /** * The material radio button has an inline ripple size property, * that is used for the animation. The !important here is to override this, * and disabling the animation by setting the ripple size to zero. */ --mdc-ripple-fg-size: 0 !important; height: unset; padding: 0; width: 100%; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio .mdc-image-radio__background .mdc-image-radio__content { align-items: center; background-color: #fff; border: 0.375rem solid #fff; border-radius: 0.5625rem; color: #161b18; display: flex; justify-content: center; min-height: 12.1875rem; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio .mdc-image-radio__background .mdc-image-radio__content svg { object-fit: contain; width: 100%; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio .mdc-image-radio__background::after { border: 0.0625rem solid #999f9b; border-radius: 0.5625rem; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio .mdc-image-radio__background .mdc-image-radio__content--no-image { background-color: #ebeef0; min-height: 5.0625rem; text-align: center; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio .mdc-image-radio__background--checked::after { border: 0.1875rem solid #3c7251; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio:hover .mdc-image-radio__content { position: relative; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio:hover .mdc-image-radio__content::after { background-color: #cbd0d3; border-radius: 0.5625rem; content: ""; height: calc(100% + 0.75rem); left: 50%; opacity: 0.3; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(100% + 0.75rem); } .googlesitekit-plugin .googlesitekit-image-radio .image-radio:hover .mdc-image-radio__content--no-image { background-color: #cbd0d3; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio:hover .mdc-image-radio__content--no-image::after { content: unset; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio.mdc-ripple-upgraded--background-focused .mdc-image-radio__content, .googlesitekit-plugin .googlesitekit-image-radio .image-radio.mdc-ripple-upgraded--foreground-activation .mdc-image-radio__content { position: relative; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio.mdc-ripple-upgraded--background-focused .mdc-image-radio__content::after, .googlesitekit-plugin .googlesitekit-image-radio .image-radio.mdc-ripple-upgraded--foreground-activation .mdc-image-radio__content::after { background-color: rgba(0, 34, 13, 0.32); border-radius: 0.5625rem; content: ""; height: 100%; opacity: 1; position: absolute; width: 100%; } .googlesitekit-plugin .googlesitekit-image-radio .image-radio.mdc-ripple-upgraded--foreground-activation .mdc-image-radio__content--no-image { background-color: rgba(0, 34, 13, 0.32); } .googlesitekit-plugin .googlesitekit-image-radio .image-radio.mdc-ripple-upgraded--foreground-activation .mdc-image-radio__content--no-image::after { content: unset; } /** * InfoTooltip 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-tooltip.MuiTooltip-tooltip.googlesitekit-info-tooltip__content { border-radius: 8px; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.33; max-width: 160px; padding: 12px; } .googlesitekit-tooltip.MuiTooltip-tooltip.googlesitekit-info-tooltip__content > button { background: none; border: none; color: #ebeef0; padding-right: 0; -webkit-text-decoration: underline; text-decoration: underline; } /** * Layout 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-layout { background: #fff; } .googlesitekit-layout .googlesitekit-layout__header { border-bottom: 1px solid #ebeef0; font-size: 16px; letter-spacing: 0.5px; } .googlesitekit-layout .googlesitekit-layout__header-title { align-items: center; display: flex; gap: 16px; margin: 0; } .googlesitekit-layout .googlesitekit-layout__footer { border-top: 1px solid #ebeef0; font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-layout.googlesitekit-layout--transparent { background-color: transparent; } .googlesitekit-layout.googlesitekit-layout--rounded { border-radius: 24px; } .googlesitekit-layout--fill { display: flex; flex-direction: column; height: 100%; } .googlesitekit-layout--fill > * { flex: 1 1 auto; width: 100%; } .googlesitekit-layout--fill .googlesitekit-layout__header { flex: 0 0 auto; } .googlesitekit-layout--fill .googlesitekit-layout__footer { flex: 0 0 auto; } .googlesitekit-layout--relative { position: relative; } /** * 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; } /** * Mini 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-mini-chart { margin-left: 16px; width: 28px; } /** * Module outro 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-module-outro { background-color: #fff; padding: 45px 0; text-align: center; } @media (min-width: 600px) { .googlesitekit-module-outro { padding: 45px; } } .googlesitekit-module-outro .googlesitekit-module-outro__logo { align-items: center; display: inline-flex; } .googlesitekit-module-outro .googlesitekit-module-outro__logo > svg { margin: 0 8px; } @media (min-width: 960px) { .googlesitekit-module-outro .googlesitekit-module-outro__logo > svg { margin: 0 12px; } } .googlesitekit-module-outro .googlesitekit-module-outro__title { margin: 20px auto 25px; max-width: 600px; } /** * Module page 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-module-page { padding-bottom: 10px; padding-top: 10px; } @media (min-width: 600px) { .googlesitekit-module-page { padding-left: 10px; padding-right: 10px; } } /** * Module Recovery Alert Error 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-module-recovery-errors { color: #ac4220; } .googlesitekit-module-recovery-errors ul { list-style: disc; list-style-position: inside; } /** * NewBadge 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-new-badge { background-color: #573195; color: #fff; margin-left: 6px; text-transform: none; } .googlesitekit-new-badge.googlesitekit-new-badge--has-no-spacing { margin-left: 0; } .googlesitekit-new-badge.googlesitekit-badge--has-left-spacing { margin-left: 12px; } .googlesitekit-tooltip.MuiTooltip-tooltip.googlesitekit-new-badge__tooltip { border-radius: 8px; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.33; max-width: 160px; padding: 12px; } .googlesitekit-tooltip.MuiTooltip-tooltip.googlesitekit-new-badge__tooltip > a { color: #ebeef0; -webkit-text-decoration: underline; text-decoration: underline; } /** * Noscript notification 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-noscript { background-color: #fff; margin: 5px 20px 5px 0; } @media (min-width: 600px) { .googlesitekit-noscript { padding-left: 10px; padding-right: 10px; } } .googlesitekit-noscript__title { margin: 0; } .no-js:not([amp-version]) [id^=js-googlesitekit-] { display: none; } /** * Opt-in 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-opt-in { position: relative; } .googlesitekit-opt-in .mdc-form-field { position: relative; } .googlesitekit-opt-in .mdc-form-field label { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; } @media (min-width: 960px) { .googlesitekit-opt-in span { display: block; } } .googlesitekit-opt-in--border { border-top: 1px solid #b8bdb9; padding-top: 16px; } @media (min-width: 960px) { .googlesitekit-opt-in--border { padding-top: 24px; } } .googlesitekit-opt-in--align-top .mdc-form-field { align-items: flex-start; } .googlesitekit-opt-in--align-top .mdc-checkbox { margin-top: -7px; } /** * Overlay 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-overlay { align-items: center; background: rgba(235, 238, 240, 0.8); bottom: 0; cursor: not-allowed; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 10; } .googlesitekit-overlay .googlesitekit-overlay__icon { align-items: center; background: #ebeef0; border-radius: 50%; display: flex; height: 60px; justify-content: center; margin: 0 auto; width: 60px; } .googlesitekit-overlay .googlesitekit-overlay__icon svg { color: #333935; } .googlesitekit-overlay .googlesitekit-overlay__title { margin-bottom: 0; padding: 0 16px; text-align: center; } .googlesitekit-overlay--compress .googlesitekit-overlay__wrapper { align-items: center; display: flex; } .googlesitekit-overlay--compress .googlesitekit-overlay__icon { height: 40px; width: 40px; } .googlesitekit-overlay--compress .googlesitekit-overlay__icon .svg { height: 20px; width: auto; } .googlesitekit-overlay--compress .googlesitekit-overlay__title { font-size: 16px; font-weight: 700; line-height: 1.25; margin-top: 0; padding-right: 0; } /** * Page 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-page { margin-left: -10px; } @media (min-width: 783px) { .googlesitekit-page { margin-left: -20px; } } #wpbody-content > div:not(#screen-meta) + .googlesitekit-plugin > .googlesitekit-page, #wpbody-content > div:not(#screen-meta) + script + .googlesitekit-plugin > .googlesitekit-page { margin-top: 25px; } /** * PageSpeed Insights Dashboard 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. */ .googlesitekit-pagespeed-widget header { display: flex; justify-content: space-between; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__data-src-tabs { display: flex; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__refreshing-progress-bar-wrapper { margin-top: -4px; } .googlesitekit-pagespeed-widget__refreshing { filter: grayscale(1); opacity: 0.5; } /** * Page footer 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-page-footer { display: flex; justify-content: flex-end; margin: 0; } /** * Page header 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-page-header { margin: 0; } .googlesitekit-page-header .googlesitekit-page-header__title { display: inline-block; font-weight: 500; line-height: 1; margin: 0 0 -2px; padding: 0; vertical-align: middle; } .googlesitekit-page-header .googlesitekit-page-header__icon + .googlesitekit-page-header__title { margin-left: 8px; } .googlesitekit-page-header .googlesitekit-page-header__icon { vertical-align: middle; } .googlesitekit-page-header .googlesitekit-page-header__details { align-items: center; display: flex; justify-content: space-between; } @media (min-width: 600px) { .googlesitekit-page-header .googlesitekit-page-header__details { justify-content: flex-end; } } .googlesitekit-page-header .googlesitekit-page-header__status { align-items: center; display: flex; font-size: 12px; letter-spacing: 0.2px; line-height: 1; margin: 0; } .googlesitekit-page-header .googlesitekit-page-header__status .googlesitekit-icon-wrapper { align-items: center; border-radius: 50%; display: flex; height: 19px; justify-content: center; margin-left: 8px; width: 19px; } .googlesitekit-page-header .googlesitekit-page-header__status--connected .googlesitekit-icon-wrapper { background-color: #46732b; color: #fff; } .googlesitekit-page-header .googlesitekit-page-header__status--not-connected .googlesitekit-icon-wrapper { background-color: #895a00; color: #fff; } .googlesitekit-page-header .googlesitekit-page-header__status + .googlesitekit-page-header__range { margin-left: 16px; margin-top: -3px; } @media (min-width: 960px) { .googlesitekit-page-header .googlesitekit-page-header__status + .googlesitekit-page-header__range { margin-left: 24px; } } /** * Percentage circle 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-percentage-circle { background-color: #ebeef0; border-radius: 50%; font-size: 28px; height: 1em; margin: 0 auto; position: relative; width: 1em; } .googlesitekit-percentage-circle::after { background-color: #fff; border-radius: 50%; box-sizing: content-box; content: ""; display: block; height: 0.8em; left: 0.1em; position: absolute; top: 0.1em; width: 0.8em; } .googlesitekit-percentage-circle .googlesitekit-percentage-circle__text { box-sizing: content-box; font-size: 18px; font-weight: 700; left: 0; line-height: 50px; position: absolute; text-align: center; top: 0; width: 50px; z-index: 1; } .googlesitekit-percentage-circle .googlesitekit-percentage-circle__slice { box-sizing: content-box; clip: rect(0, 1em, 1em, 0.5em); height: 1em; position: absolute; width: 1em; } .googlesitekit-percentage-circle .googlesitekit-percentage-circle__bar { border: 0.1em solid transparent; border-radius: 50%; box-sizing: content-box; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(0deg); width: 0.8em; } .googlesitekit-percentage-circle .googlesitekit-percentage-circle__fill { box-sizing: content-box; } .googlesitekit-percentage-circle--fast { color: #46732b; } .googlesitekit-percentage-circle--average { color: #895a00; } .googlesitekit-percentage-circle--slow { color: #ac4220; } .googlesitekit-percentage-circle--percent-51 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-51 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-51 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-52 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-52 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-52 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-53 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-53 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-53 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-54 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-54 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-54 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-55 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-55 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-55 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-56 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-56 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-56 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-57 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-57 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-57 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-58 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-58 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-58 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-59 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-59 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-59 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-60 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-60 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-60 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-61 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-61 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-61 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-62 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-62 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-62 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-63 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-63 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-63 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-64 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-64 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-64 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-65 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-65 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-65 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-66 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-66 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-66 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-67 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-67 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-67 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-68 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-68 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-68 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-69 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-69 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-69 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-70 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-70 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-70 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-71 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-71 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-71 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-72 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-72 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-72 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-73 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-73 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-73 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-74 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-74 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-74 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-75 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-75 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-75 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-76 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-76 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-76 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-77 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-77 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-77 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-78 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-78 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-78 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-79 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-79 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-79 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-80 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-80 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-80 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-81 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-81 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-81 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-82 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-82 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-82 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-83 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-83 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-83 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-84 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-84 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-84 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-85 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-85 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-85 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-86 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-86 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-86 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-87 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-87 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-87 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-88 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-88 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-88 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-89 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-89 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-89 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-90 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-90 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-90 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-91 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-91 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-91 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-92 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-92 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-92 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-93 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-93 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-93 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-94 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-94 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-94 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-95 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-95 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-95 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-96 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-96 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-96 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-97 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-97 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-97 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-98 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-98 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-98 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-99 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-99 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-99 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-100 .googlesitekit-percentage-circle__slice { clip: rect(auto, auto, auto, auto); } .googlesitekit-percentage-circle--percent-100 .googlesitekit-percentage-circle__bar::after { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-100 .googlesitekit-percentage-circle__fill { border: 0.1em solid transparent; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); height: 0.8em; position: absolute; transform: rotate(180deg); width: 0.8em; } .googlesitekit-percentage-circle--percent-1 .googlesitekit-percentage-circle__bar { transform: rotate(3.6deg); } .googlesitekit-percentage-circle--percent-2 .googlesitekit-percentage-circle__bar { transform: rotate(7.2deg); } .googlesitekit-percentage-circle--percent-3 .googlesitekit-percentage-circle__bar { transform: rotate(10.8deg); } .googlesitekit-percentage-circle--percent-4 .googlesitekit-percentage-circle__bar { transform: rotate(14.4deg); } .googlesitekit-percentage-circle--percent-5 .googlesitekit-percentage-circle__bar { transform: rotate(18deg); } .googlesitekit-percentage-circle--percent-6 .googlesitekit-percentage-circle__bar { transform: rotate(21.6deg); } .googlesitekit-percentage-circle--percent-7 .googlesitekit-percentage-circle__bar { transform: rotate(25.2deg); } .googlesitekit-percentage-circle--percent-8 .googlesitekit-percentage-circle__bar { transform: rotate(28.8deg); } .googlesitekit-percentage-circle--percent-9 .googlesitekit-percentage-circle__bar { transform: rotate(32.4deg); } .googlesitekit-percentage-circle--percent-10 .googlesitekit-percentage-circle__bar { transform: rotate(36deg); } .googlesitekit-percentage-circle--percent-11 .googlesitekit-percentage-circle__bar { transform: rotate(39.6deg); } .googlesitekit-percentage-circle--percent-12 .googlesitekit-percentage-circle__bar { transform: rotate(43.2deg); } .googlesitekit-percentage-circle--percent-13 .googlesitekit-percentage-circle__bar { transform: rotate(46.8deg); } .googlesitekit-percentage-circle--percent-14 .googlesitekit-percentage-circle__bar { transform: rotate(50.4deg); } .googlesitekit-percentage-circle--percent-15 .googlesitekit-percentage-circle__bar { transform: rotate(54deg); } .googlesitekit-percentage-circle--percent-16 .googlesitekit-percentage-circle__bar { transform: rotate(57.6deg); } .googlesitekit-percentage-circle--percent-17 .googlesitekit-percentage-circle__bar { transform: rotate(61.2deg); } .googlesitekit-percentage-circle--percent-18 .googlesitekit-percentage-circle__bar { transform: rotate(64.8deg); } .googlesitekit-percentage-circle--percent-19 .googlesitekit-percentage-circle__bar { transform: rotate(68.4deg); } .googlesitekit-percentage-circle--percent-20 .googlesitekit-percentage-circle__bar { transform: rotate(72deg); } .googlesitekit-percentage-circle--percent-21 .googlesitekit-percentage-circle__bar { transform: rotate(75.6deg); } .googlesitekit-percentage-circle--percent-22 .googlesitekit-percentage-circle__bar { transform: rotate(79.2deg); } .googlesitekit-percentage-circle--percent-23 .googlesitekit-percentage-circle__bar { transform: rotate(82.8deg); } .googlesitekit-percentage-circle--percent-24 .googlesitekit-percentage-circle__bar { transform: rotate(86.4deg); } .googlesitekit-percentage-circle--percent-25 .googlesitekit-percentage-circle__bar { transform: rotate(90deg); } .googlesitekit-percentage-circle--percent-26 .googlesitekit-percentage-circle__bar { transform: rotate(93.6deg); } .googlesitekit-percentage-circle--percent-27 .googlesitekit-percentage-circle__bar { transform: rotate(97.2deg); } .googlesitekit-percentage-circle--percent-28 .googlesitekit-percentage-circle__bar { transform: rotate(100.8deg); } .googlesitekit-percentage-circle--percent-29 .googlesitekit-percentage-circle__bar { transform: rotate(104.4deg); } .googlesitekit-percentage-circle--percent-30 .googlesitekit-percentage-circle__bar { transform: rotate(108deg); } .googlesitekit-percentage-circle--percent-31 .googlesitekit-percentage-circle__bar { transform: rotate(111.6deg); } .googlesitekit-percentage-circle--percent-32 .googlesitekit-percentage-circle__bar { transform: rotate(115.2deg); } .googlesitekit-percentage-circle--percent-33 .googlesitekit-percentage-circle__bar { transform: rotate(118.8deg); } .googlesitekit-percentage-circle--percent-34 .googlesitekit-percentage-circle__bar { transform: rotate(122.4deg); } .googlesitekit-percentage-circle--percent-35 .googlesitekit-percentage-circle__bar { transform: rotate(126deg); } .googlesitekit-percentage-circle--percent-36 .googlesitekit-percentage-circle__bar { transform: rotate(129.6deg); } .googlesitekit-percentage-circle--percent-37 .googlesitekit-percentage-circle__bar { transform: rotate(133.2deg); } .googlesitekit-percentage-circle--percent-38 .googlesitekit-percentage-circle__bar { transform: rotate(136.8deg); } .googlesitekit-percentage-circle--percent-39 .googlesitekit-percentage-circle__bar { transform: rotate(140.4deg); } .googlesitekit-percentage-circle--percent-40 .googlesitekit-percentage-circle__bar { transform: rotate(144deg); } .googlesitekit-percentage-circle--percent-41 .googlesitekit-percentage-circle__bar { transform: rotate(147.6deg); } .googlesitekit-percentage-circle--percent-42 .googlesitekit-percentage-circle__bar { transform: rotate(151.2deg); } .googlesitekit-percentage-circle--percent-43 .googlesitekit-percentage-circle__bar { transform: rotate(154.8deg); } .googlesitekit-percentage-circle--percent-44 .googlesitekit-percentage-circle__bar { transform: rotate(158.4deg); } .googlesitekit-percentage-circle--percent-45 .googlesitekit-percentage-circle__bar { transform: rotate(162deg); } .googlesitekit-percentage-circle--percent-46 .googlesitekit-percentage-circle__bar { transform: rotate(165.6deg); } .googlesitekit-percentage-circle--percent-47 .googlesitekit-percentage-circle__bar { transform: rotate(169.2deg); } .googlesitekit-percentage-circle--percent-48 .googlesitekit-percentage-circle__bar { transform: rotate(172.8deg); } .googlesitekit-percentage-circle--percent-49 .googlesitekit-percentage-circle__bar { transform: rotate(176.4deg); } .googlesitekit-percentage-circle--percent-50 .googlesitekit-percentage-circle__bar { transform: rotate(180deg); } .googlesitekit-percentage-circle--percent-51 .googlesitekit-percentage-circle__bar { transform: rotate(183.6deg); } .googlesitekit-percentage-circle--percent-52 .googlesitekit-percentage-circle__bar { transform: rotate(187.2deg); } .googlesitekit-percentage-circle--percent-53 .googlesitekit-percentage-circle__bar { transform: rotate(190.8deg); } .googlesitekit-percentage-circle--percent-54 .googlesitekit-percentage-circle__bar { transform: rotate(194.4deg); } .googlesitekit-percentage-circle--percent-55 .googlesitekit-percentage-circle__bar { transform: rotate(198deg); } .googlesitekit-percentage-circle--percent-56 .googlesitekit-percentage-circle__bar { transform: rotate(201.6deg); } .googlesitekit-percentage-circle--percent-57 .googlesitekit-percentage-circle__bar { transform: rotate(205.2deg); } .googlesitekit-percentage-circle--percent-58 .googlesitekit-percentage-circle__bar { transform: rotate(208.8deg); } .googlesitekit-percentage-circle--percent-59 .googlesitekit-percentage-circle__bar { transform: rotate(212.4deg); } .googlesitekit-percentage-circle--percent-60 .googlesitekit-percentage-circle__bar { transform: rotate(216deg); } .googlesitekit-percentage-circle--percent-61 .googlesitekit-percentage-circle__bar { transform: rotate(219.6deg); } .googlesitekit-percentage-circle--percent-62 .googlesitekit-percentage-circle__bar { transform: rotate(223.2deg); } .googlesitekit-percentage-circle--percent-63 .googlesitekit-percentage-circle__bar { transform: rotate(226.8deg); } .googlesitekit-percentage-circle--percent-64 .googlesitekit-percentage-circle__bar { transform: rotate(230.4deg); } .googlesitekit-percentage-circle--percent-65 .googlesitekit-percentage-circle__bar { transform: rotate(234deg); } .googlesitekit-percentage-circle--percent-66 .googlesitekit-percentage-circle__bar { transform: rotate(237.6deg); } .googlesitekit-percentage-circle--percent-67 .googlesitekit-percentage-circle__bar { transform: rotate(241.2deg); } .googlesitekit-percentage-circle--percent-68 .googlesitekit-percentage-circle__bar { transform: rotate(244.8deg); } .googlesitekit-percentage-circle--percent-69 .googlesitekit-percentage-circle__bar { transform: rotate(248.4deg); } .googlesitekit-percentage-circle--percent-70 .googlesitekit-percentage-circle__bar { transform: rotate(252deg); } .googlesitekit-percentage-circle--percent-71 .googlesitekit-percentage-circle__bar { transform: rotate(255.6deg); } .googlesitekit-percentage-circle--percent-72 .googlesitekit-percentage-circle__bar { transform: rotate(259.2deg); } .googlesitekit-percentage-circle--percent-73 .googlesitekit-percentage-circle__bar { transform: rotate(262.8deg); } .googlesitekit-percentage-circle--percent-74 .googlesitekit-percentage-circle__bar { transform: rotate(266.4deg); } .googlesitekit-percentage-circle--percent-75 .googlesitekit-percentage-circle__bar { transform: rotate(270deg); } .googlesitekit-percentage-circle--percent-76 .googlesitekit-percentage-circle__bar { transform: rotate(273.6deg); } .googlesitekit-percentage-circle--percent-77 .googlesitekit-percentage-circle__bar { transform: rotate(277.2deg); } .googlesitekit-percentage-circle--percent-78 .googlesitekit-percentage-circle__bar { transform: rotate(280.8deg); } .googlesitekit-percentage-circle--percent-79 .googlesitekit-percentage-circle__bar { transform: rotate(284.4deg); } .googlesitekit-percentage-circle--percent-80 .googlesitekit-percentage-circle__bar { transform: rotate(288deg); } .googlesitekit-percentage-circle--percent-81 .googlesitekit-percentage-circle__bar { transform: rotate(291.6deg); } .googlesitekit-percentage-circle--percent-82 .googlesitekit-percentage-circle__bar { transform: rotate(295.2deg); } .googlesitekit-percentage-circle--percent-83 .googlesitekit-percentage-circle__bar { transform: rotate(298.8deg); } .googlesitekit-percentage-circle--percent-84 .googlesitekit-percentage-circle__bar { transform: rotate(302.4deg); } .googlesitekit-percentage-circle--percent-85 .googlesitekit-percentage-circle__bar { transform: rotate(306deg); } .googlesitekit-percentage-circle--percent-86 .googlesitekit-percentage-circle__bar { transform: rotate(309.6deg); } .googlesitekit-percentage-circle--percent-87 .googlesitekit-percentage-circle__bar { transform: rotate(313.2deg); } .googlesitekit-percentage-circle--percent-88 .googlesitekit-percentage-circle__bar { transform: rotate(316.8deg); } .googlesitekit-percentage-circle--percent-89 .googlesitekit-percentage-circle__bar { transform: rotate(320.4deg); } .googlesitekit-percentage-circle--percent-90 .googlesitekit-percentage-circle__bar { transform: rotate(324deg); } .googlesitekit-percentage-circle--percent-91 .googlesitekit-percentage-circle__bar { transform: rotate(327.6deg); } .googlesitekit-percentage-circle--percent-92 .googlesitekit-percentage-circle__bar { transform: rotate(331.2deg); } .googlesitekit-percentage-circle--percent-93 .googlesitekit-percentage-circle__bar { transform: rotate(334.8deg); } .googlesitekit-percentage-circle--percent-94 .googlesitekit-percentage-circle__bar { transform: rotate(338.4deg); } .googlesitekit-percentage-circle--percent-95 .googlesitekit-percentage-circle__bar { transform: rotate(342deg); } .googlesitekit-percentage-circle--percent-96 .googlesitekit-percentage-circle__bar { transform: rotate(345.6deg); } .googlesitekit-percentage-circle--percent-97 .googlesitekit-percentage-circle__bar { transform: rotate(349.2deg); } .googlesitekit-percentage-circle--percent-98 .googlesitekit-percentage-circle__bar { transform: rotate(352.8deg); } .googlesitekit-percentage-circle--percent-99 .googlesitekit-percentage-circle__bar { transform: rotate(356.4deg); } .googlesitekit-percentage-circle--percent-100 .googlesitekit-percentage-circle__bar { transform: rotate(360deg); } .googlesitekit-percentage-circle--fast .googlesitekit-percentage-circle__bar, .googlesitekit-percentage-circle--fast .googlesitekit-percentage-circle__fill { border-color: #46732b; } .googlesitekit-percentage-circle--average .googlesitekit-percentage-circle__bar, .googlesitekit-percentage-circle--average .googlesitekit-percentage-circle__fill { border-color: #895a00; } .googlesitekit-percentage-circle--slow .googlesitekit-percentage-circle__bar, .googlesitekit-percentage-circle--slow .googlesitekit-percentage-circle__fill { border-color: #ac4220; } /** * Post searcher 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-post-searcher { display: flex; flex-wrap: wrap; position: relative; width: 100%; } .googlesitekit-post-searcher .googlesitekit-post-searcher__label { background-color: #fff; color: #5f6561; font-size: 12px; left: 12px; letter-spacing: 0.2px; padding: 0 4px; position: absolute; top: -8px; z-index: 4; } .googlesitekit-post-searcher .googlesitekit-post-searcher__button-wrapper { flex: 0 0 auto; } .googlesitekit-post-searcher .googlesitekit-post-searcher__button-wrapper .googlesitekit-post-searcher__button { min-height: 100%; } /** * 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; } } /** * ProgressSegments styles. * * Site Kit by Google, Copyright 2024 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-progress-segments { background-color: #fff; border-radius: 4px; display: flex; gap: 4px; height: 8px; justify-content: space-between; overflow: hidden; } .googlesitekit-progress-segments .googlesitekit-progress-segments__segment { background-color: #ebeef0; height: 8px; width: 100%; } .googlesitekit-progress-segments .googlesitekit-progress-segments__segment--active:nth-child(3n-2) { background-color: #b8e5ca; } .googlesitekit-progress-segments .googlesitekit-progress-segments__segment--active:nth-child(3n-1) { background-color: #77ad8c; } .googlesitekit-progress-segments .googlesitekit-progress-segments__segment--active:nth-child(3n) { background-color: #3c7251; } /** * Publisher wins 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-publisher-win { background: #fff; display: flex; flex-direction: column; opacity: 1; position: relative; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; visibility: visible; } @media (min-width: 600px) { .googlesitekit-publisher-win { padding-left: 10px; padding-right: 10px; } } @media (min-width: 600px) { .googlesitekit-publisher-win { flex-direction: row; } .googlesitekit-publisher-win .googlesitekit-publisher-win__secondary-pane-divider { height: 106px; margin: auto 30px; } } .googlesitekit-publisher-win .mdc-layout-grid { flex: 1 1 0; } .googlesitekit-publisher-win + .googlesitekit-publisher-win { display: none; } .googlesitekit-publisher-win .googlesitekit-publisher-win__image-smaller svg { max-height: 105px; width: 100%; } .googlesitekit-publisher-win .googlesitekit-publisher-win__title { flex: 1; margin: 0; } .googlesitekit-publisher-win .googlesitekit-publisher-win__title .googlesitekit-badge { margin-left: 8px; } .googlesitekit-publisher-win .googlesitekit-publisher-win__title .googlesitekit-publisher-win__image-smaller { flex-basis: 75px; } .googlesitekit-publisher-win .googlesitekit-publisher-win__desc { max-width: 700px; } .googlesitekit-publisher-win .googlesitekit-publisher-win__desc:first-child > *:first-child { margin-top: 0; } .googlesitekit-publisher-win .googlesitekit-publisher-win__small-image { max-width: 100%; } .googlesitekit-publisher-win .googlesitekit-publisher-win__icons { display: flex; height: 100%; justify-content: right; } @media (min-width: 960px) { .googlesitekit-publisher-win .googlesitekit-publisher-win__icons { right: calc(24px * 2); } } .googlesitekit-publisher-win .googlesitekit-publisher-win__image { align-self: center; } .googlesitekit-publisher-win .googlesitekit-publisher-win__image-large { margin-bottom: 24px; text-align: center; } @media (min-width: 600px) { .googlesitekit-publisher-win .googlesitekit-publisher-win__image-large { text-align: left; } } @media (min-width: 960px) { .googlesitekit-publisher-win .googlesitekit-publisher-win__image-large { text-align: center; } } .googlesitekit-publisher-win .googlesitekit-publisher-win__image-large img { display: inline-block; max-width: 100%; } @media (max-width: 599px), (min-width: 960px) { .googlesitekit-publisher-win .googlesitekit-publisher-win__image-large svg { width: 200px; } } .googlesitekit-publisher-win .googlesitekit-publisher-win__link a { font-size: 16px; letter-spacing: 0.5px; } .googlesitekit-publisher-win .googlesitekit-publisher-win__stats { margin-bottom: 24px; } .googlesitekit-publisher-win .googlesitekit-button-icon--spinner + .googlesitekit-cta-link { text-align: center; } .googlesitekit-publisher-win .googlesitekit-publisher-win__logo { display: inline-block; line-height: 0; margin-right: 5px; vertical-align: bottom; } .googlesitekit-publisher-win .googlesitekit-publisher-win__module-name { display: inline-block; font-size: 12px; letter-spacing: 0.2px; line-height: 1; margin-bottom: -1px; vertical-align: bottom; } .googlesitekit-publisher-win .googlesitekit-publisher-win__small-media svg { max-height: 85px; max-width: 85px; } .googlesitekit-publisher-win .googlesitekit-publisher-win__actions { display: flex; gap: 8px; } .googlesitekit-publisher-win .googlesitekit-publisher-win__title-image-wrapper { display: flex; flex-wrap: nowrap; gap: 16px; } .googlesitekit-publisher-win .googlesitekit-publisher-win__title-image-wrapper + .googlesitekit-cta-link, .googlesitekit-publisher-win .googlesitekit-publisher-win__title-image-wrapper + .googlesitekit-publisher-win__actions { margin-top: 16px; } @media (min-width: 960px) { .googlesitekit-publisher-win .googlesitekit-publisher-win__title-image-wrapper + .googlesitekit-cta-link, .googlesitekit-publisher-win .googlesitekit-publisher-win__title-image-wrapper + .googlesitekit-publisher-win__actions { margin-top: 24px; } } .googlesitekit-publisher-win .googlesitekit-publisher-win__image-larger svg { display: block; } .googlesitekit-publisher-win.googlesitekit-publisher-win--rounded { border-radius: 24px; } .googlesitekit-publisher-win--win-warning { border-right: 4px solid #895a00; } .googlesitekit-publisher-win--win-warning .googlesitekit-publisher-win__icons { color: #895a00; } .googlesitekit-publisher-win--win-error { border-right: 4px solid #ac4220; } .googlesitekit-publisher-win--win-error .googlesitekit-publisher-win__icons { color: #cc6240; } .googlesitekit-publisher-win--is-closed { opacity: 0; visibility: hidden; } /** * SelectionBox 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-selection-box { border-bottom: 2px solid #dee3e5; outline: 1px solid #fff; outline-offset: -1px; padding: 6px 10px 6px 7px; } .googlesitekit-selection-box .mdc-form-field { align-items: flex-start; } .googlesitekit-selection-box .mdc-checkbox__content { padding-top: 9px; } .googlesitekit-selection-box .mdc-checkbox__content:has(.googlesitekit-badge) { padding-top: 8px; } .googlesitekit-selection-box label { cursor: pointer; font-size: 14px; font-weight: 500; line-height: 1.43; position: relative; } .googlesitekit-selection-box label:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-selection-box label:focus { outline-offset: 0; } .googlesitekit-selection-box .mdc-checkbox__description { color: #6c726e; font-size: 12px; line-height: 1.33; padding: 7px 0 5px; } .googlesitekit-selection-box + .googlesitekit-selection-box { margin-top: 16px; } .googlesitekit-selection-box.googlesitekit-selection-box--disabled label, .googlesitekit-selection-box.googlesitekit-selection-box--disabled .mdc-checkbox__description { color: rgba(3, 14, 7, 0.32); pointer-events: none; } /** * Selection Panel component styles. * * Site Kit by Google, Copyright 2024 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-selection-panel { display: flex; flex-direction: column; } .googlesitekit-plugin .googlesitekit-selection-panel-header { padding: 16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-selection-panel-header { padding: 24px; } } .googlesitekit-plugin .googlesitekit-selection-panel-header h3 { margin: 0; } .googlesitekit-plugin .googlesitekit-selection-panel-header p { color: #161b18; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 8px 0 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-selection-panel-header p { font-size: 14px; } } .googlesitekit-plugin .googlesitekit-selection-panel-header .googlesitekit-cta-link__contents strong { font-weight: 400; } .googlesitekit-plugin .googlesitekit-selection-panel-header__row { align-items: center; display: flex; justify-content: space-between; } .googlesitekit-plugin .googlesitekit-selection-panel-header__close { color: #6c726e; display: flex; padding: 8px; } .googlesitekit-plugin .googlesitekit-selection-panel__loading { border-bottom: 2px solid #ebeef0; display: flex; justify-content: space-between; margin: 8px 24px 10px; padding: 6px 0; } .googlesitekit-plugin .googlesitekit-selection-panel__loading:last-child { border: none; } .googlesitekit-plugin .googlesitekit-selection-panel__loading-item { margin: 0 0 10px; } .googlesitekit-plugin .googlesitekit-selection-panel-items { overflow: auto; } .googlesitekit-plugin .googlesitekit-selection-panel-items .googlesitekit-selection-panel-items__subheading { color: #6c726e; font-size: 12px; font-weight: 500; line-height: 1.33; margin: 16px 0 0 16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-selection-panel-items .googlesitekit-selection-panel-items__subheading { margin: 24px 0 0 24px; } } .googlesitekit-plugin .googlesitekit-selection-panel-items .googlesitekit-selection-panel-items__subheading:first-child { margin: 0 0 0 16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-selection-panel-items .googlesitekit-selection-panel-items__subheading:first-child { margin: 0 0 0 24px; } } .googlesitekit-plugin .googlesitekit-selection-panel-item { border-bottom: 2px solid #ebeef0; display: flex; margin: 0 16px; outline: 1px solid #fff; outline-offset: -1px; padding: 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-selection-panel-item { border-color: #cbd0d3; margin: 0 24px; } } .googlesitekit-plugin .googlesitekit-selection-panel-item:last-child { border: none; } .googlesitekit-plugin .googlesitekit-selection-panel-item .googlesitekit-selection-panel-item-error { color: #ac4220; padding-top: 10px; } .googlesitekit-plugin .googlesitekit-selection-panel-item .googlesitekit-selection-box { border: none; flex: 1; outline: none; padding: 0 4px 10px; } .googlesitekit-plugin .googlesitekit-selection-panel-item .googlesitekit-selection-box .mdc-form-field { align-items: center; gap: 5px; } .googlesitekit-plugin .googlesitekit-selection-panel-item .googlesitekit-selection-box .mdc-checkbox__description { padding: 0; } .googlesitekit-plugin .googlesitekit-selection-panel-item .googlesitekit-selection-panel-item__subtitle { display: block; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin-bottom: 6px; } .googlesitekit-plugin .googlesitekit-selection-panel-item .googlesitekit-selection-panel-item__suffix { color: #161b18; font-size: 14px; font-weight: 500; line-height: 1.43; padding: 15px 10px; } .googlesitekit-plugin .googlesitekit-selection-panel-item .mdc-checkbox { margin-top: 6px; } .googlesitekit-plugin .googlesitekit-selection-panel-notice, .googlesitekit-plugin .googlesitekit-selection-panel-error { background-color: #ffe4b1; padding: 16px 24px; } .googlesitekit-plugin .googlesitekit-selection-panel-notice p, .googlesitekit-plugin .googlesitekit-selection-panel-error p { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-plugin .googlesitekit-selection-panel-error { align-items: center; background-color: #ffded3; display: flex; gap: 10px; padding: 14px 24px; } .googlesitekit-plugin .googlesitekit-selection-panel-error svg { color: #7a1e00; display: block; } .googlesitekit-plugin .googlesitekit-selection-panel-footer { background-color: #f3f5f7; margin-top: auto; padding: 12px 24px 24px; width: 100%; } .googlesitekit-plugin .googlesitekit-selection-panel-footer p { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-selection-panel-footer p { font-size: 14px; } } .googlesitekit-plugin .googlesitekit-selection-panel-footer .googlesitekit-error-text p { font-size: 14px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-selection-panel-footer__content { align-items: center; column-gap: 24px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 12px; } } .googlesitekit-plugin .googlesitekit-selection-panel-footer__item-count { font-size: 14px; font-weight: 500; } .googlesitekit-plugin .googlesitekit-selection-panel-footer__item-count .googlesitekit-selection-panel-footer__item-count--max-count { color: #6c726e; font-weight: 400; } .googlesitekit-plugin .googlesitekit-selection-panel-footer__actions { align-items: center; column-gap: 8px; display: flex; justify-content: flex-end; } .googlesitekit-plugin .googlesitekit-selection-panel-footer__actions .googlesitekit-cta-link { color: #6c726e; } /** * Dashboard Sharing Settings 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-sharing-settings__button.mdc-button { background-color: transparent; box-shadow: none; color: #6c726e; } .googlesitekit-plugin .googlesitekit-sharing-settings__button.mdc-button:focus, .googlesitekit-plugin .googlesitekit-sharing-settings__button.mdc-button:hover { background-color: #f8fafb; color: rgba(0, 0, 0, 0.87); } .googlesitekit-plugin .googlesitekit-sharing-settings__button.mdc-button:focus::before, .googlesitekit-plugin .googlesitekit-sharing-settings__button.mdc-button:focus::after, .googlesitekit-plugin .googlesitekit-sharing-settings__button.mdc-button:hover::before, .googlesitekit-plugin .googlesitekit-sharing-settings__button.mdc-button:hover::after { background-color: rgba(0, 0, 0, 0.87); } .googlesitekit-plugin .googlesitekit-sharing-settings__button.mdc-button:hover::before { opacity: 0.04; } .googlesitekit-plugin .googlesitekit-sharing-settings-dialog .googlesitekit-dialog__content { padding-bottom: 0; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-sharing-settings-dialog .googlesitekit-dialog__footer { border-color: transparent; box-shadow: none; padding: 0; } } .googlesitekit-plugin .googlesitekit-user-role-select { align-items: center; column-gap: 12px; display: flex; flex-wrap: wrap; position: relative; row-gap: 4px; } .googlesitekit-plugin .googlesitekit-user-role-select__button { border: 1px solid #3c7251; border-radius: 50%; box-shadow: none; color: #3c7251; display: flex; height: 48px; min-height: auto; min-width: auto; padding: 0; width: 48px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-user-role-select__button { height: 28px; width: 28px; } } .googlesitekit-plugin .googlesitekit-user-role-select__button:not(:disabled) { background-color: #fff; color: #3c7251; } .googlesitekit-plugin .googlesitekit-user-role-select__button svg { fill: #3c7251; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-user-role-select__button svg { height: 14px; width: 14px; } } .googlesitekit-plugin .googlesitekit-user-role-select--open { align-items: flex-start; row-gap: 8px; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings { color: #161b18; font-size: 14px; line-height: 1.14; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__header { align-items: flex-start; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.14; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--product { flex: 0 0 50%; } @media (max-width: 960px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--product svg { height: 28px; width: 28px; } } .googlesitekit-plugin .googlesitekit-user-role-select__current-roles { color: #333935; display: block; font-size: 14px; line-height: 1.14; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-user-role-select__current-roles { flex: 1; } } .googlesitekit-plugin .googlesitekit-user-role-select__add-roles { display: block; } .googlesitekit-plugin .googlesitekit-user-role-select__add-roles button { color: #999f9b; font-size: 14px; font-weight: 400; line-height: 1.14; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--view { flex: 1 1 30%; position: relative; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--view { align-items: center; display: flex; flex: 1 1 45%; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--view .googlesitekit-warning-notice { margin-right: 24px; padding: 8px 16px; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--view .googlesitekit-warning-notice .googlesitekit-cta-link { font-weight: 400; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__row { display: flex; flex-wrap: nowrap; gap: 16px; position: relative; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__row--disabled::after { background-color: rgba(255, 255, 255, 0.6); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__row--editing { flex-direction: column; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__row--editing { align-items: flex-start; flex-direction: row; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__row--editing .googlesitekit-dashboard-sharing-settings__column--product { min-height: 48px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__row--editing .googlesitekit-dashboard-sharing-settings__column--product { min-height: 28px; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__module { border-bottom: 1px solid #ebeef0; padding: 16px 0; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__module:last-child { border-bottom: 0; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__module .googlesitekit-dashboard-sharing-settings__column--product { align-items: center; display: flex; flex-flow: row nowrap; gap: 12px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__module .googlesitekit-dashboard-sharing-settings__column--product { align-items: center; flex-flow: row nowrap; gap: 16px; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__module-name { flex: 1; } .googlesitekit-plugin p.googlesitekit-dashboard-sharing-settings__note { color: #757575; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__select { height: 48px; width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__select { height: 30px; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__select .mdc-select__selected-text { min-width: 100px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__select .mdc-select__selected-text { min-width: 140px; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__select .mdc-select__native-control { appearance: none; background: none; font-size: 14px; height: 48px !important; padding-bottom: 0; padding-top: 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__select .mdc-select__native-control { height: 30px !important; min-height: 30px; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__select .mdc-select__dropdown-icon { bottom: auto; top: 50%; transform: translateY(-50%); } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--manage { flex: 1 1 45%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--manage { align-items: center; display: flex; flex: 0 0 30%; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--manage .googlesitekit-dashboard-sharing-settings__note { align-items: flex-end; display: flex; flex-wrap: wrap; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--manage .googlesitekit-dashboard-sharing-settings__note span:not(.googlesitekit-dashboard-sharing-settings__tooltip-icon) { width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--manage .googlesitekit-dashboard-sharing-settings__note span:not(.googlesitekit-dashboard-sharing-settings__tooltip-icon) { margin-right: 4px; width: auto; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--manage .googlesitekit-dashboard-sharing-settings__note svg { fill: #757575; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__column--manage .googlesitekit-dashboard-sharing-settings__tooltip-icon { display: block; height: 18px; line-height: 1; margin: 0 0 0 4px; } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__footer { display: flex; flex-basis: 100%; flex-direction: column; gap: 24px; width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__footer { align-items: center; display: flex; flex-direction: row; gap: 32px; justify-content: flex-end; width: auto; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__footer-notice { margin: -0.625rem 0; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__footer-notice { padding: 16px 16px 0; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__footer-actions { align-items: center; display: flex; flex: 1; flex-direction: row; gap: 32px; justify-content: flex-end; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__footer-actions { box-shadow: 0 -1px 4px 2px rgba(60, 64, 67, 0.15); padding: 16px; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings__footer-actions-right { align-items: center; display: flex; flex: 1; flex-direction: row; gap: 32px; grid-gap: 32px; justify-content: flex-end; } .googlesitekit-plugin p.googlesitekit-dashboard-sharing-settings__notice { background-color: #cbd0d3; border-radius: 8px; color: #161b18; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; padding: 12px 24px; width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin p.googlesitekit-dashboard-sharing-settings__notice { padding: 8px; } } .googlesitekit-plugin p.googlesitekit-dashboard-sharing-settings__notice:empty { display: none; } .googlesitekit-plugin .googlesitekit-user-role-select__chipset { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-user-role-select__chipset { flex: 1; gap: 10px; } } .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings--has-multiple-admins .googlesitekit-dashboard-sharing-settings__column--product { align-items: flex-start; flex-basis: 25%; flex-direction: column; max-width: 25%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-dashboard-sharing-settings--has-multiple-admins .googlesitekit-dashboard-sharing-settings__column--product { align-items: center; flex-direction: row; max-width: none; } } /** * Side Sheet 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-side-sheet { background-color: #fff; bottom: 0; overflow: hidden; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: transform 0.5s; width: 100%; z-index: 10000; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-side-sheet { width: 530px; } } body.admin-bar .googlesitekit-plugin .googlesitekit-side-sheet { top: 46px; } @media (min-width: 783px) { body.admin-bar .googlesitekit-plugin .googlesitekit-side-sheet { top: 32px; } } .googlesitekit-plugin .googlesitekit-side-sheet--open { transform: translateX(0); } .googlesitekit-plugin .googlesitekit-side-sheet-overlay { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9990; } body.googlesitekit-side-sheet-scroll-lock { overflow: hidden; } /** * 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; } /** * Stepper 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-stepper { list-style: none; margin: 0; padding: 0; } .googlesitekit-plugin .googlesitekit-stepper__step { gap: 10px; margin: 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-stepper__step { display: flex; } } .googlesitekit-plugin .googlesitekit-stepper__step-progress { display: flex; flex-direction: column; } .googlesitekit-plugin .googlesitekit-stepper__step-number { align-items: center; background-color: #161b18; border-radius: 12px; color: #fff; display: flex; font-size: 12px; height: 24px; justify-content: center; width: 24px; } .googlesitekit-plugin .googlesitekit-stepper__step-progress-line { background-color: #cbd0d3; display: none; flex: 1; height: 100%; margin: 5px auto; min-height: 30px; width: 1px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-stepper__step-progress-line { display: block; } } .googlesitekit-plugin .googlesitekit-stepper__step-title { align-items: center; color: #161b18; display: flex; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; height: 24px; line-height: 1.25; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-stepper__step-title { margin: 0; } } .googlesitekit-plugin .googlesitekit-stepper__step-content-container { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.2s ease-in-out; visibility: hidden; } .googlesitekit-plugin .googlesitekit-stepper__step-content { overflow: hidden; } .googlesitekit-plugin .googlesitekit-stepper__step--upcoming .googlesitekit-stepper__step-number { background-color: #6c726e; } .googlesitekit-plugin .googlesitekit-stepper__step--upcoming .googlesitekit-stepper__step-title { color: #6c726e; } .googlesitekit-plugin .googlesitekit-stepper__step--active .googlesitekit-stepper__step-content-container { grid-template-rows: 1fr; margin-bottom: 24px; visibility: visible; } .googlesitekit-plugin .googlesitekit-stepper__step--completed .googlesitekit-stepper__step-number { color: #fff; } .googlesitekit-plugin .googlesitekit-stepper__step--completed .googlesitekit-stepper__step-number svg { height: 10px; width: 10px; } .googlesitekit-plugin .googlesitekit-stepper__step:last-child .googlesitekit-stepper__step-content-container { margin-bottom: 0; } /** * MDC Tab Bar 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-tab-bar__settings { margin: 0 -16px; width: calc(100% + (16px * 2)); } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-tab-bar__settings { margin: 0; width: 100%; } } .googlesitekit-plugin .googlesitekit-tab-bar__settings .mdc-tab-scroller__scroll-content { gap: 1px; } .googlesitekit-plugin .googlesitekit-tab-bar__settings .mdc-tab { background-color: #fff; color: #161b18; font-size: 14px; font-weight: 500; letter-spacing: 0.25px; line-height: 1; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-tab-bar__settings .mdc-tab:first-child { border-radius: 16px 0 0 16px; overflow: hidden; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-tab-bar__settings .mdc-tab:last-child { border-radius: 0 16px 16px 0; overflow: hidden; } } .googlesitekit-plugin .googlesitekit-tab-bar__settings .mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .googlesitekit-tab-bar__settings .mdc-ripple-upgraded--background-focused::after { background-color: #fff; } .googlesitekit-plugin .googlesitekit-tab-bar__settings .mdc-tab__text-label { color: #161b18; opacity: 1; } .googlesitekit-plugin .googlesitekit-tab-bar--start-aligned-high-contrast { border-bottom: 1px solid #ebeef0; } .googlesitekit-plugin .googlesitekit-tab-bar--start-aligned-high-contrast .mdc-tab-scroller__scroll-content .mdc-tab { flex: none; height: 56px; } .googlesitekit-plugin .googlesitekit-tab-bar--start-aligned-high-contrast .mdc-tab-scroller__scroll-content .mdc-tab .mdc-tab__content { color: #161b18; font-size: 12px; font-weight: 500; letter-spacing: -0.1px; line-height: 1.33; padding-top: 2px; } .googlesitekit-plugin .googlesitekit-tab-bar--start-aligned-high-contrast .mdc-tab-scroller__scroll-content .mdc-tab.mdc-tab--active .mdc-tab__content { color: #3c7251; } .googlesitekit-plugin .googlesitekit-tab-bar--start-aligned-high-contrast .mdc-tab-indicator > .mdc-tab-indicator__content--underline { height: 3px; } /** * 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%; } } /** * Text Field Icon 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-text-field-icon--warning, .googlesitekit-plugin .googlesitekit-text-field-icon--error { align-items: center; border-radius: 50%; display: flex; height: 22px; justify-content: center; width: 22px; } .googlesitekit-plugin .googlesitekit-text-field-icon--warning svg, .googlesitekit-plugin .googlesitekit-text-field-icon--error svg { color: #fff; margin-bottom: 3px; } .googlesitekit-plugin .googlesitekit-text-field-icon--warning { background-color: #895a00; } .googlesitekit-plugin .googlesitekit-text-field-icon--error { background-color: #ac4220; } /** * Tooltip 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-tooltip-popper.MuiTooltip-popper { z-index: 99999; } .googlesitekit-tooltip.MuiTooltip-tooltip { background-color: #161b18; border-radius: 32px; color: #ebeef0; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; padding: 14.5px 19px; } .googlesitekit-tooltip .MuiTooltip-arrow { color: #161b18; } .googlesitekit--has-visible-tooltip #adminmenuwrap { z-index: 10; } /** * UseSnippetSwitch 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-usesnippet p, .googlesitekit-plugin .googlesitekit-tagmanager-usesnippet p { font-size: 12px; letter-spacing: 0.2px; } /** * UserMenu 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-header .googlesitekit-user-selector { margin-right: -4px; } @media (max-width: 783px) { .googlesitekit-plugin .googlesitekit-header .googlesitekit-user-selector .mdc-button__label { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } } @media (max-width: 783px) { .googlesitekit-plugin .googlesitekit-header .googlesitekit-user-selector .mdc-button__icon { margin-right: 0; } } .googlesitekit-plugin .googlesitekit-header .googlesitekit-user-selector button { padding: 4px; } .googlesitekit-plugin .googlesitekit-user-menu { background-color: #f3f5f7; border-radius: 24px; max-width: 335px; width: calc(100vw - 32px); } .googlesitekit-plugin .googlesitekit-user-menu .mdc-list { padding-bottom: 0; } .googlesitekit-plugin .googlesitekit-user-menu li { margin: 0; padding: 0 8px; } .googlesitekit-plugin .googlesitekit-user-menu .mdc-list-item, .googlesitekit-plugin .googlesitekit-user-menu .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-user-menu .googlesitekit-view-only-menu__list-item { padding: 0 7.16% 0 14.33%; } .googlesitekit-plugin .googlesitekit-user-menu__item { align-items: center; column-gap: 30px; display: flex; width: 100%; } .googlesitekit-plugin .googlesitekit-user-menu__item-icon { display: flex; } .googlesitekit-plugin .googlesitekit-user-menu__item-label { color: #161b18; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .googlesitekit-plugin .googlesitekit-user-menu__details { align-items: center; background-color: #fff; border-radius: 24px; column-gap: 14px; display: flex; padding: 16px; width: 100%; } .googlesitekit-plugin .googlesitekit-user-menu__details-avatar { border: 1px solid rgba(32, 33, 36, 0.13); border-radius: 50%; height: 64px; width: 64px; } .googlesitekit-plugin .googlesitekit-user-menu__details-info { overflow: hidden; } .googlesitekit-plugin .googlesitekit-user-menu__details-info p { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .googlesitekit-plugin .googlesitekit-user-menu__details-info__name { color: #161b18; font-weight: 500; line-height: 1.43; } .googlesitekit-plugin .googlesitekit-user-menu__details-info__email { color: #6c726e; font-size: 12px; line-height: 1.33; } /** * ViewOnlyMenu 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-view-only-menu h4 { font-size: 16px; letter-spacing: 0.5px; margin: 15px 0; } .googlesitekit-plugin .googlesitekit-view-only-menu p { color: #161b18; font-size: 14px; letter-spacing: 0.25px; } .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-button--dropdown .mdc-button__icon { margin-right: 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-button--dropdown .mdc-button__icon { height: 16px; margin-right: 8px; width: 16px; } } .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-button--dropdown .mdc-button__icon--image { height: inherit; width: inherit; } .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-menu { width: 320px; } .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-list-divider { margin: 8px 32px 4px; } .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item { display: block; height: auto; padding: 0 32px; } .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__list-item:last-child { margin-bottom: 5px; } .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__description p { margin-bottom: 8px; } .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__description .mdc-button { margin: 6px 0 9px; } .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__service { display: flex; gap: 8px; margin-bottom: 10px; } .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__service svg { padding: 2px; width: 24px; } .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__service--icon { flex: 0 0 24px; } .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__service--name { font-size: 14px; letter-spacing: 0.25px; } .googlesitekit-plugin .googlesitekit-view-only-menu .googlesitekit-view-only-menu__service--owner { color: #161b18; flex: 1; font-size: 12px; letter-spacing: 0.2px; margin-left: auto; overflow: hidden; text-overflow: ellipsis; } .googlesitekit-plugin .googlesitekit-view-only-menu--user-can-authenticate .googlesitekit-view-only-menu__service--name { flex: 0 0 100px; margin-right: 8px; } /** * Warning notice styles. * * Site Kit by Google, Copyright 2024 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-warning-notice { background-color: #ffe4b1; border-radius: 8px; color: #4e3300; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; padding: 14px 24px; } .googlesitekit-warning-notice .googlesitekit-cta-link { color: #4e3300; font-weight: 500; } .googlesitekit-warning-notice .googlesitekit-cta-link svg { fill: none; } /** * Dashboard signin box 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-signin-box { background-color: #fff; border-color: #b8bdb9; display: block; margin: 20px auto; padding: 20px; text-align: center; } /** * 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; } /** * Dashboard module header 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-dashboard-module-header { margin: 0 0 -5px; } @media (min-width: 960px) { .googlesitekit-dashboard-module-header { margin-bottom: -10px; } } .googlesitekit-dashboard-module-header .googlesitekit-dashboard-module-header__title { color: #5f6561; margin: 0; } .googlesitekit-dashboard-module-header .googlesitekit-dashboard-module-header__description { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-dashboard-module-header .googlesitekit-dashboard-module-header__time { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } /** * Dashboard single URL 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-entity-dashboard .googlesitekit-entity-dashboard__heading { margin: 10px 0 0; } @media (min-width: 961px) { .googlesitekit-entity-dashboard .googlesitekit-entity-dashboard__entity-header { margin-top: var(--mdc-layout-grid-gutter-desktop, 24px); } } @media (min-width: 601px) and (max-width: 960px) { .googlesitekit-entity-dashboard .googlesitekit-entity-dashboard__entity-header { margin-top: var(--mdc-layout-grid-gutter-tablet, 16px); } } @media (max-width: 600px) { .googlesitekit-entity-dashboard .googlesitekit-entity-dashboard__entity-header { margin-top: var(--mdc-layout-grid-gutter-phone, 16px); } } .googlesitekit-entity-dashboard .googlesitekit-entity-dashboard__title { margin: 0 0 10px; } /** * Audience Segmentation ConnectAnalyticsCTAWidget styles. * * Site Kit by Google, Copyright 2024 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-lean-cta-banner { display: flex; flex-direction: column; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-lean-cta-banner { align-items: center; flex: 1; flex-direction: row; padding-inline: 36px; } } .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__body { display: flex; flex-direction: column; padding-block: 20px; padding-inline: 16px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__body { align-items: center; flex-direction: row; padding-inline: 24px; } } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__body { flex: 0 1 auto; margin-right: 24px; padding: 0; } } .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__body .googlesitekit-lean-cta-banner__body-icon { display: flex; margin-bottom: 6px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__body .googlesitekit-lean-cta-banner__body-icon { justify-content: right; margin-bottom: 0; } } .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__body .googlesitekit-lean-cta-banner__body-content p { margin: 0 0 4px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__body .googlesitekit-lean-cta-banner__body-content { margin-left: 20px; } } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__body .googlesitekit-lean-cta-banner__body-content { margin-left: 24px; } } .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__graphic { display: flex; justify-content: center; padding-inline: 24px; } .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__graphic svg { max-height: 128px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__graphic { padding-inline: 0; } .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__graphic svg { height: 150px; max-height: unset; } } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-lean-cta-banner .googlesitekit-lean-cta-banner__graphic { flex: 1 1 auto; } } /** * DashboardPageSpeed 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-pagespeed-widget .googlesitekit-cta-link { font-size: 14px; font-weight: 500; letter-spacing: 0.25px; line-height: 1.43; white-space: nowrap; } .googlesitekit-pagespeed-widget .googlesitekit-table { border-spacing: 0; padding: 0; width: 100%; } .googlesitekit-pagespeed-widget .googlesitekit-table thead { display: none; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__content-wrapper { position: relative; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__header { align-items: flex-end; border-bottom: 1px solid #ebeef0; border-radius: 16px 16px 0 0; display: flex; justify-content: space-between; } @media (max-width: 599px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__header { align-items: center; flex-direction: column-reverse; justify-content: flex-end; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__data-src-tabs button.mdc-tab { margin: 0 10px; text-transform: none; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__data-src-tabs button.mdc-tab .mdc-tab-indicator__content--underline { border-top-left-radius: 3px; border-top-right-radius: 3px; height: 3px; } @media (max-width: 449px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__data-src-tabs button.mdc-tab { margin: 0 6px; padding: 0 6px; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__device-size-tab-bar-wrapper { padding: 12px; width: auto; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-insights-web-vitals-metrics--field-data-unavailable { align-items: center; display: flex; height: auto; justify-content: center; padding: 16px; } @media (min-width: 600px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-insights-web-vitals-metrics--field-data-unavailable { min-height: 285px; padding: 24px; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-insights-web-vitals-metrics__field-data-unavailable-content { display: flex; flex-direction: column; justify-content: flex-start; max-width: 600px; width: 75%; } @media (max-width: 599px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-insights-web-vitals-metrics__field-data-unavailable-content { width: 100%; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-insights-web-vitals-metrics__field-data-unavailable-content h3 { font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.33; margin: 0 0 0.25rem; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-insights-web-vitals-metrics__field-data-unavailable-content p { font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; margin: 0.25rem 0; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-insights-web-vitals-metrics__field-data-unavailable-content a { margin: 0; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__footer { border-top: 1px solid #ebeef0; gap: 16px; justify-content: flex-end; padding-top: 0; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__footer p, .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__footer .googlesitekit-cta-link { font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; text-align: right; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__footer button.googlesitekit-cta-link { color: #6c726e; font-size: 14px; font-weight: 500; line-height: 1.43; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__footer--with-action { justify-content: space-between; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row, .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__footer { align-items: center; display: flex; padding: 18px 16px; } @media (min-width: 600px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row, .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__footer { padding: 18px 24px; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row p, .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__footer p { color: #6c726e; letter-spacing: 0.25px; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row { gap: 24px; justify-content: space-between; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row .googlesitekit-error-text p { color: #ac4220; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row--first { padding: 12px 16px 8px 16px; } @media (min-width: 600px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row--first { padding: 18px 24px 12px 24px; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row--single-item { flex-direction: row-reverse; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row--last { padding: 8px 16px 12px 16px; } @media (min-width: 600px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row--last { padding: 12px 24px 18px 24px; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row--hidden { visibility: hidden; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row--error { align-items: flex-start; flex-direction: column; padding: 12px 16px 8px 16px; } @media (min-width: 600px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-report__row--error { padding: 18px 24px 12px 24px; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations { box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; padding: 16px 16px 0; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations .googlesitekit-pagespeed-recommendations__title { font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.1px; line-height: 1.25; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations .googlesitekit-accordion { border-top-left-radius: 16px; border-top-right-radius: 16px; color: #000; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations .googlesitekit-accordion + .googlesitekit-accordion { border-radius: 0; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations .googlesitekit-accordion:last-of-type { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations .googlesitekit-pagespeed-recommendations__title, .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations .googlesitekit-accordion:last-child { margin-bottom: 16px; } @media (min-width: 600px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations { padding: 24px 24px 0; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations .googlesitekit-pagespeed-recommendations__title, .googlesitekit-pagespeed-widget .googlesitekit-pagespeed--recommendations .googlesitekit-accordion:last-child { margin-bottom: 24px; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed__recommendations-cta--hidden { visibility: hidden; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed__zero-recommendations { display: flex; justify-content: center; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed__zero-recommendations svg { max-height: 150px; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__content-wrapper--loading .googlesitekit-pagespeed-widget__data-src-tabs { display: flex; gap: 12px; } @media (min-width: 600px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__content-wrapper--loading .googlesitekit-pagespeed-widget__data-src-tabs { gap: 20px; padding-left: 24px; } } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__content-wrapper--loading .googlesitekit-pagespeed-widget__device-size-tab-bar-wrapper { display: flex; padding-right: 24px; } .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__content-wrapper--loading .googlesitekit-pagespeed-widget__values .googlesitekit-preview-block { padding: 18px 16px; } @media (min-width: 600px) { .googlesitekit-pagespeed-widget .googlesitekit-pagespeed-widget__content-wrapper--loading .googlesitekit-pagespeed-widget__values .googlesitekit-preview-block { padding: 18px 24px; } } /** * ReportMetric 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-pagespeed-report-metric .googlesitekit-pagespeed-report-metric-value-container { align-items: flex-end; display: flex; flex-direction: column; font-size: 14px; justify-content: center; letter-spacing: 0.25px; line-height: 1.43; text-align: right; } .googlesitekit-pagespeed-report-metric .googlesitekit-pagespeed-report-metric-value__display-value, .googlesitekit-pagespeed-report-metric .googlesitekit-pagespeed-report-metric-value__rating { width: auto; } .googlesitekit-pagespeed-report-metric .googlesitekit-pagespeed-report-metric-value__display-value { font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.25; white-space: nowrap; } .googlesitekit-pagespeed-report-metric--fast { color: #46732b; } .googlesitekit-pagespeed-report-metric--average { color: #895a00; } .googlesitekit-pagespeed-report-metric--slow { color: #ac4220; } .googlesitekit-pagespeed-report-metric__title { align-items: center; color: #161b18; column-gap: 8px; display: flex; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.1px; line-height: 1.25; } .googlesitekit-pagespeed-report-metric__title .googlesitekit-info-tooltip { display: inline-flex; } .googlesitekit-pagespeed-report-metric__badge { margin-left: 6px; vertical-align: bottom; } .googlesitekit-pagespeed-report-metric__hint-text { color: #6c726e; letter-spacing: 0.25px; line-height: 1.5; margin-top: 0.5em; } .googlesitekit-pagespeed-report__row--unavailable .googlesitekit-pagespeed-report-metric__title, .googlesitekit-pagespeed-report__row--unavailable .googlesitekit-pagespeed-report-metric__description, .googlesitekit-pagespeed-report__row--unavailable .googlesitekit-pagespeed-report-metric-value { color: #999f9b; } /** * Subtle notifications styles. * * Site Kit by Google, Copyright 2024 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-subtle-notification { align-items: flex-start; background-color: #b8e5ca; border-radius: 16px; color: #265c3b; display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; } @media (min-width: 600px) { .googlesitekit-subtle-notification { align-items: center; flex-direction: row; gap: 16px; padding: 14px 24px; } } .googlesitekit-subtle-notification .googlesitekit-subtle-notification__icon { display: flex; } .googlesitekit-subtle-notification .googlesitekit-subtle-notification__content { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.33; } @media (min-width: 600px) { .googlesitekit-subtle-notification .googlesitekit-subtle-notification__content { flex: 1; font-size: 18px; } } .googlesitekit-subtle-notification .googlesitekit-subtle-notification__content p { margin: 0 0 10px; } @media (min-width: 600px) { .googlesitekit-subtle-notification .googlesitekit-subtle-notification__content p { margin: 0; } } .googlesitekit-subtle-notification .googlesitekit-subtle-notification__content p > a { color: inherit; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-subtle-notification .mdc-button { font-weight: 500; margin: 0 auto; min-height: 32px; padding: 6px 16px; } .googlesitekit-subtle-notification .mdc-button.mdc-button--tertiary:not(:disabled) { color: #265c3b; } @media (min-width: 600px) { .googlesitekit-subtle-notification .mdc-button { margin: 0; } } .googlesitekit-subtle-notification .mdc-button.mdc-button--raised { font-weight: 500; padding: 6px 16px; } .googlesitekit-subtle-notification .googlesitekit-subtle-notification__action { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; justify-content: end; width: 100%; } @media (min-width: 600px) { .googlesitekit-subtle-notification .googlesitekit-subtle-notification__action { justify-content: initial; width: initial; } } .googlesitekit-subtle-notification .googlesitekit-subtle-notification__action .mdc-button { margin: 0; } .googlesitekit-subtle-notification p.googlesitekit-subtle-notification__secondary_description { font-weight: 400; } .googlesitekit-subtle-notification .googlesitekit-subtle-notification__cta:not(.googlesitekit-subtle-notification__cta--spinner__running) svg { margin-inline-start: 6px; } .googlesitekit-subtle-notification .googlesitekit-subtle-notification__cta.googlesitekit-subtle-notification__cta--spinner__running .mdc-button__label { margin-left: 3px; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info { background-color: #f3f5f7; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .googlesitekit-subtle-notification__icon, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .googlesitekit-subtle-notification__content { color: #161b18; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta:not(:disabled) { background-color: #161b18; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta:hover::before { opacity: 0.08; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button.googlesitekit-subtle-notification__cta.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:not(:disabled) { color: #161b18; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(22, 27, 24, 0.08); } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover:hover::before { opacity: 0.08; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:hover:not(:disabled) { color: #161b18; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active:not(:disabled), .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus:not(:disabled) { background-color: rgba(22, 27, 24, 0.26); } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active:not(:disabled), .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active:hover::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus:hover::before { opacity: 0.08; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:active:not(:disabled), .googlesitekit-subtle-notification.googlesitekit-subtle-notification--info .mdc-button--tertiary:focus:not(:disabled) { color: #161b18; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning { background-color: #ffe4b1; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .googlesitekit-subtle-notification__icon, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .googlesitekit-subtle-notification__content { color: #4e3300; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta:not(:disabled) { background-color: #4e3300; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta:hover::before { opacity: 0.08; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button.googlesitekit-subtle-notification__cta.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:not(:disabled) { color: #4e3300; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(225, 177, 85, 0.6); } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary: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-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover:hover::before { opacity: 0.04; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:hover:not(:disabled) { color: #4e3300; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active:not(:disabled), .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus:not(:disabled) { background-color: #e1b155; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active:not(:disabled), .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary: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-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active:hover::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus:hover::before { opacity: 0.04; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:active:not(:disabled), .googlesitekit-subtle-notification.googlesitekit-subtle-notification--warning .mdc-button--tertiary:focus:not(:disabled) { color: #4e3300; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature { background-color: #e3d1ff; /* These styles are inherently at the same specificity as the warning styles above. */ /* stylelint-disable-next-line no-descending-specificity */ } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .googlesitekit-subtle-notification__icon, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .googlesitekit-subtle-notification__content { color: #462083; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised:not(:disabled) { background-color: #462083; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised:hover::before { opacity: 0.08; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button.mdc-button--raised.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:not(:disabled) { color: #462083; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(169, 131, 230, 0.6); } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary: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-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover:hover::before { opacity: 0.04; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:hover:not(:disabled) { color: #462083; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active:not(:disabled), .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus:not(:disabled) { background-color: #a983e6; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active:not(:disabled), .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary: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-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active:hover::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus:hover::before { opacity: 0.04; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:active:not(:disabled), .googlesitekit-subtle-notification.googlesitekit-subtle-notification--new-feature .mdc-button--tertiary:focus:not(:disabled) { color: #462083; } /** * Setup CTA banner styles. * * Site Kit by Google, Copyright 2024 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-setup-cta-banner .googlesitekit-setup-cta-banner__primary-cell { padding: 16px 16px 0; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner .googlesitekit-setup-cta-banner__primary-cell { padding: 24px; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner .googlesitekit-setup-cta-banner__title { font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.1px; line-height: 1.25; margin: 0 0 10px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner .googlesitekit-setup-cta-banner__title { font-size: 22px; font-weight: 400; line-height: 1.27; } } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner .googlesitekit-setup-cta-banner__title { font-size: 28px; font-weight: 400; line-height: 1.286; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner .googlesitekit-setup-cta-banner__description p { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner .googlesitekit-setup-cta-banner__description p { font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; } } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner .googlesitekit-setup-cta-banner__description p { font-size: 16px; letter-spacing: 0.5px; line-height: 1.5; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner .googlesitekit-setup-cta-banner__actions-wrapper { align-items: center; display: flex; flex-wrap: wrap; gap: 4px; margin: 20px 0; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner .googlesitekit-setup-cta-banner__actions-wrapper { gap: 10px; margin-bottom: 0; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner--single-column .googlesitekit-setup-cta-banner__cells { display: grid; grid-template-columns: 1fr; } @media (min-width: 1281px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--single-column .googlesitekit-setup-cta-banner__cells { gap: 48px; grid-template-columns: 1fr 1fr; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner--single-column .googlesitekit-setup-cta-banner__primary-cell { padding: 20px 16px 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--single-column .googlesitekit-setup-cta-banner__primary-cell { padding: 24px; } } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--single-column .googlesitekit-setup-cta-banner__title { font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 1.27; } } @media (min-width: 1281px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--single-column .googlesitekit-setup-cta-banner__title { font-size: 28px; font-weight: 400; line-height: 1.286; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper { align-items: center; display: flex; height: 100%; justify-content: center; overflow: hidden; position: relative; } .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper svg { max-height: 136px; scale: 1.26; transform-origin: center 2px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper svg { height: 100%; max-height: 346px; position: absolute; scale: 1.31; top: 18px; transform-origin: initial; } } /** * Consent Mode Setup CTA styles. * * Site Kit by Google, Copyright 2024 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-setup-cta-banner__svg-wrapper--consent-mode-setup-cta-widget { align-items: center; display: flex; height: 100%; justify-content: center; min-height: 136px; overflow: hidden; position: relative; } @media (min-width: 451px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--consent-mode-setup-cta-widget { min-height: 158px; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--consent-mode-setup-cta-widget svg { max-height: 136px; scale: 1.26; transform-origin: center 2px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--consent-mode-setup-cta-widget svg { height: 100%; max-height: 346px; position: absolute; scale: 1; top: 0; transform-origin: initial; } } @media (min-width: 1281px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--consent-mode-setup-cta-widget svg { scale: 1.31; top: 18px; } } .googlesitekit-wizard { padding-top: 10px; } @media (min-width: 600px) { .googlesitekit-wizard { padding-left: 10px; padding-right: 10px; } } .googlesitekit-wizard .googlesitekit-opt-in { margin-bottom: 8px; margin-top: 8px; } .googlesitekit-wizard .googlesitekit-wizard__asterisk { color: #ac4220; } .googlesitekit-wizard .googlesitekit-wizard__asterisk--space { margin-left: 3px; } .googlesitekit-wizard .googlesitekit-wizard__error-text { color: #ac4220; font-weight: 500; } .googlesitekit-wizard-auth { border-bottom: 1px solid #ebeef0; display: flex; padding-bottom: 40px; } .googlesitekit-wizard-auth .googlesitekit-wizard-auth__image { border-radius: 50%; display: block; flex: 0 0 auto; height: 32px; margin-right: 16px; width: 32px; } @media (min-width: 600px) { .googlesitekit-wizard-auth .googlesitekit-wizard-auth__image { height: 64px; width: 64px; } } @media (min-width: 960px) { .googlesitekit-wizard-auth .googlesitekit-wizard-auth__image { margin-right: 24px; } } .googlesitekit-wizard-auth .googlesitekit-wizard-auth__title { margin: 0 0 10px; } .googlesitekit-wizard-auth .googlesitekit-wizard-auth__text { margin: 0; } .googlesitekit-wizard-component .googlesitekit-wizard-component__title { display: inline-block; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 10px; } .googlesitekit-wizard-component .googlesitekit-wizard-component__logo { display: inline-block; margin: 0 16px 8px 0; vertical-align: bottom; } .googlesitekit-wizard-component .googlesitekit-wizard-component__logo img { display: block; } .googlesitekit-wizard-component .googlesitekit-wizard-component__description { margin: 0 0 17px 0; } @media (min-width: 960px) { .googlesitekit-wizard-component .googlesitekit-wizard-component__description { margin: 0 0 29px 0; } } .googlesitekit-wizard-component .googlesitekit-wizard-component__inputs { align-items: center; display: flex; flex-wrap: wrap; margin: 0; } .googlesitekit-wizard-component .googlesitekit-wizard-component__inputs > div { margin: 16px 16px 16px 0; } @media (min-width: 960px) { .googlesitekit-wizard-component .googlesitekit-wizard-component__inputs > div { margin: 24px 24px 24px 0; } } .googlesitekit-wizard-component .googlesitekit-wizard-component__inputs--multiline { display: block; } .googlesitekit-wizard-component .googlesitekit-wizard-component__inputs--multiline > div { margin: 0; width: 100%; } .googlesitekit-wizard-component .googlesitekit-wizard-component__action { margin: 24px 0 0 0; } @media (min-width: 600px) { .googlesitekit-wizard-component .googlesitekit-wizard-component__action { align-items: center; display: flex; justify-content: space-between; } } @media (min-width: 960px) { .googlesitekit-wizard-component .googlesitekit-wizard-component__action { margin: 36px 0 0 0; } } .googlesitekit-wizard-component .googlesitekit-wizard-component__skip { display: flex; flex: 1 1 auto; justify-content: space-between; margin-top: 16px; } @media (min-width: 600px) { .googlesitekit-wizard-component .googlesitekit-wizard-component__skip { margin-left: 16px; margin-top: 0; } } @media (min-width: 960px) { .googlesitekit-wizard-component .googlesitekit-wizard-component__skip { margin-left: 24px; } } .googlesitekit-wizard-component .googlesitekit-wizard-component__steps { font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-wizard-component-nav { align-items: center; display: flex; } .googlesitekit-wizard-component-nav .googlesitekit-wizard-component-nav__button { cursor: pointer; } .googlesitekit-wizard-component-nav .googlesitekit-wizard-component-nav__icon { display: inline-block; opacity: 0.6; } .googlesitekit-wizard-component-nav .googlesitekit-wizard-component-nav__icon:focus, .googlesitekit-wizard-component-nav .googlesitekit-wizard-component-nav__icon:active, .googlesitekit-wizard-component-nav .googlesitekit-wizard-component-nav__icon:hover { opacity: 1; } .googlesitekit-wizard-component-nav .googlesitekit-wizard-component-nav__icon--reverse { transform: rotate(180deg); } .googlesitekit-wizard-module { border: 1px solid #ebeef0; height: 100%; padding: 16px; width: 100%; } @media (min-width: 960px) { .googlesitekit-wizard-module { padding: 24px; } } .googlesitekit-wizard-module .googlesitekit-wizard-module__logo { align-items: flex-end; display: flex; height: 36px; } .googlesitekit-wizard-module .googlesitekit-wizard-module__logo img { display: block; } .googlesitekit-wizard-module .googlesitekit-wizard-module__title { margin: 15px 0 10px; } .googlesitekit-wizard-module .googlesitekit-wizard-module__text { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-wizard-module .googlesitekit-wizard-module__switch { float: right; } .googlesitekit-wizard-module .googlesitekit-wizard-module__switch .spinner { margin-top: -5px; } .googlesitekit-wizard-module .googlesitekit-wizard-module__cta { font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-wizard-progress { background-color: #fff; } @media (min-width: 600px) { .googlesitekit-wizard-progress { padding-left: 10px; padding-right: 10px; } } @media (min-width: 600px) { .googlesitekit-wizard-progress { border-bottom: 1px solid #ebeef0; } } .googlesitekit-wizard-progress .googlesitekit-wizard-progress__subtitle { margin: 10px 0 17px; } .googlesitekit-wizard-progress .googlesitekit-wizard-progress__title { margin: 0 0 10px; } @media (min-width: 600px) { .googlesitekit-wizard-progress .googlesitekit-wizard-progress__title { margin: 0 0 30px; } } .googlesitekit-wizard-progress .googlesitekit-wizard-progress__description { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0 0 10px; } @media (min-width: 600px) { .googlesitekit-wizard-progress .googlesitekit-wizard-progress__description { margin: 0 0 30px; } } .googlesitekit-wizard-progress .googlesitekit-wizard-progress__steps { display: flex; padding: 16px; } @media (min-width: 960px) { .googlesitekit-wizard-progress .googlesitekit-wizard-progress__steps { padding: 24px 0 0 0; } } .googlesitekit-plugin .googlesitekit-wizard-progress-step { display: none; flex: 1; flex-wrap: nowrap; text-align: center; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-wizard-progress-step { display: block; margin-bottom: 40px; } } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number-wrapper { position: relative; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number-wrapper::before { position: absolute; top: 50%; transform: translateY(-50%); background-color: #ebeef0; content: ""; display: block; height: 2px; left: -16px; right: -16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number-wrapper::before { left: -24px; right: -24px; } } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number { background-color: #ebeef0; border: 15px solid #fff; border-radius: 50%; color: #333935; font-size: 14px; height: 54px; letter-spacing: 0.25px; line-height: 1.43; margin: 0 auto; position: relative; width: 54px; z-index: 2; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number--inprogress { background-color: #446199; color: #fff; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number--warning { background-color: #895a00; color: #fff; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number--warning svg { color: #fff; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number--error { background-color: #ac4220; color: #fff; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number--error svg { color: #fff; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number--completed { background-color: #46732b; color: #fff; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number--completed svg { color: #fff; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number-text--warning, .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number-text--error, .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number-text--completed { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__number-icon { align-items: center; display: flex; height: 100%; justify-content: center; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__text { color: #5f6561; font-size: 14px; font-weight: 500; letter-spacing: 0.25px; margin: 0; } .googlesitekit-plugin .googlesitekit-wizard-progress-step .googlesitekit-wizard-progress-step__text span { color: #ac4220; display: inline-block; margin-left: 5px; } .googlesitekit-plugin .googlesitekit-wizard-progress-step--current { display: block; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-wizard-progress-step--1 .googlesitekit-wizard-progress-step__number-wrapper::after, .googlesitekit-plugin .googlesitekit-wizard-progress-step--completeSetup .googlesitekit-wizard-progress-step__number-wrapper::after { position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; content: ""; display: block; height: 4px; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-wizard-progress-step--1 .googlesitekit-wizard-progress-step__number-wrapper::after { left: -16px; right: 50%; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-wizard-progress-step--1 .googlesitekit-wizard-progress-step__number-wrapper::after { left: -24px; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-wizard-progress-step--completeSetup .googlesitekit-wizard-progress-step__number-wrapper::after { left: 50%; right: -16px; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-wizard-progress-step--completeSetup .googlesitekit-wizard-progress-step__number-wrapper::after { right: -24px; } } .googlesitekit-wizard-step { background-color: #fff; overflow: hidden; padding-bottom: 16px; padding-top: 16px; } @media (min-width: 600px) { .googlesitekit-wizard-step { padding-left: 10px; padding-right: 10px; } } @media (min-width: 960px) { .googlesitekit-wizard-step { padding-bottom: 24px; padding-top: 24px; } } .googlesitekit-wizard-step .googlesitekit-wizard-step__title { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 10px; } .googlesitekit-wizard-step .googlesitekit-wizard-step__text { margin: 0; } .googlesitekit-wizard-step .googlesitekit-wizard-step__subtitle { margin: 16px 0 0 0; } @media (min-width: 960px) { .googlesitekit-wizard-step .googlesitekit-wizard-step__subtitle { margin-top: 24px; } } .googlesitekit-wizard-step .googlesitekit-wizard-step__inputs { align-items: center; display: flex; flex-wrap: wrap; margin: 0; } .googlesitekit-wizard-step .googlesitekit-wizard-step__inputs > div { margin: 16px 16px 16px 0; } @media (min-width: 960px) { .googlesitekit-wizard-step .googlesitekit-wizard-step__inputs > div { margin: 24px 24px 24px 0; } } .googlesitekit-wizard-step .googlesitekit-wizard-step__inputs > .googlesitekit-setup-module__input { margin: 1em 0; } .googlesitekit-wizard-step .googlesitekit-wizard-step__inputs--multiline { display: block; } .googlesitekit-wizard-step .googlesitekit-wizard-step__inputs--multiline > div { margin: 0; width: 100%; } .googlesitekit-wizard-step .googlesitekit-wizard-step__action { margin-top: 16px; } @media (min-width: 960px) { .googlesitekit-wizard-step .googlesitekit-wizard-step__action { margin-top: 24px; } } .googlesitekit-wizard-step .googlesitekit-wizard-step__action--justify { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0; } .googlesitekit-wizard-step .googlesitekit-wizard-step__action--justify > *:first-child { margin-right: 16px; margin-top: 16px; } @media (min-width: 960px) { .googlesitekit-wizard-step .googlesitekit-wizard-step__action--justify > *:first-child { margin-right: 24px; margin-top: 24px; } } .googlesitekit-wizard-step .googlesitekit-wizard-step__action--justify > *:last-child { flex: 0 0 auto; margin-top: 16px; } @media (min-width: 960px) { .googlesitekit-wizard-step .googlesitekit-wizard-step__action--justify > *:last-child { margin-top: 24px; } } .googlesitekit-wizard-step .googlesitekit-wizard-step__back { margin-left: 8px; } /** * Key Metrics Setup CTA Widget 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-setup__wrapper--key-metrics-setup-cta .mdc-layout-grid { padding: 0; } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .mdc-layout-grid__inner { grid-template-columns: 1fr; overflow: hidden; position: relative; } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-content__wrapper { padding: 24px 24px 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-content__wrapper { max-width: 56%; padding: 35px 24px 31px; } } @media (min-width: 1024px) and (max-width: 1279px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-content__wrapper { max-width: 60%; padding: 35px 24px 31px; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-content__wrapper { max-width: 54%; padding: 34px 24px 43px; } } @media (min-width: 800px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-preview-block { max-width: 42%; min-height: 100%; position: absolute; right: 0; top: 0; } } @media (min-width: 1500px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-preview-block { max-width: 30%; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper { overflow: hidden; } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper.mdc-layout-grid__cell { grid-column: 1; grid-row: auto; padding-top: 20px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper.mdc-layout-grid__cell { grid-column: unset; grid-column-end: span 4; grid-row: 1/-1; padding-top: 0; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper svg { display: block; margin: 0 auto; max-height: 140px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 310px; max-width: 45%; position: absolute; right: 0; top: 0; } } @media (min-width: 1181px) and (max-width: 1279px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 340px; top: -35px; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 290px; top: 0; } } @media (min-width: 1440px1px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper svg { top: -50px; } } @media (min-width: 1700px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 340px; max-width: 35%; } } @media (min-width: 2200px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 370px; right: -15px; top: -65px; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-publisher-win__title { color: #161b18; display: grid; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 1.25; margin: 0; place-content: center; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-publisher-win__title { font-size: 22px; letter-spacing: unset; line-height: 1.27; place-content: start; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-publisher-win__title { font-size: 28px; line-height: 1.286; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta p { color: #161b18; display: grid; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 5px 0; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta p { font-size: 14px; letter-spacing: 0.25px; line-height: 1.14; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta p { font-size: 16px; letter-spacing: 0.5px; line-height: 1.25; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-actions__wrapper { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 20px; } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-actions__wrapper a, .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-actions__wrapper button { place-content: center; text-align: center; width: auto; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-actions__wrapper { gap: 10px; } } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-actions__wrapper { margin-top: 24px; } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-actions__wrapper a, .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-actions__wrapper button { width: auto; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-actions__wrapper .googlesitekit-cta-link { color: #6c726e; } .googlesitekit-plugin .googlesitekit-widget-key-metrics-footer { padding: 0 8px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget-key-metrics-footer { padding: 0; } } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary div.mdc-layout-grid__inner.googlesitekit-widget-key-metrics-footer div.googlesitekit-widget-key-metrics-footer__cta-wrapper { gap: 6px; grid-template-columns: 1fr 1fr; } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary div.mdc-layout-grid__inner.googlesitekit-widget-key-metrics-footer div.googlesitekit-widget-key-metrics-footer__cta-wrapper span { display: block; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary div.mdc-layout-grid__inner.googlesitekit-widget-key-metrics-footer div.googlesitekit-widget-key-metrics-footer__cta-wrapper span { display: inline; } } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary div.mdc-layout-grid__inner.googlesitekit-widget-key-metrics-footer div.googlesitekit-widget-key-metrics-footer__cta-wrapper .googlesitekit-cta-link { color: #108080; } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget--keyMetricsConnectGA4All .googlesitekit-widget-key-metrics-text__wrapper { text-align: center; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget--keyMetricsConnectGA4All .googlesitekit-widget-key-metrics-text__wrapper { text-align: initial; } } @media (min-width: 800px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget--keyMetricsConnectGA4All div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 228px; position: absolute; right: 0; top: -25px; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget--keyMetricsConnectGA4All div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 265px; top: -25px; } } @media (min-width: 1024px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget--keyMetricsConnectGA4All div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 310px; right: 0; top: -46px; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget--keyMetricsConnectGA4All div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 260px; right: 0; top: -14px; } } @media (min-width: 2200px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget--keyMetricsConnectGA4All div.googlesitekit-widget-key-metrics-svg__wrapper svg { max-height: 370px; right: 0; top: -67px; } } .googlesitekit-plugin .googlesitekit-km-connect-ga4-cta .googlesitekit-publisher-win__title { color: #ac4220; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; } .googlesitekit-plugin .googlesitekit-km-connect-ga4-cta .googlesitekit-widget-key-metrics-actions__wrapper { justify-content: center; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-km-connect-ga4-cta .googlesitekit-widget-key-metrics-actions__wrapper { justify-content: flex-start; } } @media (min-width: 800px) { html[dir=rtl] .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-preview-block { left: 0; right: unset; } } @media (min-width: 960px) { html[dir=rtl] .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-svg__wrapper svg { left: 0; right: unset; transform: scaleX(-1); } } @media (min-width: 2200px) { html[dir=rtl] .googlesitekit-plugin .googlesitekit-setup__wrapper--key-metrics-setup-cta .googlesitekit-widget-key-metrics-svg__wrapper svg { left: -15px; } } /** * Key Metrics Widget 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. */ @media (max-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .mdc-layout-grid__cell--span-2-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .mdc-layout-grid__cell--span-2-phone { width: auto; grid-column-end: span 4; } } } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-header__title { align-items: center; display: flex; } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-header__title .googlesitekit-new-badge { margin-left: 12px; } /** * Key Metrics ChipTabGroup component styles. * * Site Kit by Google, Copyright 2024 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-chip-tab-group .googlesitekit-chip-tab-group__chip-item, .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items .mdc-tab { background-color: #ebeef0; color: #161b18; font-size: 12px; font-weight: 500; min-height: 28px; padding: 6px 14px; --mdc-ripple-fg-opacity: 0; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items { background: #fff; display: flex; flex-wrap: nowrap; gap: 12px; left: 0; margin: 0 16px 15px; overflow: auto; position: sticky; top: 0; white-space: nowrap; z-index: 1; /** Mobile version style adaptation - start **/ /** Mobile version style adaptation - end **/ } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items { flex-wrap: wrap; margin: 0 25px 25px; overflow: hidden; white-space: unset; } } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items .mdc-tab-scroller__scroll-content { gap: 10px; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items .mdc-tab { height: unset; line-height: unset; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items .mdc-tab.mdc-tab--active { background-color: #b8e5ca; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items .mdc-tab .mdc-tab-indicator > .mdc-tab-indicator__content { display: none; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items .mdc-tab .mdc-tab__content { position: initial; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__chip-item { overflow: visible; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__chip-item svg { margin-right: 7px; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__chip-item-new-dot { align-items: center; background-color: #fff; border-radius: 50%; display: flex; height: 10px; justify-content: center; position: absolute; right: 0; top: 0; width: 10px; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__chip-item-new-dot::after { background-color: #573195; border-radius: 50%; content: ""; display: block; height: 6px; right: 0; top: 0; width: 6px; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items-row { display: flex; flex-wrap: nowrap; gap: 10px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items-row { flex-wrap: wrap; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items-row:last-child .googlesitekit-chip-tab-group__chip-item:nth-last-child(2), .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-items-row:last-child .googlesitekit-chip-tab-group__chip-item:last-child { padding: 6px 23px; } } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__chip-item--active { background-color: #b8e5ca; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__chip-item-svg__suggested path { fill: #161b18; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__chip-item-count { margin-left: 3px; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-selection-panel-item { align-items: center; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-selection-panel-item .googlesitekit-badge { background-color: #573195; color: #fff; font-size: 12px; line-height: 1.33; margin-right: 1px; padding: 4px 8px; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-selection-panel-item .googlesitekit-selection-box { padding: 0 4px 10px; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__graphic { align-items: center; display: flex; flex-direction: column; margin-top: 10%; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__graphic svg { max-height: 160px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__graphic svg { max-height: unset; } } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-item-mobile-svg { margin-right: 7px; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-item-mobile-svg svg { display: block; } .googlesitekit-plugin .googlesitekit-chip-tab-group .googlesitekit-chip-tab-group__tab-item-mobile-svg.googlesitekit-chip-tab-group__tab-item-mobile-svg--suggested svg path { fill: #161b18; } /** * Audience Selection Panel styles. * * Site Kit by Google, Copyright 2024 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. */ @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-acr-km-selection-panel { width: 578px; } } .googlesitekit-plugin .googlesitekit-acr-km-selection-panel .googlesitekit-selection-panel-items { flex: 1; } .googlesitekit-plugin .googlesitekit-acr-km-selection-panel .googlesitekit-selection-panel-footer__actions { width: 100%; } .googlesitekit-plugin .googlesitekit-acr-km-selection-panel .googlesitekit-selection-panel-footer__actions .googlesitekit-selection-panel-footer__item-count { margin-right: auto; order: 1; } .googlesitekit-plugin .googlesitekit-acr-km-selection-panel .googlesitekit-selection-panel-footer__actions button { order: 2; } .googlesitekit-plugin .googlesitekit-km-selection-panel .googlesitekit-selection-panel-footer__actions { width: 100%; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-km-selection-panel .googlesitekit-selection-panel-footer__actions { flex-wrap: wrap; justify-content: flex-end; } } .googlesitekit-plugin .googlesitekit-km-selection-panel .googlesitekit-selection-panel-footer__actions .googlesitekit-selection-panel-footer__item-count { margin-right: auto; order: 1; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-km-selection-panel .googlesitekit-selection-panel-footer__actions .googlesitekit-selection-panel-footer__item-count { order: 1; text-align: left; width: 100%; } } .googlesitekit-plugin .googlesitekit-km-selection-panel .googlesitekit-selection-panel-footer__actions button { order: 2; } /** * Key Metrics Conversion Reporting Subtle Notification styles. * * Site Kit by Google, Copyright 2024 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-acr-subtle-notification { background-color: #e3d1ff; color: #462083; padding: 14px 24px; } .googlesitekit-plugin .googlesitekit-acr-subtle-notification .mdc-button--raised:not(:disabled) { background-color: #462083; } .googlesitekit-plugin .googlesitekit-acr-subtle-notification .googlesitekit-subtle-notification__content, .googlesitekit-plugin .googlesitekit-acr-subtle-notification .mdc-button--tertiary:not(:disabled), .googlesitekit-plugin .googlesitekit-acr-subtle-notification p > a { color: inherit; } .googlesitekit-plugin .googlesitekit-acr-subtle-notification .googlesitekit-subtle-notification__action { grid-gap: 10px; justify-content: flex-end; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-acr-subtle-notification .googlesitekit-subtle-notification__action { grid-gap: 16px; } } .googlesitekit-plugin .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification .googlesitekit-widget__body, .googlesitekit-plugin .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification .mdc-layout-grid { padding: 0; } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification { background: transparent; } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification .googlesitekit-widget__body, .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification .mdc-layout-grid, .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification .mdc-layout-grid__inner { display: block; } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification .googlesitekit-widget__body .mdc-layout-grid { margin: 0; } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification .googlesitekit-widget__body .mdc-layout-grid:nth-child(2) { margin: 15px 0 0; } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification .googlesitekit-acr-subtle-notification { display: flex; } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsEventDetectionCalloutNotification .googlesitekit-cta-link { -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin .googlesitekit-acr-subtle-notification__lost-events { background-color: #ffe4b1; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-acr-subtle-notification__lost-events { gap: 10px; } } .googlesitekit-plugin .googlesitekit-acr-subtle-notification__lost-events .mdc-button--raised:not(:disabled) { background-color: #4e3300; } .googlesitekit-plugin .googlesitekit-acr-subtle-notification__lost-events .googlesitekit-subtle-notification__content, .googlesitekit-plugin .googlesitekit-acr-subtle-notification__lost-events .mdc-button--tertiary:not(:disabled), .googlesitekit-plugin .googlesitekit-acr-subtle-notification__lost-events .googlesitekit-subtle-notification__icon svg { color: #4e3300; } /** * Key Metrics site purpose change modal styles. * * Site Kit by Google, Copyright 2024 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 .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change h2 { font-size: 28px; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change .mdc-dialog__content { margin-top: 15px; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change .mdc-dialog__content h3 { font-size: 14px; font-weight: 500; margin: 0; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change ul.mdc-list.mdc-list--underlined li.mdc-list-item, .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change ul.mdc-list.mdc-list--underlined .googlesitekit-view-only-menu li.googlesitekit-view-only-menu__list-item, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change ul.mdc-list.mdc-list--underlined li.googlesitekit-view-only-menu__list-item { font-size: 12px; min-height: auto; padding: 4px 0; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change ul.mdc-list.mdc-list--underlined li.mdc-list-item::before, .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change ul.mdc-list.mdc-list--underlined .googlesitekit-view-only-menu li.googlesitekit-view-only-menu__list-item::before, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change ul.mdc-list.mdc-list--underlined li.googlesitekit-view-only-menu__list-item::before { display: none; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change ul.mdc-list.mdc-list--underlined li.mdc-list-item:last-child, .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change ul.mdc-list.mdc-list--underlined .googlesitekit-view-only-menu li.googlesitekit-view-only-menu__list-item:last-child, .googlesitekit-plugin .googlesitekit-view-only-menu .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change ul.mdc-list.mdc-list--underlined li.googlesitekit-view-only-menu__list-item:last-child { border: none; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change .mdc-dialog__actions { border-top: none; } @media (max-width: 600px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change .mdc-dialog__actions button { width: 100%; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-confirm-site-purpose-change .mdc-dialog__actions button:last-child { margin-top: 5px; } } /** * Setup 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-setup { padding-top: 10px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup { padding-left: 10px; padding-right: 10px; } } .googlesitekit-plugin .googlesitekit-setup .googlesitekit-opt-in { margin-bottom: 8px; margin-top: 8px; } .googlesitekit-plugin .googlesitekit-setup .googlesitekit-setup__step { border-bottom: 1px solid #ebeef0; margin-bottom: 16px; padding-bottom: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup .googlesitekit-setup__step { margin-bottom: 24px; padding-bottom: 24px; } } .googlesitekit-plugin .googlesitekit-setup .googlesitekit-setup__step:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .googlesitekit-plugin .googlesitekit-setup .googlesitekit-setup__title { display: inline-block; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0.67em 0; } .googlesitekit-plugin .googlesitekit-setup .googlesitekit-setup__notice { font-weight: 500; } .googlesitekit-plugin .googlesitekit-setup .googlesitekit-setup__description + .googlesitekit-setup__notice { margin-top: 1em; } .googlesitekit-plugin .googlesitekit-setup .googlesitekit-setup__notice-text { display: inline-block; margin-left: 5px; vertical-align: middle; } .googlesitekit-plugin .googlesitekit-setup .googlesitekit-setup__footer { border-top: 1px solid #ebeef0; } .googlesitekit-plugin .googlesitekit-setup .googlesitekit-setup__splash { border-bottom: 1px solid #ebeef0; padding-left: 10px; padding-right: 10px; } .googlesitekit-plugin .googlesitekit-setup-compat { max-width: 60rem; } .googlesitekit-plugin .googlesitekit-start-setup-wrap { display: flex; } .googlesitekit-plugin .googlesitekit-start-setup { margin-right: 8px; } .googlesitekit-plugin .googlesitekit-start-setup + .googlesitekit-cta-link { margin-left: 8px; } .googlesitekit-plugin .googlesitekit-setup__wrapper { background-color: #fff; border-radius: 16px; } .googlesitekit-plugin .googlesitekit-setup__wrapper .googlesitekit-setup__intro-title { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.14; margin: 0 0 17px; } .googlesitekit-plugin .googlesitekit-setup__warning { align-items: center; display: flex; } .googlesitekit-plugin .googlesitekit-setup__warning svg { color: #895a00; width: 34px; } .googlesitekit-plugin .googlesitekit-setup__warning div { flex: 1; margin: 0 0 0 24px; } .googlesitekit-plugin .googlesitekit-setup__content { margin: 0 auto; max-width: 465px; padding: 2rem 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup__content { max-width: none; padding: 0; } } .googlesitekit-plugin .googlesitekit-setup__content .googlesitekit-setup__description { margin: 0; } .googlesitekit-plugin .googlesitekit-setup__content .googlesitekit-opt-in { margin: 2rem 0; } .googlesitekit-plugin .googlesitekit-setup__icon { text-align: center; } .googlesitekit-plugin .googlesitekit-setup__icon svg { height: auto; max-width: 100%; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup__icon { align-self: center; order: 2; } } .googlesitekit-plugin .googlesitekit-setup-analytics-notice { background-color: #f8fafb; border-radius: 16px; display: flex; flex-direction: column-reverse; margin: 24px 0 0; padding: 16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup-analytics-notice { padding: 24px; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup-analytics-notice { align-items: center; flex-flow: row nowrap; } } .googlesitekit-plugin .googlesitekit-setup-analytics-notice label { color: #333935; font-size: 16px; letter-spacing: 0.5px; line-height: 1.5; padding-top: 8px; } .googlesitekit-plugin .googlesitekit-setup-analytics-notice .mdc-form-field { align-items: flex-start; } .googlesitekit-plugin .googlesitekit-setup-analytics-notice__icon { margin: 0 0 24px; } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup-analytics-notice__icon { margin: 0; padding-left: 24px; } } .googlesitekit-plugin .googlesitekit-setup-analytics-notice__icon svg { display: block; margin: 0 auto; max-width: 378px; width: 100%; } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup-analytics-notice__icon svg { margin: 0; width: 378px; } } /** * Setup module 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-setup-module { flex: 1 1 auto; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__step { margin-bottom: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__step { margin-bottom: 24px; } } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__step:last-child { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__logo { display: inline-block; margin: 0 16px 0 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__logo img { display: block; height: auto; width: 40px; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__title { display: inline-block; margin: 0 0 10px; vertical-align: bottom; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__text--no-margin { margin: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs + p, .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs + .googlesitekit-settings-notice { margin-top: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs + .googlesitekit-settings-notice { margin-top: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__title + p { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__title + p ~ p { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__user { align-items: center; display: flex; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__user-image { border-radius: 50%; height: 32px; margin-right: 10px; width: 32px; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs { align-items: center; display: flex; flex-wrap: wrap; margin: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs > div { margin: 16px 16px 16px 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs > div { margin: 24px 24px 24px 0; } } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs > .googlesitekit-setup-module__input { margin: 1em 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs + .googlesitekit-error-text { margin-top: -16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs + .googlesitekit-error-text { margin-top: -24px; } } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs--collapsed { align-items: flex-start; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs--collapsed > div { margin-top: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs--multiline { display: block; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__inputs--multiline > div { margin: 0; width: 100%; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__switch { margin: 16px 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__switch { margin: 24px 0; } } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__action { margin: 24px 0 0 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__action { align-items: center; display: flex; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__action { margin: 36px 0 0 0; } } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__action .googlesitekit-cta-link { font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__action .mdc-button + .googlesitekit-cta-link { margin-left: 24px; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__sub-action { display: flex; margin-top: 16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__sub-action { margin-left: 8px; margin-top: 0; } } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__list-wrapper { background: #ebeef0; border-radius: 16px; margin: 16px 0 0 0; padding: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__list-wrapper { margin-top: 24px; } } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__cta { margin-top: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__cta { margin-top: 24px; } } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__cta-link { display: inline-block; margin-right: 50px; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__cta-link:last-child { margin-right: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__action + .googlesitekit-setup-module__footer-text { margin: 24px 0 0 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__action + .googlesitekit-setup-module__footer-text { margin: 36px 0 0 0; } } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__header { align-items: center; display: flex; flex-wrap: wrap; grid-gap: 10px 12px; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__header .googlesitekit-setup-module__logo, .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__header .googlesitekit-setup-module__title { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-setup-module .googlesitekit-setup-module__badges { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 12px; } /** * AdSense Connect 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-setup__wrapper--adsense-connect { --adsense-connect-cta-fade-in-duration: 7.5s; --adsense-connect-cta-fade-out-duration: 500ms; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption-container { display: grid; grid-template-columns: 1fr; margin: 0; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption-container { display: block; padding: 32px 0 0; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption { color: #999f9b; display: flex; grid-column-start: 1; grid-row-start: 1; margin: 0; opacity: 0; transition: color 500ms ease-in-out; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption { margin-bottom: 24px; opacity: 1; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption .googlesitekit-setup-module--adsense__stage-caption-indicator { align-self: stretch; background-color: rgba(0, 0, 0, 0.1); display: none; margin-right: 20px; width: 1px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption .googlesitekit-setup-module--adsense__stage-caption-indicator { display: block; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption h4 { color: #7b807d; font-size: 18px; font-weight: 400; margin: 0 0 4px; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption p { color: #7b807d; font-size: 12px; margin: 0; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption * { transition: inherit; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--static h4, .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--enter h4, .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--leave h4 { color: #446199; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--static p, .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--enter p, .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--leave p { color: #333935; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--static { opacity: 1; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--static .googlesitekit-setup-module--adsense__stage-caption-indicator { background-color: #446199; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--enter .googlesitekit-setup-module--adsense__stage-caption-indicator, .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--leave .googlesitekit-setup-module--adsense__stage-caption-indicator { background-image: linear-gradient(0deg, #446199 0%, #446199 100%); background-repeat: no-repeat; } @keyframes googlesitekit-fade-in { 0% { opacity: 0; } 6.67% { opacity: 1; } 100% { opacity: 1; } } @keyframes googlesitekit-fade-out { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; } } @keyframes googlesitekit-caption-indicator-enter { from { background-size: 100% 0%; } to { background-size: 100% 100%; } } @keyframes googlesitekit-caption-indicator-leave { from { background-size: 100% 100%; } to { background-size: 100% 0%; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--enter { animation: googlesitekit-fade-in var(--adsense-connect-cta-fade-in-duration) linear forwards; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--enter { animation: none; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--enter .googlesitekit-setup-module--adsense__stage-caption-indicator { animation: googlesitekit-caption-indicator-enter 500ms linear forwards; background-position: 0% 0%; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--leave { animation: googlesitekit-fade-out var(--adsense-connect-cta-fade-out-duration) linear forwards; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--leave { animation: none; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-caption--current--leave .googlesitekit-setup-module--adsense__stage-caption-indicator { animation: googlesitekit-caption-indicator-leave 500ms linear forwards; background-position: 0% 100%; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-image-container { display: grid; grid-template-columns: 1fr; height: 100%; padding: 16px 0; width: 100%; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-image-container { height: calc(100% + 70px); margin-bottom: 12px; margin-top: -70px; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-image { align-items: center; display: flex; grid-column-start: 1; grid-row-start: 1; height: 100%; justify-content: center; opacity: 0; width: 100%; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-image svg { flex: 1; max-height: 312px; max-width: 100%; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-image--current--static { opacity: 1; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-image--current--enter { animation: googlesitekit-fade-in var(--adsense-connect-cta-fade-in-duration) linear forwards; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-image--current--leave { animation: googlesitekit-fade-out var(--adsense-connect-cta-fade-out-duration) linear forwards; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-indicator { display: grid; grid-auto-flow: column; grid-gap: 6px; justify-content: flex-start; margin: 12px 0 20px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-indicator { display: none; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-indicator li { background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; height: 2px; width: 26px; --adsense-connect-cta-indicator-duration: 500ms; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-indicator li.googlesitekit-setup-module--adsense__stage-indicator--current--static { background-color: #446199; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-indicator li.googlesitekit-setup-module--adsense__stage-indicator--current--enter, .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-indicator li.googlesitekit-setup-module--adsense__stage-indicator--current--leave { background-image: linear-gradient(0deg, #446199 0%, #446199 100%); background-repeat: no-repeat; } @keyframes googlesitekit-indicator-enter { from { background-size: 0% 100%; } to { background-size: 100% 100%; } } @keyframes googlesitekit-indicator-leave { from { background-size: 100% 100%; } to { background-size: 0% 100%; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-indicator li.googlesitekit-setup-module--adsense__stage-indicator--current--enter { animation: googlesitekit-indicator-enter var(--adsense-connect-cta-indicator-duration) linear forwards; background-position: 0% 0%; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module--adsense__stage-indicator li.googlesitekit-setup-module--adsense__stage-indicator--current--leave { animation: googlesitekit-indicator-leave var(--adsense-connect-cta-indicator-duration) linear forwards; background-position: 100% 0%; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module__action { display: flex; flex-wrap: wrap; gap: 4px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module__action { gap: 10px; } } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module__footer-text { align-items: flex-end; display: flex; justify-content: flex-end; } } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module__footer-text a { -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin .googlesitekit-setup__wrapper--adsense-connect .googlesitekit-setup-module__footer-text p { font-size: 12px; margin: 0; } /** * Settings admin styles. * * Site Kit by Google, Copyright 2024 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 #js-googlesitekit-settings .googlesitekit-layout__header { border: none; } .googlesitekit-plugin #js-googlesitekit-settings .googlesitekit-layout__header .mdc-layout-grid { padding-bottom: 0; } .googlesitekit-plugin #js-googlesitekit-settings .googlesitekit-layout__header .mdc-layout-grid h3.googlesitekit-layout__header-title { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500; } .googlesitekit-plugin #js-googlesitekit-settings .googlesitekit-settings-module .googlesitekit-settings-module__footer .mdc-layout-grid { padding-top: 0; } /** * Settings connect module 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-settings-connect-module { border: 1px solid #ebeef0; border-radius: 8px; height: 100%; padding: 16px; width: 100%; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-settings-connect-module { padding: 24px; } } .googlesitekit-plugin .googlesitekit-settings-connect-module .googlesitekit-settings-connect-module__logo { align-items: flex-end; display: flex; height: 36px; } .googlesitekit-plugin .googlesitekit-settings-connect-module .googlesitekit-settings-connect-module__logo img { display: block; } .googlesitekit-plugin .googlesitekit-settings-connect-module .googlesitekit-settings-connect-module__heading { align-items: center; display: flex; flex-wrap: wrap; grid-gap: 10px 12px; margin: 15px 0 10px; } .googlesitekit-plugin .googlesitekit-settings-connect-module .googlesitekit-settings-connect-module__title { margin: 0; } .googlesitekit-plugin .googlesitekit-settings-connect-module .googlesitekit-settings-connect-module__badges { display: flex; flex-wrap: wrap; grid-gap: 10px 12px; } .googlesitekit-plugin .googlesitekit-settings-connect-module .googlesitekit-settings-connect-module__text { font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; margin: 0; } .googlesitekit-plugin .googlesitekit-settings-connect-module .googlesitekit-settings-connect-module__switch { float: right; } .googlesitekit-plugin .googlesitekit-settings-connect-module .googlesitekit-settings-connect-module__switch .spinner { margin-top: -5px; } .googlesitekit-plugin .googlesitekit-settings-connect-module .googlesitekit-settings-connect-module__cta { font-size: 14px; letter-spacing: 0.25px; } /** * Settings Consent Mode styles. * * Site Kit by Google, Copyright 2024 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-settings-consent-mode .googlesitekit-settings-consent-mode-switch__enabled-notice, .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-consent-mode-requirements__description { color: #6c726e; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; } .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-consent-mode-switch-description--loading { margin: 14px 0; } .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-consent-mode-requirements__grid { padding: 0; } .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-consent-mode-requirement { border: 1px solid #ebeef0; border-radius: 8px; display: flex; flex-direction: column; height: 100%; padding: 16px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-consent-mode-requirement { padding: 24px; } } .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-consent-mode-requirement h4 { font-size: 16px; font-weight: 500; line-height: 1.25; margin: 0; } .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-consent-mode-requirement__description { flex: 1; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; } .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-notice { border-radius: 8px; display: flex; flex-direction: column; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-notice { flex-direction: row; } } .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-notice .googlesitekit-settings-notice__icon { align-self: start; margin-bottom: 6px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-settings-consent-mode .googlesitekit-settings-notice .googlesitekit-settings-notice__icon { align-self: center; margin-bottom: 0; } } .googlesitekit-plugin .googlesitekit-settings-consent-mode__recommendation-notice { background-color: #dce8ff; color: #2d4a82; font-size: 14px; line-height: 1.43; margin-bottom: 0; margin-top: 8px; } .googlesitekit-plugin .googlesitekit-settings-consent-mode__recommendation-notice svg { color: #6380b8; } .googlesitekit-plugin .googlesitekit-settings-consent-mode-requirement__footer { align-items: flex-start; display: flex; flex: 1; flex-direction: column; justify-content: center; } .googlesitekit-plugin .googlesitekit-settings-consent-mode-requirement__consent-api-detected-wrapper { align-items: center; display: flex; flex-direction: column; gap: 6px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-settings-consent-mode-requirement__consent-api-detected-wrapper { flex-direction: row; gap: 10px; } } .googlesitekit-plugin .googlesitekit-settings-consent-mode-requirement__consent-api-detected-icon { align-items: center; align-self: start; background-color: #b8e5ca; border-radius: 11px; color: #1f4c04; display: flex; height: 22px; justify-content: center; margin-top: 10px; min-width: 22px; width: 22px; } .googlesitekit-plugin .googlesitekit-settings-consent-mode-requirement__consent-api-detected-icon svg { height: 10px; width: 10px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-settings-consent-mode-requirement__consent-api-detected-icon { align-self: center; margin-top: 0; } } .googlesitekit-plugin .googlesitekit-settings-consent-mode-requirement__install-button { padding: 6px 16px; } .googlesitekit-plugin .googlesitekit-settings-consent-mode-requirement__consent-management-plugin-notice { margin-bottom: 0; padding: 10px 16px; } /** * Settings groupstyles. * * Site Kit by Google, Copyright 2024 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-module-settings-group { background-color: #f3f5f7; border-radius: 8px; display: flex; flex-direction: column; gap: 20px; padding: 24px 16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-module-settings-group { padding: 24px; } } .googlesitekit-plugin .googlesitekit-module-settings-group h4 { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.25; margin: 0; } .googlesitekit-plugin .googlesitekit-module-settings-group .googlesitekit-module-settings-group__switch { display: flex; } .googlesitekit-plugin .googlesitekit-module-settings-group .googlesitekit-module-settings-group__switch .mdc-switch { top: 3px; } .googlesitekit-plugin .googlesitekit-module-settings-group .googlesitekit-first-party-mode-toggle__switch-badge { position: relative; top: -2px; } .googlesitekit-plugin .googlesitekit-module-settings-group .googlesitekit-module-settings-group__helper-text { color: #6c726e; flex-basis: 100%; font-size: 12px; margin: 6px 0 0 42px; } .googlesitekit-plugin .googlesitekit-module-settings-group .googlesitekit-analytics-enable-enhanced-measurement--loading { padding-top: 11px; } .googlesitekit-plugin .googlesitekit-module-settings-group .googlesitekit-analytics-enable-enhanced-measurement__progress--settings-edit { margin-bottom: 12px; } /** * Settings meta 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-settings-meta .googlesitekit-settings-meta__profile { align-items: center; display: flex; margin: 16px 0; } @media (min-width: 960px) { .googlesitekit-settings-meta .googlesitekit-settings-meta__profile { margin: 24px 0; } } .googlesitekit-settings-meta .googlesitekit-settings-meta__profile .googlesitekit-cta-link { font-style: italic; } .googlesitekit-settings-meta .googlesitekit-settings-meta__avatar { border-radius: 50%; height: 64px; margin-right: 16px; width: 64px; } @media (min-width: 960px) { .googlesitekit-settings-meta .googlesitekit-settings-meta__avatar { margin-right: 24px; } } .googlesitekit-settings-meta .googlesitekit-settings-meta__user-details { font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-settings-meta .googlesitekit-settings-meta__user { font-weight: 700; margin: 0; } .googlesitekit-settings-meta .googlesitekit-settings-meta__unlink { font-size: 12px; letter-spacing: 0.2px; } /** * Settings module 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-settings-module { border-bottom: 1px solid #ebeef0; position: relative; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__status { align-items: center; color: #161b18; display: flex; font-size: 14px; font-weight: 500; letter-spacing: 0.25px; line-height: 1.43; margin: 0; text-align: right; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__status--not-connected { color: #895a00; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__status-icon { align-items: center; background-color: #46732b; border-radius: 50%; color: #fff; display: flex; height: 19px; justify-content: center; margin-left: 16px; width: 19px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__status-icon--not-connected, .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__status-icon--warning { background-color: #fff; color: #fece72; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__content { border-top: 1px solid #ebeef0; display: none; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__content .mdc-layout-grid__cell { font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__content--open { border: none; display: block; margin-top: -10px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__heading { align-items: center; display: flex; flex-wrap: wrap; row-gap: 12px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__title { align-items: center; display: flex; font-size: 16px; line-height: 1.25; margin: 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__heading-icon { height: auto; margin-right: 16px; width: 40px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__heading-badges { align-items: center; display: flex; flex-wrap: wrap; row-gap: 12px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__footer-cancel { margin-left: 8px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-header { margin: 0 0 8px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__fields-group { border-bottom: 1px solid #ebeef0; margin-bottom: 1em; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__fields-group:last-child, .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__fields-group:has(+ .googlesitekit-module-settings-group) { border-bottom: none; margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__fields-group--read-only { border: none; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__fields-group--read-only > span { font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__fields-group--read-only .mdc-text-field-helper-text { color: #6c726e; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__fields-group--no-border { border: none; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__fields-group-title { font-size: 14px; font-weight: 500; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-items { align-items: stretch; display: flex; flex-wrap: wrap; margin: 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-error-notice__icon { height: 32px; width: 32px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-error-notice__retry-button + .googlesitekit-settings-module__meta-items { margin-top: 14px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-select { margin: 0 16px 16px 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-select { margin: 0 24px 24px 0; } } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item { margin: 0 32px 16px 0; width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item { width: auto; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item { margin: 0 48px 24px 0; } } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item p { font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item .googlesitekit-settings-module__meta-item-type { color: #161b18; font-size: 14px; font-weight: 700; letter-spacing: 0.25px; line-height: 1.33; margin: 0 0 8px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item .googlesitekit-settings-module__meta-item-data { color: #161b18; font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; margin: 0; overflow: hidden; text-overflow: ellipsis; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item .googlesitekit-settings-module__meta-item-data .mdc-linear-progress { margin: 8px 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item .googlesitekit-settings-module__meta-item-data--wrap { word-break: break-all; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item .googlesitekit-settings-module__meta-item-data--tiny { font-size: 12px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.33; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item .googlesitekit-settings-module__meta-item-info { color: #5f6561; font-size: 0.75rem; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item--data-only { align-items: flex-end; display: flex; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__meta-item--nomargin { margin: 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-setup-module--analytics .googlesitekit-settings-module__meta-item--data-only { margin-top: -16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-setup-module--analytics .googlesitekit-settings-module__meta-item--data-only { margin-top: 0; } } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__inline-items { display: flex; flex-wrap: wrap; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__inline-item { margin: 0 1rem 0 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__edit-button-icon svg { color: #6380b8; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__remove-button-icon { color: #cc6240; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__remove-button { align-items: center; display: flex; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__error { background-color: #ac4220; color: #fff; font-weight: 700; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__apikey-cancel { font-size: 12px; letter-spacing: 0.2px; margin-left: 24px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header { cursor: pointer; display: block; padding: 0 32px 0 0; position: relative; width: 100%; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header:focus { outline-offset: 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header .googlesitekit-icon-wrapper { height: 20px; justify-content: center; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 20px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header .googlesitekit-icon-wrapper svg { color: #5b5b61; height: 8px; width: 12px; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header .mdc-button { color: #ebeef0; font-weight: 500; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header .mdc-button:disabled { background-color: rgba(8, 42, 65, 0.08); color: rgba(3, 14, 7, 0.32); } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header .googlesitekit-settings-module__status p { margin: 8px 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header .googlesitekit-settings-module__status--not-connected .mdc-button { margin: -1.5px 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header .googlesitekit-settings-module__status--loading { align-items: center; display: flex; min-width: 150px; padding: 0.5px 0; } .googlesitekit-plugin .googlesitekit-settings-module .googlesitekit-settings-module__header--open .googlesitekit-icon-wrapper { transform: translateY(-50%) rotate(180deg); } .googlesitekit-plugin .googlesitekit-settings-module--active .googlesitekit-overlay { background: rgba(203, 208, 211, 0.75); } .googlesitekit-plugin .googlesitekit-settings-module--error { border: 3px solid #ac4220; } /** * Settings notice 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-settings-notice { background-color: #ffe4b1; border-radius: 16px; color: rgba(0, 0, 0, 0.7); display: flex; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 1.5em 0; padding: 16px; } @media (min-width: 960px) { .googlesitekit-settings-notice { padding-left: 24px; } } .googlesitekit-settings-notice .googlesitekit-settings-notice__body { flex-grow: 1; min-width: 0; } @media (min-width: 600px) { .googlesitekit-settings-notice .googlesitekit-settings-notice__body { display: flex; } } .googlesitekit-settings-notice .googlesitekit-settings-notice__children-container { flex-grow: 1; } .googlesitekit-settings-notice .googlesitekit-settings-notice__icon { line-height: 0; margin-right: 10px; } .googlesitekit-settings-notice .googlesitekit-settings-notice__text { flex-grow: 1; line-height: 20px; max-width: 1098px; } .googlesitekit-settings-notice .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__leading, .googlesitekit-settings-notice .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__notch, .googlesitekit-settings-notice .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing, .googlesitekit-settings-notice .mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .googlesitekit-settings-notice .mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .googlesitekit-settings-notice .mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #b8bdb9; } .googlesitekit-settings-notice .mdc-select:not(.mdc-select--disabled) .mdc-floating-label, .googlesitekit-settings-notice .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: #161b18; } .googlesitekit-settings-notice .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color: #161b18; } .googlesitekit-settings-notice .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-settings-notice .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-settings-notice .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #7f9cd4; } .googlesitekit-settings-notice .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { color: #161b18; } .googlesitekit-settings-notice .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .googlesitekit-settings-notice .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .googlesitekit-settings-notice .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #161b18; } .googlesitekit-settings-notice--single-row .googlesitekit-settings-notice__learn-more { flex-shrink: 0; line-height: 20px; text-align: right; } @media (min-width: 600px) { .googlesitekit-settings-notice--single-row .googlesitekit-settings-notice__learn-more { padding-left: 24px; text-align: inherit; } } .googlesitekit-settings-notice--multi-row .googlesitekit-settings-notice__body { flex-direction: column; } .googlesitekit-settings-notice--multi-row .googlesitekit-settings-notice__inner-row { max-width: 1098px; padding-top: 16px; } @media (min-width: 600px) { .googlesitekit-settings-notice--multi-row .googlesitekit-settings-notice__inner-row { display: flex; padding-top: 24px; } } @media (min-width: 960px) { .googlesitekit-settings-notice--multi-row .googlesitekit-settings-notice__inner-row { padding-top: 24px; } } .googlesitekit-settings-notice--multi-row .googlesitekit-settings-notice__learn-more { flex-shrink: 0; text-align: right; } @media (min-width: 600px) { .googlesitekit-settings-notice--multi-row .googlesitekit-settings-notice__learn-more { display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 4px; padding-right: 12px; text-align: left; } } @media (min-width: 960px) { .googlesitekit-settings-notice--multi-row .googlesitekit-settings-notice__learn-more { margin-left: 24px; } } .googlesitekit-settings-notice--warning { background-color: #ffe4b1; color: rgba(0, 0, 0, 0.7); } .googlesitekit-settings-notice--info { background-color: #ebeef0; color: #161b18; } .googlesitekit-settings-notice--info .googlesitekit-cta-link { color: #108080; } .googlesitekit-settings-notice--suggestion { background-color: #f8faff; color: #7f9cd4; } .googlesitekit-setup-module .googlesitekit-settings-notice, .googlesitekit-setup .googlesitekit-settings-notice { max-width: 1098px; } .googlesitekit-settings-notice-ua-cutoff-warning, .googlesitekit-settings-notice-adsense-status-migration { max-width: none; } .googlesitekit-settings-notice-ua-cutoff-warning .googlesitekit-settings-notice__icon, .googlesitekit-settings-notice-adsense-status-migration .googlesitekit-settings-notice__icon { padding-top: 10px; } .googlesitekit-settings-notice-ua-cutoff-warning .googlesitekit-settings-notice__body, .googlesitekit-settings-notice-adsense-status-migration .googlesitekit-settings-notice__body { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; } .googlesitekit-settings-notice-ua-cutoff-warning .googlesitekit-settings-notice__text, .googlesitekit-settings-notice-adsense-status-migration .googlesitekit-settings-notice__text { flex: 1 1 50%; } .googlesitekit-settings-notice-offline-notice { align-items: center; bottom: 0; gap: 16px; position: fixed; right: 0; z-index: 9; } @media (max-width: 600px) { .googlesitekit-settings-notice-offline-notice { flex-direction: column; gap: 10px; text-align: center; width: 100%; } } .googlesitekit-settings-notice-offline-notice .googlesitekit-settings-notice__text { font-size: 14px; } .googlesitekit-settings-notice-offline-notice .mdc-button { min-height: 35px; } .googlesitekit-settings-notice-ua-cutoff-warning__notice { margin: 0 14px 0 0; } .googlesitekit-settings-notice-adsense-top-earning-pages-widget { align-items: normal; flex-flow: column wrap; gap: 15px; padding-bottom: 24px; padding-top: 24px; } @media (min-width: 960px) { .googlesitekit-settings-notice-adsense-top-earning-pages-widget { align-items: center; flex-direction: row; } } .googlesitekit-settings-notice-adsense-top-earning-pages-widget .googlesitekit-settings-notice__icon { margin-right: 5px; } .googlesitekit-settings-notice-adsense-top-earning-pages-widget .googlesitekit-settings-notice__text { font-size: 14px; font-weight: 500; line-height: 1.14; } .googlesitekit-settings-notice-adsense-top-earning-pages-widget .googlesitekit-settings-notice__inner-row { font-size: 14px; line-height: 1.43; padding-top: 3px; } /** * Settings user input 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-settings-user-input .googlesitekit-settings-user-input__heading-container { border-bottom: 1px solid #ebeef0; margin: 12px 0; padding-bottom: 12px; } .googlesitekit-plugin .googlesitekit-settings-user-input .googlesitekit-settings-user-input__heading { color: #161b18; font-size: 12px; line-height: 1.33; margin: 0; } .googlesitekit-plugin .googlesitekit-settings-user-input .googlesitekit-user-input__preview-contents { overflow: visible; padding: 0; } @media (min-width: 1500px) { .googlesitekit-plugin .googlesitekit-settings-user-input .googlesitekit-user-input__select-options-wrapper { padding-left: unset; } } .googlesitekit-plugin .googlesitekit-user-input__notification-text-loading { margin: 14px 0; } /** * Settings Visitor Groups styles. * * Site Kit by Google, Copyright 2024 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-settings-visitor-groups__setup p { font-size: 14px; line-height: 1.43; margin-top: 0; } .googlesitekit-plugin .googlesitekit-settings-visitor-groups__setup .googlesitekit-cta-link { margin-top: 6px; } .googlesitekit-plugin .googlesitekit-settings-visitor-groups__setup-progress { margin-top: 16px; } .googlesitekit-plugin .googlesitekit-settings-visitor-groups__setup-progress p { margin-bottom: 10px; } .googlesitekit-plugin .googlesitekit-settings-visitor-groups__setup-success { margin-bottom: 30px; } /** * User Input module 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-user-input { margin-bottom: 30px; } .googlesitekit-plugin .googlesitekit-user-input__header { padding-bottom: 30px; padding-top: 30px; } .googlesitekit-plugin .googlesitekit-user-input__header .mdc-layout-grid__inner { align-items: center; } .googlesitekit-plugin .googlesitekit-user-input__heading { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 400; line-height: 1.286; } .googlesitekit-plugin .googlesitekit-user-input__subtitle { color: #6c726e; font-size: 14px; line-height: 1.14; } .googlesitekit-plugin .googlesitekit-user-input__content { padding: 0; } .googlesitekit-plugin .googlesitekit-user-input__content .mdc-linear-progress__buffer { background-color: #f8faff; } .googlesitekit-plugin .googlesitekit-user-input__congrats { background-color: #fff; margin: -10px; padding: 35px; } .googlesitekit-plugin .googlesitekit-user-input__congrats h1 { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-user-input__note { color: #5f6561; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-plugin .googlesitekit-user-input__error { background-color: #ffded3; bottom: 77px; color: #7a1e00; display: flex; gap: 7px; left: 0; margin: 42px 0 0; padding: 1px 30px; position: fixed; right: 0; } .googlesitekit-plugin .googlesitekit-user-input__error .googlesitekit-error-notice__icon { height: 24px; margin: 12px 0; } .googlesitekit-plugin .googlesitekit-user-input__error .googlesitekit-error-text { color: #7a1e00; font-weight: 500; } @media (min-width: 783px) { .googlesitekit-plugin .googlesitekit-user-input__error { left: 160px; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__error { bottom: 97px; left: 160px; padding: 1px 40px; } } .googlesitekit-plugin .googlesitekit-user-input__footer { align-items: center; background-color: #fff; border-top: 1px solid #ebeef0; bottom: 0; display: flex; flex-direction: column; flex-direction: row-reverse; justify-content: space-between; left: 0; margin: 42px 0 0; padding: 18px 14px; position: fixed; right: 0; z-index: 1; } @media (min-width: 783px) { .googlesitekit-plugin .googlesitekit-user-input__footer { left: 160px; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__footer { left: 160px; padding: 28px 24px; } } .googlesitekit-plugin .googlesitekit-user-input__footer-nav { column-gap: 4px; display: flex; } .googlesitekit-plugin .googlesitekit-user-input__footer-cancel { border: none; padding: 0; } .googlesitekit-plugin .googlesitekit-user-input__select-options-wrapper { grid-row: span 2; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__select-options-wrapper { grid-column-start: 9; } } @media (min-width: 1500px) { .googlesitekit-plugin .googlesitekit-user-input__select-options-wrapper { grid-column-start: 7; padding-left: 60px; } } .googlesitekit-plugin p.googlesitekit-user-input__select-instruction { color: #161b18; font-size: 12px; line-height: 1.33; margin: 0; padding-bottom: 15px; } @media (min-width: 600px) { .googlesitekit-plugin p.googlesitekit-user-input__select-instruction { color: #6c726e; font-size: 18px; font-weight: 500; } } .googlesitekit-plugin .googlesitekit-user-input__author p { color: #6c726e; font-size: 12px; letter-spacing: 0.25px; line-height: 1.33; margin: 0 0 3px; } .googlesitekit-plugin .googlesitekit-user-input__author .googlesitekit-user-input__author-info { align-items: center; color: #5f6561; display: flex; font-size: 12px; letter-spacing: 0.2px; margin-top: 4px; } .googlesitekit-plugin .googlesitekit-user-input__author .googlesitekit-user-input__author-info img { border-radius: 50%; height: 24px; margin-right: 8px; width: 24px; } .sb-show-main .googlesitekit-plugin .googlesitekit-user-input__footer, .sb-show-main .googlesitekit-plugin .googlesitekit-user-input__error { left: 0; } @media (min-width: 783px) { .auto-fold .googlesitekit-plugin .googlesitekit-user-input__footer { left: 36px; } } @media (min-width: 960px) { .auto-fold .googlesitekit-plugin .googlesitekit-user-input__footer { left: 160px; padding: 28px 24px; } } .folded .googlesitekit-plugin .googlesitekit-user-input__question .googlesitekit-user-input__footer, .folded .googlesitekit-plugin .googlesitekit-user-input__preview .googlesitekit-user-input__footer { left: 36px; } @media (min-width: 783px) { .auto-fold .googlesitekit-plugin .googlesitekit-user-input__error { left: 36px; } } @media (min-width: 960px) { .auto-fold .googlesitekit-plugin .googlesitekit-user-input__error { left: 160px; } } .folded .googlesitekit-plugin .googlesitekit-user-input__question .googlesitekit-user-input__error, .folded .googlesitekit-plugin .googlesitekit-user-input__preview .googlesitekit-user-input__error { left: 36px; } /** * User Input questions 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-user-input__question, .googlesitekit-plugin .googlesitekit-user-input__preview { background-color: #fff; border-radius: 0 0 24px 24px; } .googlesitekit-plugin .googlesitekit-user-input__question-progress { padding: 0 17px 5px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__question-progress { padding: 0 24px 10px; } } .googlesitekit-plugin .googlesitekit-user-input__question-contents { padding: 17px; position: relative; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__question-contents { padding: 28px 24px; } } .googlesitekit-plugin .googlesitekit-user-input__question-number, .googlesitekit-plugin p.googlesitekit-user-input__preview-subheader { color: #6c726e; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.14; margin-bottom: 10px; } .googlesitekit-plugin .googlesitekit-user-input__question-instructions { display: flex; flex-direction: column; } @media (min-width: 1500px) { .googlesitekit-plugin .googlesitekit-user-input__question-instructions { padding-right: 60px; } } .googlesitekit-plugin .googlesitekit-user-input__question-instructions h1 { color: #161b18; font-size: 14px; font-weight: 500; line-height: 1.33; margin: 0 0 14px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__question-instructions h1 { font-size: 32px; font-weight: 400; line-height: 1.25; margin: 0 0 16px; } } .googlesitekit-plugin .googlesitekit-user-input__question-instructions .googlesitekit-user-input__question-instructions--description { color: #161b18; font-size: 12px; font-weight: 400; letter-spacing: 0.25px; line-height: 1.158; margin: 0 0 1em; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__question-instructions .googlesitekit-user-input__question-instructions--description { font-size: 14px; line-height: 1.43; margin: 0 0 25px; } } .googlesitekit-plugin .googlesitekit-user-input__question-info p { color: #6c726e; font-size: 12px; letter-spacing: 0.25px; line-height: 1.33; margin: 0 0 3px; } .googlesitekit-plugin p.googlesitekit-user-input__question-notice { color: #6c726e; font-size: 12px; font-weight: 400; letter-spacing: 0.25px; line-height: 1.33; margin: 0 0 1em; } @media (min-width: 960px) { .googlesitekit-plugin p.googlesitekit-user-input__question-notice { margin: 0 0 16px; } } .googlesitekit-plugin .googlesitekit-user-input__question--progress { margin: 0 auto; } /** * User Input preview 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-user-input__preview .googlesitekit-user-input__question-instructions--notice { background-color: #cbd0d3; color: #161b18; display: block; font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-user-input__preview .googlesitekit-user-input__question-instructions--notice { display: inline-block; margin: 0; width: auto; } } .googlesitekit-plugin .googlesitekit-user-input__preview-loading { padding: 50px 23px; } .googlesitekit-plugin .googlesitekit-user-input__preview-contents { padding: 17px 17px 26px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__preview-contents { padding: 28px 24px 18px; } } .googlesitekit-plugin p.googlesitekit-user-input__preview-subheader { margin-bottom: 14px; } @media (min-width: 960px) { .googlesitekit-plugin p.googlesitekit-user-input__preview-subheader { margin-bottom: 37px; } } .googlesitekit-plugin .googlesitekit-user-input__preview-notice { padding: 0 17px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__preview-notice { padding: 0 24px; } } .googlesitekit-plugin .googlesitekit-user-input__preview-answers { display: flex; flex-wrap: wrap; gap: 18px 12px; padding-bottom: 8px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__preview-answers { padding-bottom: 11px; } } .googlesitekit-plugin .googlesitekit-user-input__preview-answer { align-items: center; background-color: #b8e5ca; border-radius: 24px; color: #161b18; display: flex; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.25px; line-height: 1.43; padding: 8px 13px; word-break: break-word; } .googlesitekit-plugin .googlesitekit-user-input__preview-group .googlesitekit-user-input__author { margin: 24px 0 28px; } .googlesitekit-plugin .googlesitekit-user-input__preview-group + .googlesitekit-user-input__preview-group { border-top: 1px solid #ebeef0; margin-top: 12px; padding-top: 12px; } .googlesitekit-plugin .googlesitekit-user-input__preview-group-title { display: flex; flex-direction: column-reverse; justify-content: space-between; margin-bottom: 14px; } .googlesitekit-plugin .googlesitekit-user-input__preview-group-title.googlesitekit-user-input__preview-group-title-with-subtitle { margin-bottom: 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__preview-group-title { flex-direction: row; } } .googlesitekit-plugin .googlesitekit-user-input__preview-group-title p { color: #202124; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; margin: 0; } .googlesitekit-plugin .googlesitekit-user-input__preview-group-title button { align-items: center; display: flex; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; gap: 4px; margin-left: auto; padding: 3px 7px 3px 12px; } .googlesitekit-plugin .googlesitekit-user-input__preview-group-title button[disabled] { color: #b8bdb9; } .googlesitekit-plugin .googlesitekit-user-input__preview-group-title button svg { fill: none; transition: transform 0.2s ease-out; } .googlesitekit-plugin .googlesitekit-user-input__preview-group-title button:hover svg, .googlesitekit-plugin .googlesitekit-user-input__preview-group-title button:focus svg { fill: none; } .googlesitekit-plugin .googlesitekit-user-input__preview-group-subtitle p { margin-top: 0; } .googlesitekit-plugin .googlesitekit-user-input__preview-group-subtitle .mdc-layout-grid { padding: 0 0 25px; } .googlesitekit-plugin .googlesitekit-user-input__preview-group-subtitle .googlesitekit-user-input__preview-group-subtitle-component { margin-top: 14px; } .googlesitekit-plugin .googlesitekit-user-input__preview-group--editing .googlesitekit-user-input__preview-group-title button svg { transform: rotate(180deg); } .googlesitekit-plugin .googlesitekit-user-input__preview-actions { align-items: center; column-gap: 4px; display: flex; } .googlesitekit-plugin .googlesitekit-user-input__preview-actions .googlesitekit-cta-link { color: #6c726e; } .googlesitekit-plugin .googlesitekit-user-input__preview-group--individual-cta { position: relative; } .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing) { pointer-events: none; } .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing)::after { background-color: #cbd0d3; content: ""; height: calc(100% + 13px); opacity: 0.75; position: absolute; top: 0; z-index: 1; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing)::after { margin-left: -24px; margin-left: calc(var(--mdc-layout-grid-margin-desktop, 24px) * -1); width: calc(100% + 24px * 2); width: calc(100% + var(--mdc-layout-grid-margin-desktop, 24px) * 2); } } @media (min-width: 601px) and (max-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing)::after { margin-left: -16px; margin-left: calc(var(--mdc-layout-grid-margin-tablet, 16px) * -1); width: calc(100% + 16px * 2); width: calc(100% + var(--mdc-layout-grid-margin-tablet, 16px) * 2); } } @media (max-width: 600px) { .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing)::after { margin-left: -16px; margin-left: calc(var(--mdc-layout-grid-margin-phone, 16px) * -1); width: calc(100% + 16px * 2); width: calc(100% + var(--mdc-layout-grid-margin-phone, 16px) * 2); } } .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing):first-child::after { height: calc(100% + 26px); top: -13px; } .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing):last-child::after { border-radius: 0 0 24px 24px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing):last-child::after { height: calc(100% + 24px); height: calc(100% + var(--mdc-layout-grid-margin-desktop, 24px)); } } @media (min-width: 601px) and (max-width: 960px) { .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing):last-child::after { height: calc(100% + 16px); height: calc(100% + var(--mdc-layout-grid-margin-tablet, 16px)); } } @media (max-width: 600px) { .googlesitekit-plugin .googlesitekit-user-input__preview--editing .googlesitekit-user-input__preview-group--individual-cta:not(.googlesitekit-user-input__preview-group--editing):last-child::after { height: calc(100% + 16px); height: calc(100% + var(--mdc-layout-grid-margin-phone, 16px)); } } /** * User Input controls 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-user-input__select-options { margin: 0 0 20px; max-width: 100%; width: max-content; } .googlesitekit-plugin .googlesitekit-user-input__select-option { align-items: center; display: flex; padding: 20px 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-user-input__select-option { padding: 10px 0; } } .googlesitekit-plugin .googlesitekit-user-input__select-option .mdc-radio { margin-right: 8px; } .googlesitekit-plugin .googlesitekit-user-input__select-option label { color: #161b18; font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; } .googlesitekit-plugin .googlesitekit-user-input__select-option:not(:last-child) { border-bottom: 1px solid #ebeef0; } .googlesitekit-plugin .googlesitekit-user-input__text-options { border: 2px solid #999f9b; border-radius: 4px; margin: 13px 0 8px; padding: 0 12px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-user-input__text-options { margin-top: 0; } } .googlesitekit-plugin .googlesitekit-user-input__text-options > div { margin: 12px; margin-left: 0; } .googlesitekit-plugin .googlesitekit-user-input__text-options svg { color: #fff; } .googlesitekit-plugin .googlesitekit-user-input__text-options .mdc-text-field, .googlesitekit-plugin .googlesitekit-user-input__text-options .mdc-text-field__input { background-color: transparent; } .googlesitekit-plugin .googlesitekit-user-input__text-options .mdc-text-field { height: 32px; width: 100%; } .googlesitekit-plugin .googlesitekit-user-input__text-options .mdc-text-field__input { border: none; margin: 0; padding: 0 6px; } .googlesitekit-plugin .googlesitekit-user-input__text-options .mdc-text-field__input::placeholder { color: #b8bdb9; } .googlesitekit-plugin .googlesitekit-user-input__text-options .mdc-line-ripple { display: none; } .googlesitekit-plugin .googlesitekit-user-input__text-option { align-items: center; background-color: #b8e5ca; border-radius: 8px; color: #265c3b; display: inline-flex; font-size: 14px; font-weight: 500; letter-spacing: 0.25px; line-height: 1.43; padding: 3px 3px 3px 12px; white-space: nowrap; } .googlesitekit-plugin .googlesitekit-user-input__text-option button { border-radius: 100px; margin: 0; min-width: 35px; padding: 0 12px; } .googlesitekit-plugin .googlesitekit-user-input__text-option button svg path { fill: #265c3b; } .googlesitekit-plugin .googlesitekit-user-input__text-option .mdc-text-field { width: auto; } .googlesitekit-plugin .googlesitekit-user-input__text-option .mdc-text-field .mdc-text-field__input { color: #265c3b; font-weight: 500; } .googlesitekit-plugin .googlesitekit-user-input__text-option + div { margin-top: 0; } .googlesitekit-plugin .googlesitekit-user-input__text-options > div:last-child { margin-right: 0; } .googlesitekit-plugin .googlesitekit-user-input__buttons button { letter-spacing: 0.25px; } .googlesitekit-plugin .googlesitekit-user-input__buttons button.mdc-button { border: none; padding: 10px 16px; } .googlesitekit-plugin .googlesitekit-user-input__buttons button.googlesitekit-cta-link { color: #6c726e; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-user-input__buttons button span.googlesitekit-user-input__responsive-text { display: none; } } /** * Full screen metric selection app styles. * * Site Kit by Google, Copyright 2024 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-metric-selection .googlesitekit-user-input__footer-container--fullscreen { bottom: 0; left: 160px; position: fixed; width: calc(100vw - 160px); z-index: 99; } .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen .googlesitekit-selection-panel-footer { background: #fff; border-top: 1px solid #ebeef0; bottom: 0; padding: 24px 36px; position: static; } .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen .googlesitekit-selection-panel-footer .googlesitekit-selection-panel-footer__content { margin-top: 0; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen .googlesitekit-selection-panel-footer .googlesitekit-selection-panel-footer__item-count { order: 1; text-align: left; width: 100%; } } .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen .googlesitekit-selection-panel-footer .googlesitekit-selection-panel-footer__actions { justify-content: space-between; width: 100%; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen .googlesitekit-selection-panel-footer .googlesitekit-selection-panel-footer__actions { flex-wrap: wrap; justify-content: flex-end; } } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen .googlesitekit-selection-panel-footer .googlesitekit-selection-panel-footer__actions button { order: 2; } } .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen .googlesitekit-selection-panel-error { padding: 14px 48px; } .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-module-page .googlesitekit-user-input__content { margin-bottom: 30px; padding-bottom: 30px; } .sb-show-main .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen { left: 0; width: 100vw; } .auto-fold .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen { left: 0; width: 100vw; } @media (min-width: 783px) { .auto-fold .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen { left: 36px; width: calc(100vw - 36px); } } @media (min-width: 960px) { .auto-fold .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen { left: 160px; width: calc(100vw - 160px); } } .folded .googlesitekit-plugin .googlesitekit-metric-selection .googlesitekit-user-input__footer-container--fullscreen { left: 36px; width: calc(100vw - 36px); } /** * TourTooltip component 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-showing-feature-tour .react-joyride__overlay { mix-blend-mode: multiply !important; } .googlesitekit-showing-feature-tour .react-joyride__spotlight { border-radius: 16px !important; } .googlesitekit-tour-tooltip .googlesitekit-tooltip-card { --mdc-theme-surface: #3c7251; border-radius: 8px; box-shadow: none; color: #fff; position: relative; } .googlesitekit-tour-tooltip .googlesitekit-tooltip-card a { -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-tour-tooltip .googlesitekit-tooltip-card a:active, .googlesitekit-tour-tooltip .googlesitekit-tooltip-card a:hover, .googlesitekit-tour-tooltip .googlesitekit-tooltip-card a:visited { color: #fff; } .googlesitekit-tour-tooltip .googlesitekit-tooltip-card a:focus { box-shadow: none; outline: 1px dotted #fff; outline-offset: 3px; } .googlesitekit-tour-tooltip .googlesitekit-tooltip-card svg { color: #fff; } .googlesitekit-tooltip-title { color: #fff; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; line-height: 1.5; margin-bottom: 4px; margin-top: 0; } .googlesitekit-tooltip-body { box-sizing: border-box; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0.25px; line-height: 1.43; max-width: 352px; padding: 24px 56px 2px 24px; } .googlesitekit-tooltip-buttons { line-height: 1em; } .googlesitekit-tooltip-button, .googlesitekit-tooltip-button:not(:disabled) { color: #fff; height: auto; letter-spacing: normal; line-height: 1em; min-width: initial; padding: 0; text-transform: none; } .googlesitekit-tooltip-button:focus { outline: 1px dotted #fff; outline-offset: 6px; } .googlesitekit-tooltip-button:not(:first-of-type) { margin-left: 28px; } .googlesitekit-tooltip-close { height: auto; min-width: auto; padding: 0; position: absolute; right: 29px; top: 29px; } .googlesitekit-tooltip-close:focus { outline: 1px dotted #fff; outline-offset: 6px; } .googlesitekit-tooltip-close .mdc-button__label { display: none; } .mdc-card__actions.googlesitekit-tooltip-actions { align-items: center; display: flex; justify-content: space-between; padding: 12px 24px 18px; text-align: right; } .googlesitekit-tooltip-indicators { display: flex; margin: 0; margin-right: 16px; padding: 0; } .googlesitekit-tooltip-indicator { background: #fff; border-radius: 50%; height: 8px; list-style: none; margin-bottom: 0; margin-right: 8px; opacity: 0.5; width: 8px; } .googlesitekit-tooltip-indicator.active { opacity: 1; } /** * Dashboard Sharing Feature Tour 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. */ body.googlesitekit-showing-feature-tour--dashboardSharing { /* Joyride requires that a step's target is visible before initializing the step and uses window.getComputedStyle to check all the target's parents are visible. This is somewhat of a hack around this limitation by forcing the modal to be displayed but still hidden by putting it behind/underneath everything else until it is opened when called for in the tour. */ } body.googlesitekit-showing-feature-tour--dashboardSharing .googlesitekit-sharing-settings-dialog .mdc-dialog__container, body.googlesitekit-showing-feature-tour--dashboardSharing .googlesitekit-sharing-settings-dialog .mdc-dialog__scrim { opacity: 1; transform: none; } body.googlesitekit-showing-feature-tour--dashboardSharing .googlesitekit-sharing-settings-dialog:not(.mdc-dialog--open):not(.mdc-dialog--opening) { display: flex !important; opacity: 0; z-index: -99; } /** * Site Kit by Google, Copyright 2024 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. */ /** * Ads Conversion Tracking ID styles. * * Site Kit by Google, Copyright 2024 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-text-field-conversion-tracking-id .googlesitekit-text-field-conversion-tracking-id-prefix.mdc-text-field__icon { color: #161b18; left: 20px; top: 17.5px; } /** * Ads Setup styles. * * Site Kit by Google, Copyright 2024 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-setup-module--ads .googlesitekit-settings-module__fields-group { width: 100%; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-settings-module__fields-group-title { font-size: 14px; font-weight: 500; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module__inputs > .googlesitekit-settings-module__fields-group { margin: 0; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module__create-account { margin: 16px 0 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module__create-account { margin: 24px 0 0; } } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module__action { margin-bottom: 32px; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container { align-items: center; position: relative; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .googlesitekit-setup-module__action { margin-bottom: 0; margin-top: 20px; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container h3 { margin-top: 0; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .align-top { align-self: flex-start; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .instructions { margin-top: 5px; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .divider { align-items: center; display: flex; height: 28px; justify-content: center; margin: 10px 0 28px; position: relative; text-align: center; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .divider { display: initial; height: 100%; margin: unset; } } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .divider-line { background: #ebeef0; height: 1px; position: absolute; width: 100%; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .divider-line { height: 100%; left: 50%; top: 0; width: 1px; } } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .divider-label { background-color: #fff; color: #6c726e; display: block; font-size: 12px; padding: 6px 20px; position: relative; z-index: 2; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .divider-label { top: 82px; } } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .googlesitekit-ads-setup__form { margin-top: 20px; } @media (min-width: 961px) and (max-width: 1130px) { .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .googlesitekit-ads-setup__form.googlesitekit-ads-setup__form--pax .googlesitekit-text-field-conversion-tracking-id { /** * Override the default (framework) text field styles on these screens * to prevent input flowing outside of the container or being too narrow. */ width: 100%; } } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container .googlesitekit-ads-setup__form .googlesitekit-ads-setup__ads-id-conflict-warning { margin-top: 12px; } .googlesitekit-plugin .googlesitekit-setup-module--ads .googlesitekit-setup-module--ads--setup-container button.googlesitekit-button-icon--spinner svg circle { stroke: rgba(0, 0, 0, 0.37); } .googlesitekit-plugin .googlesitekit-setup-module--ads.has-pax-flow .mdc-layout-grid__inner { grid-template-columns: 1fr; } /** * Ads Settings styles. * * Site Kit by Google, Copyright 2024 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-ads-settings-fields .googlesitekit-settings-module__fields-group-title { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-ads-settings-fields p.googlesitekit-settings-module__fields-group-helper-text { color: #6c726e; font-size: 14px; font-weight: 400; margin-bottom: 20px; margin-top: 6px; } .googlesitekit-plugin .googlesitekit-ads-settings-fields p.mdc-dialog__lead { font-size: 14px; } .googlesitekit-plugin .googlesitekit-ads-settings-fields .googlesitekit-setup-module__inputs { margin-bottom: 34px; } /** * Consent Mode Setup CTA styles. * * Site Kit by Google, Copyright 2024 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-setup-cta-banner--ads-setup-cta .googlesitekit-warning-notice { padding: 8px 16px; } .googlesitekit-plugin .googlesitekit-setup-cta-banner--ads-setup-cta .googlesitekit-publisher-win__desc p { font-size: 14px; letter-spacing: 0.25px; line-height: 1.5; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--ads-setup-cta .googlesitekit-publisher-win__desc p { font-size: 16px; letter-spacing: 0.5px; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner--ads-setup-cta .googlesitekit-publisher-win__desc p a { font-weight: 500; } .googlesitekit-plugin .googlesitekit-setup-cta-banner--ads-setup-cta .googlesitekit-setup-cta-banner__svg-wrapper--ads-setup-cta { display: flex; height: 100%; justify-content: center; position: relative; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--ads-setup-cta .googlesitekit-setup-cta-banner__svg-wrapper--ads-setup-cta { padding-top: 24px; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--ads-setup-cta .googlesitekit-setup-cta-banner__svg-wrapper--ads-setup-cta { padding-top: unset; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner--ads-setup-cta .googlesitekit-setup-cta-banner__svg-wrapper--ads-setup-cta svg { height: 100%; max-height: 143px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--ads-setup-cta .googlesitekit-setup-cta-banner__svg-wrapper--ads-setup-cta svg { max-height: unset; max-width: 100%; position: absolute; right: 34px; } } @media (min-width: 1440px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--ads-setup-cta .googlesitekit-setup-cta-banner__svg-wrapper--ads-setup-cta svg { right: 50px; } } /** * PAX Embedded App styles. * * Site Kit by Google, Copyright 2024 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 .googlesitekit-pax-embedded-app .card-content { padding: 0; } .googlesitekit-plugin .googlesitekit-widget .googlesitekit-pax-embedded-app .mdc-card.card { border-radius: 16px; box-shadow: none; margin-top: 0; max-width: unset; padding: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget .googlesitekit-pax-embedded-app .mdc-card.card { padding: 24px; } } .googlesitekit-plugin .googlesitekit-widget .googlesitekit-pax-embedded-app .mdc-card.card .notification { margin-top: 0; } /** * Ads WooCommerce redirect modal styles. * * Site Kit by Google, Copyright 2025 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. */ @media (min-width: 600px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__surface { padding: 40px; } } @media (min-width: 960px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__surface { max-width: 554px; } } @media (min-width: 960px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect.googlesitekit-dialog-woocommerce-redirect--ads-connected .mdc-dialog__surface { max-width: 608px; } } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .googlesitekit-dialog-woocommerce-redirect__svg-wrapper { margin-bottom: 10px; text-align: center; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .googlesitekit-dialog-woocommerce-redirect__svg-wrapper svg { display: inline-block; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__title { font-size: 28px; font-weight: 400; line-height: 1.286; padding: 0 0 10px; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions { gap: 5px; justify-content: center; } @media (min-width: 880px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions { gap: 10px; } } @media (min-width: 960px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions { justify-content: flex-end; } } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions .mdc-button--raised svg { margin-left: 6px; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions button .MuiCircularProgress-colorPrimary { color: #fff; margin-right: 5px; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions button .MuiCircularProgress-colorPrimary svg { margin: 0; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions button.mdc-button--tertiary .MuiCircularProgress-colorPrimary { color: #6c726e; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions a.mdc-button--tertiary, .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions button.mdc-button--tertiary { border-radius: 100px; } .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions a.mdc-button--tertiary > svg, .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions button.mdc-button--tertiary > svg { margin-left: 5px; } @media (max-width: 599px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions a.mdc-button--tertiary { padding: 8px 5px; text-align: center; } } @media (min-width: 389px) and (max-width: 599px) { .googlesitekit-plugin .mdc-dialog.googlesitekit-dialog-woocommerce-redirect .mdc-dialog__actions a.mdc-button--tertiary { padding: 8px 10px; } } /** * 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. */ /** * 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-widget--adBlockingRecovery .googlesitekit-publisher-win, .googlesitekit-plugin .googlesitekit-widget--adBlockingRecovery .mdc-layout-grid { padding: 0; } .googlesitekit-plugin .googlesitekit-widget--adBlockingRecovery__content { margin-bottom: 30px; } .googlesitekit-plugin .googlesitekit-widget--adBlockingRecovery__content p { margin: 10px 0 0; } .googlesitekit-plugin .googlesitekit-widget--adBlockingRecovery__graphics { text-align: center; } .googlesitekit-plugin .googlesitekit-widget--adBlockingRecovery__graphics p { color: #6c726e; font-size: 12px; margin: 0 34px; } @media (max-width: 600px) { .googlesitekit-plugin .googlesitekit-widget--adBlockingRecovery__graphics { text-align: left; } .googlesitekit-plugin .googlesitekit-widget--adBlockingRecovery__graphics p { margin: 0; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__complete-content { padding-left: 35px; } } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__complete-content p { color: #6c726e; font-size: 16px; letter-spacing: 0.25px; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__hero-graphic { margin: 0 2rem; text-align: center; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__hero-graphic svg { max-width: 400px; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__footer { border-top: 1px solid #ebeef0; display: flex; flex-direction: column; justify-content: space-between; margin: 42px 0 0; padding: 14px 24px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__footer { align-items: center; flex-direction: row; } } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__complete-actions .mdc-button { margin-right: 10px; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__footer-nav { align-items: center; column-gap: 20px; display: flex; padding: 17px 17px 33px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__footer-nav { flex-direction: reverse; padding: 0; } } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__footer-cancel button { color: #6c726e; } .googlesitekit-plugin .googlesitekit-settings-notice-ad-blocking-recovery-cta { align-items: center; flex-wrap: wrap; margin-top: 24px; padding: 24px; row-gap: 15px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-settings-notice-ad-blocking-recovery-cta { flex-wrap: nowrap; } } .googlesitekit-plugin .googlesitekit-settings-notice-ad-blocking-recovery-cta .googlesitekit-settings-notice__icon { margin-right: 20px; } .googlesitekit-plugin .googlesitekit-settings-notice-ad-blocking-recovery-cta .googlesitekit-settings-notice__text { font-size: 14px; font-weight: 500; line-height: 1.14; } .googlesitekit-plugin .googlesitekit-settings-notice-ad-blocking-recovery-cta .googlesitekit-settings-notice__inner-row { flex-wrap: wrap; font-size: 14px; line-height: 1.43; padding-top: 3px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-settings-notice-ad-blocking-recovery-cta .googlesitekit-settings-notice__button { margin-left: 25px; white-space: nowrap; } } .googlesitekit-plugin .googlesitekit-settings-module__ad-blocking-recovery-toggles { margin-top: 20px; } .googlesitekit-plugin .googlesitekit-settings-module__ad-blocking-recovery-toggles .googlesitekit-settings-module__meta-item { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-settings-module__ad-blocking-recovery-toggles .googlesitekit-settings-module__meta-item p { left: 42px; margin-top: 10px; position: relative; } .googlesitekit-plugin .googlesitekit-settings-module__ad-blocking-recovery-toggles .googlesitekit-settings-notice { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__step .googlesitekit-stepper__step-content > p { color: #6c726e; font-size: 16px; letter-spacing: 0.25px; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__step .googlesitekit-stepper__step-content > p:first-child { margin-top: 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__step .googlesitekit-stepper__step-content > p:first-child { margin-top: 8px; } } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__step-place-tags p.googlesitekit-ad-blocking-recovery__error-protection-tag-info { font-size: 14px; line-height: 1.43; margin: 0 0 20px 34px; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__step-create-message .googlesitekit-ad-blocking-recovery__create-message-footer-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 26px; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__step-create-message .googlesitekit-ad-blocking-recovery__create-message-footer-actions .googlesitekit-cta-link { color: #6c726e; font-weight: 500; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__step-create-message .googlesitekit-ad-blocking-recovery__create-message-footer { display: inline-block; margin-top: 12px; } .googlesitekit-plugin .googlesitekit-ad-blocking-recovery__step-create-message p.googlesitekit-ad-blocking-recovery__create-message-footer-note { color: #6c726e; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin-top: 24px; } /** * AdSense Alerts styles. * * Site Kit by Google, Copyright 2024 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-adsense-alert.googlesitekit-publisher-win .googlesitekit-publisher-win__module-name { font-size: 16px; } .googlesitekit-plugin .googlesitekit-adsense-alert .googlesitekit-publisher-win__image-small svg { width: 68px; } /** * GA4 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. */ /** * GA4 ReminderBanner 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-ga4-reminder-banner .googlesitekit-publisher-win__desc { align-items: center; display: inline-flex; } .googlesitekit-plugin .googlesitekit-ga4-reminder-banner .googlesitekit-publisher-win__desc .googlesitekit-ga4-reminder-banner__description-icon { margin-right: 10px; vertical-align: middle; } .googlesitekit-plugin .googlesitekit-ga4-reminder-banner .googlesitekit-publisher-win__desc .googlesitekit-ga4-reminder-banner__description-icon--info path { fill: #3c7251; } .googlesitekit-plugin .googlesitekit-ga4-reminder-banner .googlesitekit-publisher-win__desc .googlesitekit-ga4-reminder-banner__description-icon--error path { fill: #ac4220; } .googlesitekit-plugin .googlesitekit-ga4-reminder-banner .googlesitekit-publisher-win__icon { min-height: 22px; } .googlesitekit-plugin .googlesitekit-ga4-reminder-banner .googlesitekit-publisher-win__secondary-pane { margin: 0; } .googlesitekit-plugin .googlesitekit-ga4-reminder-banner .googlesitekit-publisher-win__secondary-pane .googlesitekit-publisher-win__secondary-pane-title { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; margin: 8px 0 0; } .googlesitekit-plugin .googlesitekit-ga4-reminder-banner .googlesitekit-publisher-win__secondary-pane .googlesitekit-publisher-win__secondary-pane-list li { color: #757575; display: flex; max-width: 22rem; } .googlesitekit-plugin .googlesitekit-ga4-reminder-banner .googlesitekit-publisher-win__secondary-pane .googlesitekit-publisher-win__secondary-pane-list li svg { fill: currentColor; flex: none; margin-right: 8px; } /** * GA4 SetupBanner 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-ga4-setup-banner .googlesitekit-publisher-win__title { font-size: 18px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-ga4-setup-banner .googlesitekit-publisher-win__title { max-width: 66.67%; } } .googlesitekit-plugin .googlesitekit-ga4-setup-banner .googlesitekit-publisher-win__footer p, .googlesitekit-plugin .googlesitekit-ga4-setup-banner .googlesitekit-publisher-win__footer ul { color: #757575; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-ga4-setup-banner .googlesitekit-publisher-win__footer p, .googlesitekit-plugin .googlesitekit-ga4-setup-banner .googlesitekit-publisher-win__footer ul { max-width: 66.67%; } } .googlesitekit-plugin .googlesitekit-ga4-setup-banner .googlesitekit-ga4-setup-banner__field-group { align-items: center; column-gap: 30px; display: flex; flex-wrap: wrap; margin: 25px 0 10px; row-gap: 24px; } .googlesitekit-plugin .googlesitekit-ga4-setup-banner__footer-text-list { list-style-type: none; margin: 0; } .googlesitekit-plugin .googlesitekit-ga4-setup-banner__footer-text-list li { font-size: 14px; letter-spacing: 0.25px; line-height: 1.5; margin: 0.5em 0; } .googlesitekit-plugin .googlesitekit-ga4-setup-banner__footer-text-list li:first-child { margin-top: 1em; } /** * Analytics Settings 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-settings-module--analytics-4 .googlesitekit-settings-module__fields-group-title + .googlesitekit-setup-module__inputs .googlesitekit-analytics__select-account, .googlesitekit-plugin .googlesitekit-settings-module--analytics-4 .googlesitekit-settings-module__fields-group-title + .googlesitekit-setup-module__inputs .googlesitekit-analytics-4__select-property, .googlesitekit-plugin .googlesitekit-settings-module--analytics-4 .googlesitekit-settings-module__fields-group-title + .googlesitekit-setup-module__inputs .googlesitekit-analytics-4__select-webdatastream { margin-top: 8px; } .googlesitekit-plugin .googlesitekit-settings-module--analytics-4 .googlesitekit-analytics-enable + .googlesitekit-setup-module__inputs .googlesitekit-analytics__select-property, .googlesitekit-plugin .googlesitekit-settings-module--analytics-4 .googlesitekit-analytics-enable + .googlesitekit-setup-module__inputs .googlesitekit-analytics__select-profile { margin-top: 8px; } .googlesitekit-plugin .googlesitekit-settings-module--analytics-4 .googlesitekit-settings-analytics-ads-conversion-id-notice { align-items: center; display: flex; margin: 16px 0 0; padding: 14px 24px; } .googlesitekit-plugin .googlesitekit-settings-module--analytics-4 .googlesitekit-settings-analytics-ads-conversion-id-notice .googlesitekit-settings-notice__icon { margin-right: 16px; } .googlesitekit-plugin .googlesitekit-settings-module--analytics-4 .googlesitekit-settings-analytics-ads-conversion-id-notice .googlesitekit-settings-notice__text { font-size: 14px; font-weight: 500; } .googlesitekit-plugin .googlesitekit-settings-module--analytics-4 .googlesitekit-settings-analytics-ads-conversion-id-notice .googlesitekit-settings-notice__button button { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; } /** * Analytics Setup 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-setup-module--analytics .googlesitekit-analytics-enable + .googlesitekit-setup-module__inputs .googlesitekit-analytics__select-property, .googlesitekit-plugin .googlesitekit-setup-module--analytics .googlesitekit-analytics-enable + .googlesitekit-setup-module__inputs .googlesitekit-analytics__select-profile { margin-top: 8px; } .googlesitekit-plugin .googlesitekit-setup-module--analytics .googlesitekit-setup-module__inputs--multiline .googlesitekit-analytics-webdatastreamname { margin-bottom: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--analytics .googlesitekit-setup-module__inputs--multiline .googlesitekit-analytics-webdatastreamname { margin-bottom: 24px; } } /** * Enhanced Measurement 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-analytics-enable-enhanced-measurement__already-enabled-label { display: flex; gap: 6px; margin-top: 1px; } .googlesitekit-plugin .googlesitekit-analytics-enable-enhanced-measurement__already-enabled-tick { align-items: center; background-color: #3c7251; border-radius: 11px; color: #fff; display: flex; flex-shrink: 0; height: 20px; justify-content: center; margin-left: 16px; width: 20px; } .googlesitekit-plugin .googlesitekit-analytics-enable-enhanced-measurement__already-enabled-tick svg { height: 10px; width: 10px; } .googlesitekit-plugin .googlesitekit-analytics-enable-enhanced-measurement--loading { padding-top: 10px; } .googlesitekit-plugin .googlesitekit-analytics-enable-enhanced-measurement__progress--settings-edit { margin: 0 0 21px; } .googlesitekit-plugin .googlesitekit-analytics-enable-enhanced-measurement__progress--settings-view { margin: 0 0 13px; } .googlesitekit-plugin .googlesitekit-enhanced-measurement-setup-banner svg, .googlesitekit-plugin .googlesitekit-enhanced-measurement-success-banner svg { max-height: 175px; } .googlesitekit-plugin .googlesitekit-enhanced-measurement-setup-banner__footer-notice { color: #757575; font-size: 14px; letter-spacing: 0.25px; line-height: 1.5; margin: 1em 0 0.5em; } /** * Audience Segmentation Setup CTA styles. * * Site Kit by Google, Copyright 2024 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. */ @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__primary-cell { padding-left: 24px; padding-right: 24px; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__primary-cell { padding: 24px; } } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__primary-cell { padding-bottom: 0; } } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__primary-cell .googlesitekit-setup-cta-banner__title { font-size: 16px; font-weight: 500; margin-bottom: 10px; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__primary-cell .googlesitekit-setup-cta-banner__title { margin-bottom: 8px; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__primary-cell .googlesitekit-setup-cta-banner__title { font-size: 22px; font-weight: 400; line-height: 1.27; margin-bottom: 25px; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__primary-cell p { margin-top: 0; } } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__primary-cell p { font-size: 12px; margin-top: 0; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__actions-wrapper { align-items: center; display: flex; flex-wrap: wrap; gap: 4px; margin: 25px 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__actions-wrapper { margin: 25px 0 0; } } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__actions-wrapper { gap: 10px; } } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__actions-wrapper a, .googlesitekit-plugin .googlesitekit-setup-cta-banner--audience_segmentation_setup_cta-notification .googlesitekit-setup-cta-banner__actions-wrapper button { font-weight: 500; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--audience_segmentation_setup_cta-notification { bottom: -5px; position: relative; } /** * Audience Segmentation Tile styles. * * Site Kit by Google, Copyright 2024 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-audience-segmentation-tile { margin-bottom: 16px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__header { align-items: center; border-bottom: 1px solid #ebeef0; color: #161b18; display: flex; font-size: 14px; justify-content: space-between; line-height: 16px; padding: 25px; width: 100%; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__header .googlesitekit-info-tooltip { color: #108080; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__header .googlesitekit-audience-segmentation-tile__header-title { display: flex; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__header .googlesitekit-audience-segmentation-tile__header-title .googlesitekit-info-tooltip { display: inline-block; height: 16px; margin-left: 5px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__metrics > .googlesitekit-audience-segmentation-partial-data-notice { margin: 16px 16px 10px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric { border-bottom: 1px solid #ebeef0; display: flex; margin: 0 16px; padding: 12px 0; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric { margin: 0 24px; } } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric:last-child { border-bottom: none; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric .googlesitekit-audience-segmentation-tile-metric__icon { align-items: center; color: #6c726e; display: flex; margin-right: 4px; min-width: 36px; width: 36px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric .googlesitekit-audience-segmentation-tile-metric__icon svg { height: 20px; width: 20px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric .googlesitekit-audience-segmentation-tile-metric__icon { justify-content: center; min-width: 52px; width: 52px; } } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric .googlesitekit-audience-segmentation-tile-metric__container { flex-grow: 1; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric .googlesitekit-audience-segmentation-tile-metric__container .googlesitekit-audience-segmentation-tile-metric__value { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 400; line-height: 32px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric .googlesitekit-audience-segmentation-tile-metric__container .googlesitekit-audience-segmentation-tile-metric__title { color: #6c726e; font-size: 14px; font-weight: 400; letter-spacing: 0.25px; line-height: 20px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric .googlesitekit-audience-segmentation-tile-metric__badge-container { align-items: center; display: flex; flex-direction: row; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric .googlesitekit-audience-segmentation-tile-metric__badge-container .googlesitekit-change-badge { margin-top: 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--cities .googlesitekit-audience-segmentation-tile-metric__container { min-width: 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--cities .googlesitekit-audience-segmentation-tile-metric__content { display: grid; gap: 16px; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; margin-top: 12px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--cities .googlesitekit-audience-segmentation-tile-metric__content { gap: 10px; } } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--cities .googlesitekit-audience-segmentation-tile-metric__content .googlesitekit-audience-segmentation-tile-metric__cities-metric .googlesitekit-audience-segmentation-tile-metric__cities-metric-name { color: #161b18; font-size: 14px; font-weight: 500; line-height: 1.14; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--cities .googlesitekit-audience-segmentation-tile-metric__content .googlesitekit-audience-segmentation-tile-metric__cities-metric .googlesitekit-audience-segmentation-tile-metric__cities-metric-value { color: #161b18; font-size: 14px; font-weight: 400; line-height: 1.43; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile-metric__title { height: 20px; line-height: 20px; margin-bottom: 10px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile-metric__title:has(.googlesitekit-audience-segmentation-partial-data-badge) { align-items: center; display: flex; height: auto; justify-content: space-between; margin: 4px 0 14px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-cta-link, .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile__top-content-metric-name { margin-right: 30px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile-metric__container, .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-cta-link { min-width: 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile-metric__container .googlesitekit-cta-link__contents, .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile-metric__container .googlesitekit-audience-segmentation-tile__top-content-metric-name, .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-cta-link .googlesitekit-cta-link__contents, .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-cta-link .googlesitekit-audience-segmentation-tile__top-content-metric-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile-metric__page-metric-container { display: flex; font-size: 12px; justify-content: space-between; line-height: 1.33; margin: 6px 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile-metric__content .googlesitekit-audience-segmentation-partial-data-notice { margin-top: 10px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile-metric__content .googlesitekit-audience-segmentation-tile-metric__no-data p { color: #161b18; font-size: 12px; font-weight: 400; line-height: 16px; margin: 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile-metric.googlesitekit-audience-segmentation-tile-metric--top-content .googlesitekit-audience-segmentation-tile-metric__content .googlesitekit-audience-segmentation-tile-metric__no-data .mdc-button { font-weight: 500; margin-top: 8px; min-height: 32px; padding: 6px 16px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile.googlesitekit-audience-segmentation-tile--partial-data .googlesitekit-audience-segmentation-tile__header { padding: 19px 25px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__zero-data-container { align-items: center; display: flex; flex-direction: column; text-align: center; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__zero-data-container .googlesitekit-audience-segmentation-tile__header { border-bottom: none; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__zero-data-container .googlesitekit-audience-segmentation-tile__zero-data-content { padding: 155px 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__zero-data-container .googlesitekit-audience-segmentation-tile__zero-data-image { margin-bottom: 20px; width: 106px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__zero-data-container .googlesitekit-audience-segmentation-tile__zero-data-description { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 1.14; margin: 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile .googlesitekit-audience-segmentation-tile__zero-data-container .googlesitekit-audience-segmentation-tile-hide-cta { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; margin: 6px 0; padding: 6px 12px; white-space: nowrap; } /** * Audience Segmentation Loading styles. * * Site Kit by Google, Copyright 2024 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-audience-segmentation-tile-loading { margin: 16px 16px 20px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-loading { margin: 24px 24px 28px; } } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-loading .googlesitekit-preview-block { margin: 22px 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-loading .googlesitekit-preview-block:first-of-type { display: none; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-loading .googlesitekit-preview-block:last-of-type { margin-bottom: 31px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-loading .googlesitekit-preview-block { margin: 24px 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-loading .googlesitekit-preview-block:first-of-type { display: flex; margin-bottom: 35px; } } /** * Audience Segmentation Tile Error styles. * * Site Kit by Google, Copyright 2024 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-audience-segmentation-tile-error { background-color: #fff; border: 2px solid #ac4220; border-radius: 16px; padding: 155px 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-error .googlesitekit-audience-segmentation-tile-error__container { align-items: center; display: flex; flex-direction: column; gap: 24px; margin: 16px auto; text-align: center; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-error .googlesitekit-audience-segmentation-tile-error__container .googlesitekit-audience-segmentation-tile-error__image { width: 190px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-error .googlesitekit-audience-segmentation-tile-error__container .googlesitekit-audience-segmentation-tile-error__body .googlesitekit-audience-segmentation-tile-error__title { color: #161b18; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 1.14; margin-top: 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-error .googlesitekit-audience-segmentation-tile-error__container .googlesitekit-audience-segmentation-tile-error__body .googlesitekit-audience-segmentation-tile-error__actions .googlesitekit-report-error-actions { color: #6c726e; flex-direction: column-reverse; font-size: 12px; font-weight: 400; line-height: 1.33; margin: 0 16px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-error .googlesitekit-audience-segmentation-tile-error__container .googlesitekit-audience-segmentation-tile-error__body .googlesitekit-audience-segmentation-tile-error__actions .googlesitekit-report-error-actions .mdc-button { font-weight: 500; min-height: 32px; padding: 6px 16px; } /** * Audience Segmentation Tile Placeholder styles. * * Site Kit by Google, Copyright 2024 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-audience-segmentation-tile-placeholder { min-height: 542px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-placeholder .googlesitekit-widget__body { align-items: center; display: flex; justify-content: center; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-placeholder__container { align-items: center; display: flex; flex-direction: column; gap: 24px; max-width: 340px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-placeholder__image { max-width: 245px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-placeholder__body { text-align: center; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-placeholder__body--without-selectable-audiences { margin-top: 10px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-tile-placeholder__title { color: #161b18; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 1.14; margin: 0 0 6px; } .googlesitekit-plugin p.googlesitekit-audience-segmentation-tile-placeholder__description { color: #6c726e; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.33; margin: 0; } .googlesitekit-plugin p.googlesitekit-audience-segmentation-tile-placeholder__description .googlesitekit-cta-link { font-weight: 500; } .googlesitekit-audience-segmentation-info-notice { align-items: center; background-color: #fff; border-radius: 16px; display: flex; gap: 20px; justify-content: space-between; padding: 16px; } @media (min-width: 960px) { .googlesitekit-audience-segmentation-info-notice { padding: 16px 40px; } } .googlesitekit-audience-segmentation-info-notice svg { flex-shrink: 0; } .googlesitekit-widget--InfoNoticeWidget svg { color: #fece72; } .googlesitekit-audience-segmentation-info-notice__body { align-items: center; display: flex; flex-grow: 1; flex-wrap: wrap; gap: 0 60px; min-width: 0; } .googlesitekit-audience-segmentation-info-notice__body p { flex-basis: 400px; flex-grow: 1; } .googlesitekit-audience-segmentation-info-notice__dismiss { flex-shrink: 0; margin-left: auto; } /** * Audience Segmentation Full Width Error styles. * * Site Kit by Google, Copyright 2024 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-audience-segmentation-error-widget { border: 2px solid #ac4220; } .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-audience-segmentation-error__widget-primary-cell { padding: 20px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-audience-segmentation-error__widget-primary-cell { padding: 20px 36px; } } .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-publisher-win__title { display: grid; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.33; margin: 0 0 14px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-publisher-win__title { place-content: start; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-publisher-win__title { margin: 14px 0; } } .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-report-error-actions { align-items: flex-start; display: flex; flex-direction: column-reverse; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-report-error-actions { padding-bottom: 10px; } } .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-report-error-actions .mdc-button { font-weight: 500; padding: 6px 16px; } .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-report-error-actions .googlesitekit-error-retry-text { color: #161b18; flex: 1; letter-spacing: 0.25px; margin: -14px 0 0; } .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-widget-audience-segmentation-error__svg-wrapper { display: flex; justify-content: flex-start; margin: 16px 8px 0; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-audience-segmentation-error-widget .googlesitekit-widget-audience-segmentation-error__svg-wrapper { justify-content: space-evenly; margin: 0; } } /** * Audience Segmentation Tiles styles. * * Site Kit by Google, Copyright 2024 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-info-tooltip__content.googlesitekit-info-tooltip__content--audience { color: #ebeef0; } .googlesitekit-info-tooltip__content.googlesitekit-info-tooltip__content--audience a { color: #ebeef0; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles { border-radius: 16px; } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles .googlesitekit-widget-audience-tiles__tabs .mdc-tab-scroller { border-top-left-radius: 16px; border-top-right-radius: 16px; } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles .googlesitekit-widget-audience-tiles__tabs .mdc-tab-scroller .mdc-tab-scroller__scroll-content .mdc-tab { pointer-events: none; } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles .googlesitekit-widget-audience-tiles__tabs .mdc-tab-scroller .mdc-tab-scroller__scroll-content .mdc-tab .googlesitekit-info-tooltip { color: #108080; } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles .googlesitekit-widget-audience-tiles__tabs .mdc-tab-scroller .mdc-tab-scroller__scroll-content .mdc-tab .mdc-tab__content { pointer-events: all; } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles .googlesitekit-widget-audience-tiles__tabs .mdc-tab-scroller .mdc-tab-scroller__scroll-content .mdc-tab .mdc-tab__content .googlesitekit-info-tooltip { height: 18px; margin-left: 5px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles { background-color: transparent; } } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles > .googlesitekit-widget__body .googlesitekit-widget-audience-tiles__body { display: grid; gap: 16px; grid-auto-columns: 1fr; grid-template-columns: 1fr; } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles > .googlesitekit-widget__body .googlesitekit-widget-audience-tiles__body > .googlesitekit-widget { overflow: hidden; } @media (max-width: 960px) { .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles > .googlesitekit-widget__body .googlesitekit-widget-audience-tiles__body > :not(.googlesitekit-audience-segmentation-error-widget) { border-top-left-radius: 0; border-top-right-radius: 0; } } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget-audience-tiles > .googlesitekit-widget__body .googlesitekit-widget-audience-tiles__body { gap: 24px; grid-auto-columns: minmax(400px, 1fr); grid-auto-flow: column; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); overflow-x: auto; } } .googlesitekit-plugin .googlesitekit-audience-widget__source { float: right; margin: 14px 0; padding: 4px 0; } /** * Audience Segmentation NoAudienceBannerWidget styles. * * Site Kit by Google, Copyright 2024 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-lean-cta-banner.googlesitekit-no-audience-banner .googlesitekit-lean-cta-banner__graphic { padding-bottom: 26px; } .googlesitekit-plugin .googlesitekit-lean-cta-banner.googlesitekit-no-audience-banner .googlesitekit-lean-cta-banner__graphic svg { max-height: 110px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-lean-cta-banner.googlesitekit-no-audience-banner .googlesitekit-lean-cta-banner__graphic { padding-bottom: 20px; padding-inline: 85px; padding-top: 20px; } } /** * Audience Widget Area styles. * * Site Kit by Google, Copyright 2024 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 .mdc-layout-grid.googlesitekit-widget-area--mainDashboardTrafficAudienceSegmentation { padding-top: 3px; } @media (min-width: 961px) { .googlesitekit-plugin .mdc-layout-grid.googlesitekit-widget-area--mainDashboardTrafficAudienceSegmentation { padding-top: 8px; } } /** * Audience Segmentation PartialDataNotice styles. * * Site Kit by Google, Copyright 2024 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-audience-segmentation-partial-data-notice { background-color: #ffe4b1; border-radius: 8px; color: #4e3300; display: flex; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; padding: 16px; } /** * Audience Selection Panel styles. * * Site Kit by Google, Copyright 2024 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-audience-selection-panel .googlesitekit-selection-box .googlesitekit-badge-with-tooltip { padding: 4px 10px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__learn-more { color: #6c726e; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin-top: auto; padding: 20px 24px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-selection-panel-footer { margin: 0; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice { align-items: center; background-color: #ffded3; display: flex; justify-content: space-between; padding: 10px 24px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice p { color: #7a1e00; flex-basis: 65%; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice p a { color: #7a1e00; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action { border-radius: 100px; min-height: 32px; padding: 6px 16px; white-space: nowrap; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:not(:disabled) { color: #7a1e00; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover:not(:disabled) { background-color: rgba(255, 194, 174, 0.6); } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action: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 .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover:hover::before { opacity: 0.04; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:hover:not(:disabled) { color: #7a1e00; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active:not(:disabled), .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus:not(:disabled) { background-color: #ffc2ae; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active:not(:disabled), .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action: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 .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active::after, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active::after, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active:hover::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active.mdc-ripple-upgraded, .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:active:not(:disabled), .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__error-notice .googlesitekit-audience-selection-panel__error-notice-actions .googlesitekit-audience-selection-panel__error-notice-action:focus:not(:disabled) { color: #7a1e00; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__add-group-notice { background-color: #f3f5f7; margin: 5px 24px; padding: 16px 20px; } @media (max-width: 449px) { .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__add-group-notice { padding: 16px; } } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__add-group-notice .googlesitekit-audience-segmentation-info-notice__body { flex-wrap: nowrap; grid-gap: 0 30px; } @media (max-width: 449px) { .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__add-group-notice .googlesitekit-audience-segmentation-info-notice__body { flex-wrap: wrap; } } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__add-group-notice .googlesitekit-audience-segmentation-info-notice__body p { margin: 0; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__add-group-notice svg { height: 22px; width: 22px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__add-group-notice .googlesitekit-audience-segmentation-info-notice__dismiss { color: #161b18; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice { background-color: #f3f5f7; border-radius: 8px; margin: 5px 24px; padding: 20px 20px 6px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-header { display: flex; justify-content: space-between; } .googlesitekit-plugin .googlesitekit-audience-selection-panel p.googlesitekit-audience-selection-panel__audience-creation-notice-title { color: #6c726e; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-close svg { color: #6c726e; height: 12px; width: 12px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-body { display: flex; flex-direction: column; justify-content: space-between; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-audience { display: flex; justify-content: space-between; margin-bottom: 12px; padding-top: 5px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-audience + .googlesitekit-audience-selection-panel__audience-creation-notice-audience { border-top: 1px solid #cbd0d3; padding-top: 12px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-audience-details h3 { color: #161b18; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 1.43; margin-bottom: 1px; margin-top: 7px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel p.googlesitekit-audience-selection-panel__audience-creation-notice-audience-description { color: #161b18; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-audience-button { align-items: center; display: flex; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-audience-button .mdc-button { background-color: #161b18; min-height: 32px; padding: 6px 16px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-info .googlesitekit-subtle-notification { align-items: center; border-radius: 8px; flex-direction: row; gap: 16px; margin: 18px 0; padding: 8px 16px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-info .googlesitekit-subtle-notification__content { flex: 1; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-info .googlesitekit-subtle-notification__content p { font-size: 12px; font-weight: 400; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-selection-panel__audience-creation-notice-info .googlesitekit-subtle-notification__action { justify-content: initial; width: initial; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-creation-error-notice { align-items: center; background-color: #fff; border: 2px solid #ac4220; border-radius: 8px; display: flex; gap: 16px; margin-bottom: 12px; padding: 14px 16px; } @media (max-width: 449px) { .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-creation-error-notice { align-items: flex-start; flex-direction: column; gap: 6px; } } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-creation-error-notice .googlesitekit-audience-creation-error-notice__content { display: flex; flex-direction: column; gap: 4px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-creation-error-notice svg { color: #ac4220; flex-shrink: 0; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-creation-error-notice p.googlesitekit-audience-creation-error-notice__title { color: #161b18; font-size: 14px; font-weight: 500; line-height: 1.43; margin: 0; } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-creation-error-notice p.googlesitekit-audience-creation-error-notice__description { color: #161b18; font-size: 12px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } @media (max-width: 449px) { .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-creation-error-notice .googlesitekit-audience-creation-error-notice__actions { align-self: flex-end; margin-top: 10px; } } .googlesitekit-plugin .googlesitekit-audience-selection-panel .googlesitekit-audience-creation-error-notice .googlesitekit-audience-creation-error-notice__actions .mdc-button { font-weight: 500; min-height: 32px; padding: 6px 16px; white-space: nowrap; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice { align-items: center; background-color: #b8e5ca; color: #265c3b; display: flex; gap: 10px; justify-content: flex-start; padding: 10px 24px; } .googlesitekit-plugin p.googlesitekit-audience-selection-panel__success-notice-message { color: inherit; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-icon { height: 24px; width: 24px; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions { margin-left: auto; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary { font-weight: 500; margin: 0 auto; min-height: 32px; padding: 6px 16px; white-space: nowrap; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:not(:disabled) { color: #265c3b; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(147, 201, 168, 0.6); } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary: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 .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover:hover::before { opacity: 0.04; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:hover:not(:disabled) { color: #265c3b; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus:not(:disabled) { background-color: #93c9a8; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary: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 .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active::after, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active::after, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active:hover::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .googlesitekit-audience-selection-panel__success-notice-actions .mdc-button--tertiary:focus:not(:disabled) { color: #265c3b; } /** * Reader Revenue Manager styles. * * Site Kit by Google, Copyright 2024 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. */ /** * Reader Revenue Manager overlay notification styles. * * Site Kit by Google, Copyright 2024 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-reader-revenue-manager-overlay-notification .mdc-button--raised { font-weight: 500; gap: 0 6px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-reader-revenue-manager-overlay-notification { max-width: 348px; } } /** * Reader Revenue Manager settings styles. * * Site Kit by Google, Copyright 2024 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-settings-module--reader-revenue-manager .googlesitekit-settings-module__meta-items:last-child .googlesitekit-settings-module__meta-item:last-child { margin-bottom: 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-settings-module--reader-revenue-manager .googlesitekit-settings-module__meta-items:last-child .googlesitekit-settings-module__meta-item { margin-bottom: 0; } } .googlesitekit-plugin .googlesitekit-settings-module--reader-revenue-manager .googlesitekit-publication-onboarding-state-notice + .googlesitekit-settings-module__meta-items { margin-top: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-settings-module--reader-revenue-manager .googlesitekit-publication-onboarding-state-notice + .googlesitekit-settings-module__meta-items { margin-top: 24px; } } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-settings-module__fields-group:not(:last-child) .googlesitekit-publication-onboarding-state-notice { margin-bottom: 16px; } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-settings-module__fields-group:not(:last-child) .googlesitekit-publication-onboarding-state-notice:has(+ .googlesitekit-rrm-settings-edit__product-id-container) { margin-bottom: 32px; } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__product-id-container { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; margin-top: 16px; position: relative; } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__product-id-container .googlesitekit-rrm-settings-edit__product-id-warning-notice { align-items: center; align-self: stretch; display: flex; } @media (min-width: 783px) { .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__product-id-container .googlesitekit-rrm-settings-edit__product-id-warning-notice { left: 200px; max-width: 442px; position: absolute; } } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__product-id-container .googlesitekit-rrm-settings-edit__product-id-warning-notice .googlesitekit-subtle-notification { align-items: center; border-radius: 8px; flex-direction: row; gap: 16px; padding: 8px 16px; } @media (min-width: 783px) { .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__product-id-container .googlesitekit-rrm-settings-edit__product-id-warning-notice .googlesitekit-subtle-notification { margin-left: 16px; } } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__product-id-container .googlesitekit-rrm-settings-edit__product-id-warning-notice .googlesitekit-subtle-notification__content { flex: 1; } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__product-id-container .googlesitekit-rrm-settings-edit__product-id-warning-notice .googlesitekit-subtle-notification__content p { font-size: 12px; font-weight: 400; margin: 0; } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__product-id-container .googlesitekit-rrm-settings-edit__product-id-warning-notice .googlesitekit-subtle-notification__action { justify-content: initial; width: initial; } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__product-id-container .googlesitekit-rrm-settings-edit__product-id-info-notice { width: 100%; } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__post-types { margin-top: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__post-types { margin-top: 24px; } } .googlesitekit-plugin .googlesitekit-rrm-settings-edit .googlesitekit-rrm-settings-edit__post-types h5 { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; margin: 0 0 14px; } /** * Reader Revenue Manager Setup styles. * * Site Kit by Google, Copyright 2024 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-setup-module--reader-revenue-manager form > .googlesitekit-cta-link { font-weight: 500; } .googlesitekit-plugin .googlesitekit-setup-module--reader-revenue-manager .googlesitekit-setup-module__step .googlesitekit-publication-onboarding-state-notice { margin-bottom: 40px; } .googlesitekit-plugin .googlesitekit-setup-module__publication-create-screen .googlesitekit-setup-module__title, .googlesitekit-plugin .googlesitekit-setup-module__publication-create-screen .googlesitekit-setup-module__description { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.25px; line-height: 1.43; } .googlesitekit-plugin .googlesitekit-setup-module__publication-create-screen .googlesitekit-setup-module__title { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-setup-module__publication-create-screen .googlesitekit-setup-module__description { margin-top: 3px; } .googlesitekit-plugin .googlesitekit-setup-module__publication-create-screen .googlesitekit-setup-module__action { margin-top: 40px; } .googlesitekit-plugin .googlesitekit-setup-module__publication-create-screen .googlesitekit-setup-module__action svg { margin-left: 6px; } /** * Reader Revenue Manager Setup CTA banner styles. * * Site Kit by Google, Copyright 2024 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-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__primary-cell { padding: 20px 16px 0; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__primary-cell { padding: 24px; } } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__title { font-size: 22px; line-height: 1.27; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__title { font-size: 28px; line-height: 1.286; } } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__description { font-size: 14px; line-height: 1.43; } } @media (min-width: 1281px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__description { font-size: 16px; line-height: 1.5; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__actions-wrapper { gap: 4px; margin-bottom: 27px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__actions-wrapper { gap: 10px; margin-bottom: 0; padding: 10px 0; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__svg-wrapper--rrm-setup-notification { align-items: center; display: flex; height: 100%; justify-content: center; overflow: hidden; position: relative; } .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__svg-wrapper--rrm-setup-notification svg { flex: 1; max-height: 143px; scale: 1; transform-origin: center 2px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__svg-wrapper--rrm-setup-notification svg { height: 100%; max-height: 272px; position: absolute; right: 70px; scale: 1.6; top: 10px; transform-origin: initial; width: 65%; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--rrm-setup-notification .googlesitekit-setup-cta-banner__svg-wrapper--rrm-setup-notification svg { right: 50px; scale: 1.1; width: unset; } } /** * Site Kit by Google, Copyright 2024 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. */ /** * Sign in with Google Setup CTA Banner styles. * * Site Kit by Google, Copyright 2024 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-setup-cta-banner--setup-cta-siwg .googlesitekit-setup-cta-banner__actions-wrapper { gap: 0; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--setup-cta-siwg .googlesitekit-setup-cta-banner__actions-wrapper { gap: 16px; } } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--setup-cta-siwg .googlesitekit-setup-cta-banner__actions-wrapper { gap: 24px; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner--setup-cta-siwg .googlesitekit-setup-cta-banner__svg-wrapper--setup-cta-siwg { align-items: flex-end; display: flex; justify-content: center; } .googlesitekit-plugin .googlesitekit-setup-cta-banner--setup-cta-siwg .googlesitekit-setup-cta-banner__svg-wrapper--setup-cta-siwg svg { flex: 1; max-height: 136px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--setup-cta-siwg .googlesitekit-setup-cta-banner__svg-wrapper--setup-cta-siwg svg { max-height: 265px; } } /** * Sign in with Google Setup styles. * * Site Kit by Google, Copyright 2024 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. */ @media (min-width: 1500px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--sign-in-with-google-setup-cta { height: 100%; position: relative; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--sign-in-with-google-setup-cta svg { display: block; justify-self: center; max-height: 180px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--sign-in-with-google-setup-cta svg { max-height: 210px; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--sign-in-with-google-setup-cta svg { justify-self: flex-end; max-height: 274px; } } @media (min-width: 1500px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner__svg-wrapper--sign-in-with-google-setup-cta svg { max-height: 300px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-badge { margin: 0 0 2px 13px; padding: 4px 8px; } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .mdc-text-field { height: 48px; } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .mdc-text-field .mdc-floating-label { top: 15px; } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-setup-module__step-description { margin: 0 0 1.7em; } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-client-id-cta { font-weight: 500; min-height: 32px; padding: 3px 18px; } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-client-id-cta svg { margin-left: 6px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form { display: flex; justify-content: space-between; } } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form .googlesitekit-setup-module__panel-item { flex: 2; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form .googlesitekit-setup-module__panel-item { max-width: 510px; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form .googlesitekit-setup-module__panel-item { max-width: 670px; } } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form .googlesitekit-setup-module__panel-item--with-svg { flex: 1; margin-bottom: -16px; overflow: hidden; position: relative; text-align: center; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form .googlesitekit-setup-module__panel-item--with-svg { bottom: unset; margin-bottom: -25px; min-width: 40%; top: -30px; } } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form .googlesitekit-setup-module__panel-item--with-svg svg { display: none; height: 100%; position: relative; width: 100%; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form .googlesitekit-setup-module__panel-item--with-svg svg { bottom: -60px; display: inline-block; max-height: 260px; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form .googlesitekit-setup-module__panel-item--with-svg svg { bottom: unset; max-height: 248px; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-sign-in-with-google-setup__form .googlesitekit-setup-module__panel-item--with-svg svg { max-height: 300px; } } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-settings-module__fields-group, .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-text-field-client-id { width: 100%; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-setup-module__step p { max-width: 610px; } } .googlesitekit-plugin .googlesitekit-setup-module--sign-in-with-google .googlesitekit-settings-notice__button { align-items: center; display: flex; text-wrap: nowrap; } .googlesitekit-plugin .googlesitekit-setup__footer--sign-in-with-google { margin-top: 32px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup__footer--sign-in-with-google { margin-top: 0; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup__footer--sign-in-with-google .mdc-layout-grid { padding: 24px 48px; } } .googlesitekit-plugin .googlesitekit-setup__footer--sign-in-with-google .mdc-layout-grid .mdc-layout-grid__cell:first-child { order: 2; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup__footer--sign-in-with-google .mdc-layout-grid .mdc-layout-grid__cell:first-child { order: 1; } } .googlesitekit-plugin .googlesitekit-setup__footer--sign-in-with-google .mdc-layout-grid .mdc-layout-grid__cell:last-child { order: 1; } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-setup__footer--sign-in-with-google .mdc-layout-grid .mdc-layout-grid__cell:last-child { justify-self: start; margin-left: 0; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-setup__footer--sign-in-with-google .mdc-layout-grid .mdc-layout-grid__cell:last-child { order: 2; } } /** * Sign in with Google Settings styles. * * Site Kit by Google, Copyright 2024 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-settings-module--sign-in-with-google .googlesitekit-settings-notice__icon { align-items: center; display: flex; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-settings-module__footer { margin-top: 30px; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google > .mdc-layout-grid { margin-bottom: 0; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-text-field-client-id, .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-select, .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-select__selected-text { height: 52px; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-select { width: 100%; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-select .mdc-select__selected-text { min-width: 100%; padding-top: 12px; } @media (min-width: 960px) and (max-width: 1280px) { .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-select .mdc-select__selected-text { padding-right: 28px; } } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-select .mdc-select__dropdown-icon { bottom: 14px; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-select.mdc-select--focused .mdc-select__dropdown-icon { transform: rotate(180deg); } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-settings-module__one-tap, .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-settings-module__one-tap-on-all-pages { border-bottom: none; } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-settings-module__one-tap, .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-settings-module__one-tap-on-all-pages { margin-top: 10px; } } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-settings-module__one-tap .mdc-switch, .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-settings-module__one-tap-on-all-pages .mdc-switch { margin-left: 3px; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-settings-module__one-tap p, .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-settings-module__one-tap-on-all-pages p { color: #6c726e; letter-spacing: 0.2px; margin: 4px 0 0; } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-sign-in-with-google-settings-fields__button-preview { margin-left: 30px; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .googlesitekit-sign-in-with-google-settings-fields__button-preview .mdc-layout-grid__inner { display: block; } } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-layout-grid { padding: 0; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-layout-grid .mdc-layout-grid .mdc-layout-grid__inner { margin-bottom: 24px; } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-layout-grid.googlesitekit-sign-in-with-google-settings-fields__stretch-form { display: flex; flex-direction: column; height: 100%; justify-content: space-between; margin-right: 52px; width: 100%; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-layout-grid.googlesitekit-sign-in-with-google-settings-fields__stretch-form > .mdc-layout-grid__inner:last-child { margin-bottom: 0; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-layout-grid.googlesitekit-sign-in-with-google-settings-fields__stretch-form > .mdc-layout-grid__inner:last-child .mdc-layout-grid__cell { margin-right: 14px; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google-settings-fields .mdc-layout-grid.googlesitekit-sign-in-with-google-settings-fields__stretch-form > .mdc-layout-grid__inner:last-child .mdc-layout-grid__cell:last-child { margin: 0; } } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google__preview { background-color: #cbd0d3; border-radius: 4px; display: flex; flex-direction: column; height: 145px; justify-content: center; padding: 0 10%; position: relative; width: 100%; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google__preview--label { margin: 0 0 1rem; text-align: center; } .googlesitekit-plugin .googlesitekit-settings-module--sign-in-with-google .googlesitekit-sign-in-with-google__preview--protector { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } /** * Sign in with Google RegistrationDisabledNotice styles. * * Site Kit by Google, Copyright 2025 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-registration-disabled-notice.googlesitekit-anyone-can-register-disabled-notice { padding: 12px 24px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-registration-disabled-notice.googlesitekit-anyone-can-register-disabled-notice { padding-bottom: 14px; padding-top: 14px; } } .googlesitekit-plugin .googlesitekit-registration-disabled-notice .googlesitekit-settings-notice__icon { margin-right: 16px; } .googlesitekit-plugin .googlesitekit-registration-disabled-notice .googlesitekit-settings-notice__icon svg { height: 24px; width: 24px; } .googlesitekit-plugin .googlesitekit-registration-disabled-notice .googlesitekit-settings-notice__text { font-size: 12px; font-weight: 400; line-height: 1.43; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-registration-disabled-notice .googlesitekit-settings-notice__text { font-size: 14px; } } .googlesitekit-plugin .googlesitekit-registration-disabled-notice.googlesitekit-registration-disabled-notice--with-outer-cta { flex-direction: column; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-registration-disabled-notice.googlesitekit-registration-disabled-notice--with-outer-cta { flex-direction: initial; } } .googlesitekit-plugin .googlesitekit-registration-disabled-notice.googlesitekit-registration-disabled-notice--with-outer-cta .googlesitekit-settings-notice__text { margin: 6px 0 16px 0; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-registration-disabled-notice.googlesitekit-registration-disabled-notice--with-outer-cta .googlesitekit-settings-notice__text { margin: 0 24px 0 0; max-width: 718px; } } .googlesitekit-plugin .googlesitekit-registration-disabled-notice.googlesitekit-registration-disabled-notice--with-outer-cta .mdc-button { background-color: #4e3300; border-radius: 100px; color: #fff; font-weight: 500; min-height: 32px; padding: 6px 16px; } .googlesitekit-plugin .googlesitekit-registration-disabled-notice.googlesitekit-registration-disabled-notice--with-outer-cta .mdc-button svg { margin-left: 6px; } /** * Site Kit by Google, Copyright 2024 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. */ /** * First-party mode Setup CTA Banner styles. * * Site Kit by Google, Copyright 2024 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-setup-cta-banner--fpm-setup-cta .googlesitekit-setup-cta-banner__actions-wrapper { gap: 4px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--fpm-setup-cta .googlesitekit-setup-cta-banner__actions-wrapper { gap: 10px; } } .googlesitekit-plugin .googlesitekit-setup-cta-banner--fpm-setup-cta .googlesitekit-setup-cta-banner__svg-wrapper--fpm-setup-cta { align-items: flex-end; display: flex; justify-content: center; } .googlesitekit-plugin .googlesitekit-setup-cta-banner--fpm-setup-cta .googlesitekit-setup-cta-banner__svg-wrapper--fpm-setup-cta svg { flex: 1; max-height: 136px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-setup-cta-banner--fpm-setup-cta .googlesitekit-setup-cta-banner__svg-wrapper--fpm-setup-cta svg { max-height: 265px; } } /** * Key metric widget tile 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-km-widget-tile { display: flex; flex-direction: column; justify-content: space-between; padding: 12px 16px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile { min-height: 150px; padding: 18px 24px; } } .googlesitekit-plugin .googlesitekit-km-widget-tile .googlesitekit-info-tooltip { color: #108080; } .googlesitekit-plugin .googlesitekit-km-widget-tile .googlesitekit-km-widget-tile__title-container { display: flex; flex-basis: 50%; flex-grow: 1; } .googlesitekit-plugin .googlesitekit-km-widget-tile .googlesitekit-km-widget-tile__title { color: #6c726e; flex: 1; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.2px; line-height: 16px; margin: 0 8px 4px 0; } .googlesitekit-plugin .googlesitekit-km-widget-tile .googlesitekit-km-widget-tile__body { display: flex; flex-basis: 50%; flex-grow: 1; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile .googlesitekit-km-widget-tile__body { flex-direction: column; } } .googlesitekit-plugin .googlesitekit-km-widget-tile .googlesitekit-km-widget-tile__metric-container { flex-basis: 100%; } .googlesitekit-plugin .googlesitekit-km-widget-tile .googlesitekit-km-widget-tile__metric-change-container { align-self: flex-end; display: flex; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile .googlesitekit-km-widget-tile__metric-change-container { align-self: auto; } } .googlesitekit-plugin .googlesitekit-km-widget-tile--numeric .googlesitekit-km-widget-tile__metric { font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 32px; line-height: 1.25; margin-top: 4px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile--numeric .googlesitekit-km-widget-tile__metric { margin: 0; } } .googlesitekit-plugin .googlesitekit-km-widget-tile--numeric .googlesitekit-km-widget-tile__subtext { font-size: 12px; font-weight: 500; line-height: 1.33; margin: -1px 0 1px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile--numeric .googlesitekit-km-widget-tile__subtext { font-size: 14px; font-weight: 400; line-height: 1.43; margin: -4px 0 1px; } } .googlesitekit-plugin .googlesitekit-km-widget-tile--text .googlesitekit-km-widget-tile__metric { font-size: 18px; font-weight: 500; margin-top: 4px; text-transform: capitalize; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile--text .googlesitekit-km-widget-tile__metric { margin: 5px 0 0; } } .googlesitekit-plugin .googlesitekit-km-widget-tile--text .googlesitekit-km-widget-tile__subtext { font-size: 12px; font-weight: 500; line-height: 1.33; margin: 2px 0 0; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile--text .googlesitekit-km-widget-tile__subtext { font-size: 14px; font-weight: 400; line-height: 1.43; margin: 0; } } .googlesitekit-plugin .googlesitekit-km-widget-tile--table .googlesitekit-km-widget-tile__table { display: flex; flex-direction: column; font-size: 12px; margin-top: 12px; width: 100%; } .googlesitekit-plugin .googlesitekit-km-widget-tile--table .googlesitekit-table__body-row { display: flex; flex-direction: row; justify-content: space-between; padding: 2px 0; } .googlesitekit-plugin .googlesitekit-km-widget-tile--table .googlesitekit-table__body-item { margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .googlesitekit-plugin .googlesitekit-km-widget-tile--table .googlesitekit-table__body-item:last-child { margin-right: 0; overflow: visible; text-overflow: unset; } .googlesitekit-plugin .googlesitekit-km-widget-tile--table .googlesitekit-table__body-item strong { font-weight: 500; } .googlesitekit-plugin .googlesitekit-km-widget-tile--table .googlesitekit-table__body-item .googlesitekit-cta-link { display: inline; } .googlesitekit-plugin .googlesitekit-km-widget-tile--table .googlesitekit-km-widget-tile__table-plain-text { color: #161b18; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 0; overflow: hidden; text-overflow: ellipsis; } .googlesitekit-plugin .googlesitekit-km-widget-tile--table .googlesitekit-table__body-zero-data { font-size: 14px; line-height: 1.43; } .googlesitekit-plugin .googlesitekit-km-widget-tile__loading { width: 100%; } .googlesitekit-plugin .googlesitekit-km-widget-tile__loading .googlesitekit-km-widget-tile__loading-body { margin-top: 10px; } .googlesitekit-plugin .googlesitekit-km-widget-tile--error { height: 100%; } .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error { background: #fff; border: 2px solid #7a1e00; padding: 14px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error { min-height: 150px; padding: 16px 22px; } } .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-cta__header { column-gap: 8px; display: flex; flex-basis: 50%; } .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-cta__header svg { color: #108080; } .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-cta__header_text { color: #6c726e; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.2px; margin: 0 0 10px; } .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-cta__title { color: #161b18; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; } .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-report-error-actions { align-items: flex-start; display: flex; flex-direction: row-reverse; gap: 0; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-report-error-actions { flex-direction: column-reverse; } } .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-report-error-actions .googlesitekit-error-retry-text { color: #161b18; flex: 1; margin: 0; margin-right: 14px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-report-error-actions .googlesitekit-error-retry-text { margin-right: 0; } } .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-report-error-actions button:not(.googlesitekit-cta-link), .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-report-error-actions a.mdc-button { align-self: flex-end; font-weight: 500; min-height: 32px; padding: 6px 16px; } @media (min-width: 601px) { .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-report-error-actions button:not(.googlesitekit-cta-link), .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-report-error-actions a.mdc-button { align-self: flex-start; margin-top: 10px; } } .googlesitekit-plugin .googlesitekit-km-widget-tile--error .googlesitekit-cta--error .googlesitekit-report-error-actions .googlesitekit-cta-link { color: #108080; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .mdc-layout-grid__inner { grid-template-rows: auto 1fr; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .mdc-layout-grid__cell { display: grid; grid-row: span 3; grid-template-columns: subgrid; grid-template-rows: subgrid; } } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .mdc-layout-grid__cell { grid-row: span 2; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget__body, .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget { display: grid; grid-column: 1/-1; grid-row: 1/-1; grid-template-columns: subgrid; grid-template-rows: subgrid; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-cta--error, .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-km-widget-tile--error { display: grid; grid-column: 1/-1; grid-row: 1/-1; grid-template-rows: subgrid; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-km-widget-tile { display: grid; gap: 0; grid-column: 1/-1; grid-row: 1/-1; grid-template-columns: subgrid; grid-template-rows: subgrid; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--addMetricCTATile .googlesitekit-km-add-metric-cta-tile { grid-column: 1/-1; grid-row: 1/-1; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-km-widget-tile > div { grid-column: 1/-1; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-cta--error > div, .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-cta--error > h3 { grid-column: 1/-1; } } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsConnectGA4All, .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsSetupCTA { grid-template-columns: auto; grid-template-rows: auto; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsConnectGA4All .mdc-layout-grid__inner, .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsSetupCTA .mdc-layout-grid__inner { grid-template-rows: auto; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsConnectGA4All .mdc-layout-grid__cell, .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsSetupCTA .mdc-layout-grid__cell { grid-template-columns: auto; grid-template-rows: auto; } } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsConnectGA4All .googlesitekit-widget__body, .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .googlesitekit-widget--keyMetricsSetupCTA .googlesitekit-widget__body { display: block; } } .googlesitekit-plugin .googlesitekit-widget-area--mainDashboardKeyMetricsPrimary .googlesitekit-widget-area-widgets .mdc-layout-grid__inner.googlesitekit-widget-key-metrics-footer { display: inline-block; } /** * Key metric connect module cta tile 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-widget--connectModuleCTATile { /* stylelint-disable-next-line scss/at-rule-no-unknown */ /* stylelint-disable-next-line scss/at-rule-no-unknown */ /* stylelint-disable-next-line scss/at-rule-no-unknown */ } .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile .googlesitekit-km-connect-module-cta-tile { align-items: center; display: flex; gap: 8px; padding-bottom: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile .googlesitekit-km-connect-module-cta-tile { gap: 12px; padding-bottom: 24px; } } .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile .googlesitekit-km-connect-module-cta-tile__content .googlesitekit-km-connect-module-cta-tile__text { margin: 0 0 4px; } .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile.googlesitekit-km-widget-tile { min-height: auto; padding: 0; } .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile.googlesitekit-km-widget-tile .googlesitekit-km-connect-module-cta-tile { padding-top: 8px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile.googlesitekit-km-widget-tile .googlesitekit-km-connect-module-cta-tile { padding-top: 12px; } } .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile.googlesitekit-km-widget-tile.googlesitekit-km-widget-tile--combined { align-items: center; container: cta-tile/inline-size; display: flex; flex-direction: row; } .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile.googlesitekit-km-widget-tile.googlesitekit-km-widget-tile--combined .googlesitekit-km-connect-module-cta-tile { padding-top: 16px; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile.googlesitekit-km-widget-tile.googlesitekit-km-widget-tile--combined .googlesitekit-km-connect-module-cta-tile { padding-top: 24px; } } .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile .googlesitekit-km-connect-module-cta-tile__ghost-card { display: none; height: 90px; margin-right: 12px; max-height: 90px; } @container cta-tile (inline-size > 400px) { .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile .googlesitekit-km-connect-module-cta-tile__ghost-card:nth-child(2) { display: flex; margin-left: 12px; } } @container cta-tile (inline-size > 600px) { .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile .googlesitekit-km-connect-module-cta-tile__ghost-card:nth-child(4) { display: flex; } } @container cta-tile (inline-size > 900px) { .googlesitekit-plugin .googlesitekit-widget--connectModuleCTATile .googlesitekit-km-connect-module-cta-tile__ghost-card:nth-child(3) { display: flex; } } /** * Key metric add metric cta tile 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-widget--addMetricCTATile .googlesitekit-km-add-metric-cta-tile { align-items: center; cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 16px; } .googlesitekit-plugin .googlesitekit-widget--addMetricCTATile .googlesitekit-km-add-metric-cta-tile:focus { border-radius: 16px; outline: 1px dotted #000; } .googlesitekit-plugin .googlesitekit-widget--addMetricCTATile .googlesitekit-km-add-metric-cta-tile__icon { background-color: #ebeef0; border-radius: 50%; color: #6c726e; height: 48px; margin: 0 auto; padding: 16px; width: 48px; } .googlesitekit-plugin .googlesitekit-widget--addMetricCTATile .googlesitekit-km-add-metric-cta-tile__text { color: #6c726e; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; margin: 7px 0 0; } /** * User Feedback 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. */ /** * User Feedback Modal 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-portal-survey { bottom: 24px; position: fixed; right: 24px; z-index: 99999; } @media (max-width: 449px) { .googlesitekit-portal-survey { bottom: 0; right: 0; } } @media (min-width: 1280px) { .googlesitekit-portal-survey { bottom: 34px; right: 34px; } } /** * User Feedback Header 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-survey__header-logo { margin: 0 16px 0 0; width: 24px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-survey__header-logo { margin-right: 24px; } } .googlesitekit-plugin .googlesitekit-survey__header-logo svg { display: block; } .googlesitekit-plugin .googlesitekit-survey__header-close { position: absolute; right: -12px; top: -12px; } .googlesitekit-plugin .googlesitekit-survey__header-close svg { fill: #5f6561; } .googlesitekit-plugin .googlesitekit-survey__header { align-items: center; display: flex; flex-wrap: nowrap; padding: 16px 16px 8px; position: relative; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-survey__header { padding: 24px 24px 8px; } } .googlesitekit-plugin .googlesitekit-survey__header .mdc-button:not(:disabled) { background-color: transparent; border-radius: 50%; box-shadow: none; height: 40px; min-width: 40px; padding: 0; transition: background 0.2s ease-in-out; width: 40px; } .googlesitekit-plugin .googlesitekit-survey__header .mdc-button:not(:disabled):hover, .googlesitekit-plugin .googlesitekit-survey__header .mdc-button:not(:disabled):focus { background-color: #ebeef0; } .googlesitekit-plugin .googlesitekit-survey__header h3 { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; line-height: 1.5; margin: 0; } .googlesitekit-plugin .googlesitekit-survey__header-details { flex: 1 0; padding: 0 32px 0 0; position: relative; } /** * User Feedback 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-survey { background-color: #fff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.14) 0 16px 24px 2px, rgba(0, 0, 0, 0.12) 0 6px 30px 5px, rgba(0, 0, 0, 0.2) 0 8px 10px -5px; max-width: 400px; } @media (max-width: 449px) { .googlesitekit-plugin .googlesitekit-survey { max-width: none; } } .googlesitekit-plugin .googlesitekit-survey__body { padding: 0 0 16px; position: relative; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-survey__body { padding-bottom: 24px; } } .googlesitekit-plugin .googlesitekit-survey__choices { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 8px; } .googlesitekit-plugin .googlesitekit-survey__choices > div { min-width: 50px; overflow: visible; } .googlesitekit-plugin .googlesitekit-survey__footer { padding: 0 16px 16px; position: relative; text-align: right; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-survey__footer { padding: 0 24px 24px; } } .googlesitekit-plugin .googlesitekit-survey__footer p { border-top: 1px solid #ebeef0; color: #6c726e; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.2px; margin: 12px 0 0; padding-top: 12px; text-align: left; } .googlesitekit-plugin .googlesitekit-survey__footer .googlesitekit-survey__terms { margin: 0; padding-top: 12px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-survey__footer .googlesitekit-survey__terms { margin: 0 0 -12px; } } .googlesitekit-plugin .googlesitekit-survey__footer .mdc-button { letter-spacing: 0.25px; } .googlesitekit-plugin .googlesitekit-survey__choice { /** * Manually position the first and last items so that * they are centered within the container since some * content is right aligned and others left aligned. */ } .googlesitekit-plugin .googlesitekit-survey__choice p { color: #6c726e; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 6px 0 0; } .googlesitekit-plugin .googlesitekit-survey__choice:first-child { margin-left: 8px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-survey__choice:first-child { margin-left: 15px; } } .googlesitekit-plugin .googlesitekit-survey__choice:first-child p { transform: translateX(9px); } .googlesitekit-plugin .googlesitekit-survey__choice:last-child { margin-right: 7px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-survey__choice:last-child { margin-right: 17px; } } .googlesitekit-plugin .googlesitekit-survey__choice:last-child p { transform: translateX(-9px); } .googlesitekit-plugin .googlesitekit-survey__choice:not(:first-child):not(:last-child) p { display: none; } .googlesitekit-plugin .googlesitekit-survey__choice .mdc-button:not(:disabled) { background-color: transparent; border-radius: 50%; box-shadow: none; color: #5f6561; height: 50px; min-width: 50px; padding: 0; transition: background 0.2s ease-in-out; width: 50px; } .googlesitekit-plugin .googlesitekit-survey__choice .mdc-button:not(:disabled):hover, .googlesitekit-plugin .googlesitekit-survey__choice .mdc-button:not(:disabled):focus { background-color: #ebeef0; } .googlesitekit-plugin .googlesitekit-survey__multi-select .googlesitekit-survey__body { padding: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-survey__multi-select .googlesitekit-survey__body { padding: 16px 24px; } } .googlesitekit-plugin .googlesitekit-survey__multi-select .googlesitekit-survey__multi-select__choice { align-items: center; display: flex; flex-wrap: wrap; } .googlesitekit-plugin .googlesitekit-survey__multi-select .googlesitekit-survey__multi-select__choice .mdc-text-field { flex-grow: 1; height: 35px; margin-left: 10px; width: auto; } .googlesitekit-plugin .googlesitekit-survey__multi-select .googlesitekit-survey__multi-select__choice .mdc-text-field .mdc-text-field__input { background: transparent; font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-plugin .googlesitekit-survey__multi-select .googlesitekit-survey__multi-select__choice--disabled { opacity: 0.25; } .googlesitekit-plugin .googlesitekit-survey__multi-select .googlesitekit-survey__multi-select__choice--disabled :hover { cursor: default; } /** * User Feedback Completion 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-survey__completion .googlesitekit-survey__body { color: #5f6561; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.33; padding: 0 16px 16px 56px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-survey__completion .googlesitekit-survey__body { padding-left: 70px; padding-right: 24px; } } /** * User Feedback Open Text question 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-survey__open-text .mdc-text-field { margin-bottom: 16px; } .googlesitekit-survey__open-text .mdc-text-field-helper-line { padding-left: 0; } .googlesitekit-survey__open-text .googlesitekit-survey__body { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 16px; } @media (min-width: 960px) { .googlesitekit-survey__open-text .googlesitekit-survey__body { padding: 24px; } } .googlesitekit-single-select .googlesitekit-survey__body { padding: 16px; } @media (min-width: 960px) { .googlesitekit-single-select .googlesitekit-survey__body { padding: 16px 24px; } } .googlesitekit-single-select .googlesitekit-single-select__choice { align-items: center; display: flex; flex-wrap: wrap; } .googlesitekit-single-select .mdc-text-field { flex-grow: 1; height: 35px; margin-left: 10px; width: auto; } .googlesitekit-single-select .mdc-text-field .mdc-text-field__input { background: transparent; font-size: 12px; letter-spacing: 0.2px; } /** * Overlay notification styles. * * Site Kit by Google, Copyright 2024 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-overlay-notification { background-color: #fff; border-radius: 16px; display: flex; flex-direction: column; margin: 16px; } @media (min-width: 600px) { .googlesitekit-overlay-notification { bottom: 32px; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.25); inset-inline-end: 32px; margin: 0; max-width: 296px; position: fixed; z-index: 9970; } } @media (min-width: 960px) { .googlesitekit-overlay-notification { bottom: 22px; inset-inline-end: 42px; right: 42px; } html[dir=rtl] .googlesitekit-overlay-notification { right: unset; } } .googlesitekit-overlay-notification .googlesitekit-overlay-notification__body { color: #161b18; padding: 16px; } .googlesitekit-overlay-notification .googlesitekit-overlay-notification__body h3 { font-size: 16px; font-weight: 500; letter-spacing: 0.1px; line-height: 1.25; margin: 0 0 10px; } .googlesitekit-overlay-notification .googlesitekit-overlay-notification__body p { font-size: 12px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } @media (min-width: 600px) { .googlesitekit-overlay-notification .googlesitekit-overlay-notification__body { padding: 24px; } .googlesitekit-overlay-notification .googlesitekit-overlay-notification__body h3 { font-size: 22px; font-weight: 400; letter-spacing: unset; line-height: 1.27; margin: 0 0 5px; } .googlesitekit-overlay-notification .googlesitekit-overlay-notification__body p { font-size: 14px; font-weight: 400; letter-spacing: 0.25px; line-height: 1.43; } } .googlesitekit-overlay-notification .googlesitekit-overlay-notification__actions { align-items: center; display: flex; flex-direction: row-reverse; gap: 8px; justify-content: flex-end; padding: 16px; padding-top: 0; } @media (min-width: 600px) { .googlesitekit-overlay-notification .googlesitekit-overlay-notification__actions { flex-direction: row; padding: 24px; padding-top: 0; } } /** * Subtle notifications styles. * * Site Kit by Google, Copyright 2025 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-notice { align-items: flex-start; background-color: #b8e5ca; border-radius: 16px; color: #265c3b; display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; } @media (min-width: 600px) { .googlesitekit-notice { align-items: center; flex-direction: row; gap: 16px; padding: 14px 24px; } } .googlesitekit-notice .googlesitekit-notice__icon { display: flex; } .googlesitekit-notice .googlesitekit-notice__content { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.14; } @media (min-width: 600px) { .googlesitekit-notice .googlesitekit-notice__content { flex: 1; } } .googlesitekit-notice .googlesitekit-notice__content p { margin: 0 0 10px; } @media (min-width: 600px) { .googlesitekit-notice .googlesitekit-notice__content p { margin: 0; } } .googlesitekit-notice .googlesitekit-notice__content p > a { color: inherit; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-notice .googlesitekit-notice__content .googlesitekit-notice__title { font-weight: 500; } .googlesitekit-notice .mdc-button { font-weight: 500; margin: 0 auto; min-height: 32px; padding: 6px 16px; } .googlesitekit-notice .mdc-button.mdc-button--tertiary:not(:disabled) { color: #265c3b; } @media (min-width: 600px) { .googlesitekit-notice .mdc-button { margin: 0; } } .googlesitekit-notice .mdc-button.mdc-button--raised { font-weight: 500; padding: 6px 16px; } .googlesitekit-notice .googlesitekit-notice__action { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; justify-content: end; width: 100%; } @media (min-width: 600px) { .googlesitekit-notice .googlesitekit-notice__action { justify-content: initial; width: initial; } } .googlesitekit-notice .googlesitekit-notice__action .mdc-button { margin: 0; } .googlesitekit-notice .googlesitekit-notice__cta:not(.googlesitekit-notice__cta--spinner__running) svg { margin-inline-start: 6px; } .googlesitekit-notice .googlesitekit-notice__cta.googlesitekit-notice__cta--spinner__running .mdc-button__label { margin-left: 3px; } .googlesitekit-notice.googlesitekit-notice--success .googlesitekit-notice__icon svg { height: 24px; width: 24px; } .googlesitekit-notice.googlesitekit-notice--info { background-color: #f3f5f7; } .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__icon, .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__content { color: #161b18; } .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta:not(:disabled) { background-color: #161b18; } .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta::before, .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta::before, .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta:hover::before { opacity: 0.08; } .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--info .googlesitekit-notice__cta.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:not(:disabled) { color: #161b18; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(22, 27, 24, 0.08); } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover:hover::before { opacity: 0.08; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:hover:not(:disabled) { color: #161b18; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus:not(:disabled) { background-color: rgba(22, 27, 24, 0.26); } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active::after, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active::after, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active:hover::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus:hover::before { opacity: 0.08; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--info .mdc-button--tertiary:focus:not(:disabled) { color: #161b18; } .googlesitekit-notice.googlesitekit-notice--warning { background-color: #ffe4b1; } .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__icon, .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__content { color: #4e3300; } .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta:not(:disabled) { background-color: #4e3300; } .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta::before, .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta::before, .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta:hover::before { opacity: 0.08; } .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--warning .googlesitekit-notice__cta.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:not(:disabled) { color: #4e3300; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(225, 177, 85, 0.6); } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary: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-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover:hover::before { opacity: 0.04; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:hover:not(:disabled) { color: #4e3300; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus:not(:disabled) { background-color: #e1b155; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary: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-notice.googlesitekit-notice--warning .mdc-button--tertiary:active::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active::after, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active::after, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active:hover::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus:hover::before { opacity: 0.04; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--warning .mdc-button--tertiary:focus:not(:disabled) { color: #4e3300; } .googlesitekit-notice.googlesitekit-notice--error { background-color: #ffded3; } .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__icon, .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__content { color: #7a1e00; } .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta:not(:disabled) { background-color: #7a1e00; } .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta::before, .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta::before, .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta:hover::before { opacity: 0.08; } .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--error .googlesitekit-notice__cta.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:not(:disabled) { color: #7a1e00; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(255, 194, 174, 0.6); } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary: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-notice.googlesitekit-notice--error .mdc-button--tertiary:hover::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover:hover::before { opacity: 0.04; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:hover:not(:disabled) { color: #7a1e00; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus:not(:disabled) { background-color: #ffc2ae; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary: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-notice.googlesitekit-notice--error .mdc-button--tertiary:active::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active::after, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active::after, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active:hover::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus:hover::before { opacity: 0.04; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--error .mdc-button--tertiary:focus:not(:disabled) { color: #7a1e00; } .googlesitekit-notice.googlesitekit-notice--new { background-color: #e3d1ff; } .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__icon, .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__content { color: #462083; } .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta:not(:disabled) { background-color: #462083; } .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta::before, .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta::before, .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta:hover::before { opacity: 0.08; } .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--new .googlesitekit-notice__cta.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:not(:disabled) { color: #462083; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(169, 131, 230, 0.6); } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary: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-notice.googlesitekit-notice--new .mdc-button--tertiary:hover::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover:hover::before { opacity: 0.04; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:hover:not(:disabled) { color: #462083; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus:not(:disabled) { background-color: #a983e6; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary: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-notice.googlesitekit-notice--new .mdc-button--tertiary:active::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active::after, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active::after, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active:hover::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus:hover::before { opacity: 0.04; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:active:not(:disabled), .googlesitekit-notice.googlesitekit-notice--new .mdc-button--tertiary:focus:not(:disabled) { color: #462083; } /** * Overlay card styles. * * Site Kit by Google, Copyright 2025 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-overlay-card { background-color: #fff; border-radius: 16px; display: flex; flex-direction: column; margin: 16px; } @media (min-width: 600px) { .googlesitekit-overlay-card { bottom: 32px; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.25); inset-inline-end: 32px; margin: 0; max-width: 348px; position: fixed; z-index: 9970; } } @media (min-width: 960px) { .googlesitekit-overlay-card { bottom: 22px; inset-inline-end: 42px; right: 42px; } html[dir=rtl] .googlesitekit-overlay-card { right: unset; } } .googlesitekit-overlay-card .googlesitekit-overlay-card__graphic { overflow: hidden; text-align: center; } .googlesitekit-overlay-card .googlesitekit-overlay-card__graphic svg { display: block; height: auto; max-width: 100%; } .googlesitekit-overlay-card .googlesitekit-overlay-card__body { color: #161b18; padding: 16px; } .googlesitekit-overlay-card .googlesitekit-overlay-card__body .googlesitekit-overlay-card__title { font-size: 16px; font-weight: 500; letter-spacing: 0.1px; line-height: 1.25; margin: 0 0 10px; } .googlesitekit-overlay-card .googlesitekit-overlay-card__body .googlesitekit-overlay-card__description { font-size: 12px; font-weight: 400; letter-spacing: 0.2px; line-height: 1.33; margin: 0; } @media (min-width: 600px) { .googlesitekit-overlay-card .googlesitekit-overlay-card__body { padding: 24px; } .googlesitekit-overlay-card .googlesitekit-overlay-card__body .googlesitekit-overlay-card__title { font-size: 22px; font-weight: 400; letter-spacing: unset; line-height: 1.27; margin: 0 0 5px; } .googlesitekit-overlay-card .googlesitekit-overlay-card__body .googlesitekit-overlay-card__description { font-size: 14px; font-weight: 400; letter-spacing: 0.25px; line-height: 1.43; } } .googlesitekit-overlay-card .googlesitekit-overlay-card__actions { align-items: center; display: flex; flex-direction: row-reverse; gap: 8px; justify-content: flex-end; padding: 16px; padding-top: 0; } @media (min-width: 600px) { .googlesitekit-overlay-card .googlesitekit-overlay-card__actions { flex-direction: row; padding: 24px; padding-top: 0; } } .googlesitekit-overlay-card .googlesitekit-overlay-card__actions .mdc-button--raised { gap: 0 6px; } /** * Widget Area 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-widget-area--composite .googlesitekit-widget-area-widgets { background: #fff; } @media (min-width: 961px) { .googlesitekit-widget-area-header { margin-bottom: 24px; margin-bottom: var(--mdc-layout-grid-margin-desktop, 24px); } } @media (min-width: 601px) and (max-width: 960px) { .googlesitekit-widget-area-header { margin-bottom: 16px; margin-bottom: var(--mdc-layout-grid-margin-tablet, 16px); } } @media (max-width: 600px) { .googlesitekit-widget-area-header { margin-bottom: 16px; margin-bottom: var(--mdc-layout-grid-margin-phone, 16px); } } .googlesitekit-widget-area-header .googlesitekit-widget-area-header__title { color: #161b18; font-weight: 500; margin: 0 0 0.125rem; } .googlesitekit-widget-area-header .googlesitekit-widget-area-header__subtitle { color: #161b18; display: flex; flex-grow: 1; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; justify-content: space-between; letter-spacing: 0.25px; line-height: 1.43; margin: 0; } @media (min-width: 600px) { .googlesitekit-widget-area-header .googlesitekit-widget-area-header__subtitle { display: block; } } .googlesitekit-widget-area-header .googlesitekit-widget-area-header__subtitle .googlesitekit-new-badge { height: 24px; margin-left: 14px; } .googlesitekit-widget-area-header .googlesitekit-widget-area-header__details { align-items: flex-start; display: flex; justify-content: space-between; } .googlesitekit-widget-area-header .googlesitekit-widget-area__cta-link { align-items: center; display: flex; font-size: 14px; font-weight: 500; line-height: 1.43; padding-left: 6px; white-space: nowrap; } .googlesitekit-widget-area-footer__cta { font-size: 14px; font-weight: 500; margin: 12px 0; } /** * Widget Context 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-widget-context { padding-bottom: 10px; padding-top: 10px; } @media (min-width: 600px) { .googlesitekit-widget-context { padding-left: 10px; padding-right: 10px; } } .googlesitekit-widget-context--last { min-height: 80vh; } @media screen and (min-height: 1200px) { .googlesitekit-widget-context--last { min-height: 100vh; } } /** * 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. */ .googlesitekit-plugin { /** * Widget header styles. */ /** * Widget body styles. */ /** * Widget footer styles. */ /** * Composite widget styles. */ } .googlesitekit-plugin .googlesitekit-widget { background: #fff; border-radius: 16px; display: flex; flex-direction: column; height: 100%; overflow: hidden; padding: 0; } .googlesitekit-plugin .googlesitekit-widget .googlesitekit-widget__header--cta { margin: 16px 0 0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget .googlesitekit-widget__header--cta { margin: 0; } } .googlesitekit-plugin .googlesitekit-widget .googlesitekit-widget__header--cta .googlesitekit-cta-link { font-size: 16px; font-weight: 400; letter-spacing: 0.5px; } @media (min-width: 961px) { .googlesitekit-plugin .googlesitekit-widget__header, .googlesitekit-plugin .googlesitekit-widget__body, .googlesitekit-plugin .googlesitekit-widget__footer { padding: 24px; padding: var(--mdc-layout-grid-margin-desktop, 24px); } } @media (min-width: 601px) and (max-width: 960px) { .googlesitekit-plugin .googlesitekit-widget__header, .googlesitekit-plugin .googlesitekit-widget__body, .googlesitekit-plugin .googlesitekit-widget__footer { padding: 16px; padding: var(--mdc-layout-grid-margin-tablet, 16px); } } @media (max-width: 600px) { .googlesitekit-plugin .googlesitekit-widget__header, .googlesitekit-plugin .googlesitekit-widget__body, .googlesitekit-plugin .googlesitekit-widget__footer { padding: 16px; padding: var(--mdc-layout-grid-margin-phone, 16px); } } .googlesitekit-plugin .googlesitekit-widget__header { border-bottom: 1px solid #ebeef0; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget__header { display: flex; justify-content: space-between; } } .googlesitekit-plugin .googlesitekit-widget__header .googlesitekit-widget__header-title { font-size: 16px; line-height: 1.25; margin: 0; } .googlesitekit-plugin .googlesitekit-widget__body { flex: 1; } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--no-padding .googlesitekit-widget__body { padding: 0; } .googlesitekit-plugin .googlesitekit-widget__footer { border-top: 1px solid #ebeef0; } .googlesitekit-plugin .googlesitekit-widget--hidden-footer .googlesitekit-widget__footer { visibility: hidden; } .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--footer-v2 .googlesitekit-widget__footer { border-top: 0; display: flex; justify-content: flex-end; } .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget { background: transparent; box-shadow: none; } .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget .googlesitekit-widget__header, .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget .googlesitekit-widget__body, .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget .googlesitekit-widget__footer { padding-left: 0; padding-right: 0; } .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget .googlesitekit-widget__header:first-child, .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget .googlesitekit-widget__body:first-child, .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget .googlesitekit-widget__footer:first-child { padding-top: 0; } .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget .googlesitekit-widget__header:last-child, .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget .googlesitekit-widget__body:last-child, .googlesitekit-plugin .googlesitekit-widget-area--composite .googlesitekit-widget .googlesitekit-widget__footer:last-child { padding-bottom: 0; } /** * AdSense Site performance 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. */ .googlesitekit-plugin .googlesitekit-adsense-performance-overview { display: flex; flex-wrap: wrap; justify-content: space-evenly; padding: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-adsense-performance-overview { padding: 24px; } } .googlesitekit-plugin .googlesitekit-adsense-performance-overview .googlesitekit-data-block--button { min-width: 25%; padding-left: 20px; padding-right: 20px; } /** * Analytics AllTraffic 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__totalcount .googlesitekit-data-block__title { display: block; text-transform: capitalize; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__totalcount svg { vertical-align: bottom; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__totalcount .googlesitekit-cta-link { font-size: 16px; letter-spacing: 0.5px; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .mdc-tab__text-label, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .mdc-tab__text-label { color: #6c726e; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .mdc-tab-scroller__scroll-content, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .mdc-tab-scroller__scroll-content { justify-content: center; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .mdc-tab-indicator__content--underline, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .mdc-tab-indicator__content--underline { border-radius: 4px 4px 0 0; height: 4px; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .mdc-tab__text-label, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .mdc-tab__text-label { letter-spacing: normal; opacity: 1; text-transform: none; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .mdc-tab, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .mdc-tab { height: 40px; margin: 0 10px; padding: 0 20px; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .mdc-tab.mdc-tab--active .mdc-tab__text-label, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .mdc-tab.mdc-tab--active .mdc-tab__text-label { color: #3c7251; } @media (min-width: 600px) and (max-width: 1280px) { .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .mdc-tab, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .mdc-tab { margin: 0; padding: 0 10px; } } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .mdc-tab--active[disabled] .mdc-tab-indicator__content--underline, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .mdc-tab--active[disabled] .mdc-tab-indicator__content--underline { background-color: #999f9b; opacity: 0.6; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .googlesitekit-widget__footer, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .googlesitekit-widget__footer { padding-top: 0; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .googlesitekit-data-block__title, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .googlesitekit-data-block__title { font-size: 14px; letter-spacing: 0.25px; line-height: 1.43; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .googlesitekit-data-block__datapoint, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .googlesitekit-data-block__datapoint { font-size: 58px; line-height: 1.1; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .googlesitekit-data-block__arrow, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .googlesitekit-data-block__arrow { vertical-align: top; } .googlesitekit-plugin .googlesitekit-widget__analytics--all-traffic .googlesitekit-data-block__suffix, .googlesitekit-plugin .googlesitekit-widget.googlesitekit-widget--legacy-all-traffic-widget .googlesitekit-data-block__suffix { font-weight: 400; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__user-count-chart { position: relative; top: 16px; } } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__user-count-chart { top: 0; } } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions { min-height: 450px; padding-top: 30px; position: relative; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions .googlesitekit-preview-block.googlesitekit-widget--analyticsAllTraffic__dimensions--not-loading { display: none; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions .googlesitekit-preview-block.googlesitekit-widget--analyticsAllTraffic__dimensions--loading { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions .googlesitekit-widget--analyticsAllTraffic__dimensions-container { position: relative; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__totalcount--loading { margin: 0 0 10px; } @media (min-width: 1280px) { .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__totalcount--loading { min-height: 106px; } } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart { height: 100%; position: relative; width: 100%; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-chart-loading { padding-bottom: 32px; padding-top: 32px; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__empty-dimensions-chart { padding: 16px; text-align: center; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__empty-dimensions-chart { padding: 24px; } } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__empty-dimensions-chart .mdc-layout-grid__inner { align-items: center; min-height: 120px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__empty-dimensions-chart .mdc-layout-grid__inner { min-height: 270px; } } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__empty-dimensions-chart svg { max-width: 140px; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__empty-dimensions-chart h4 { color: #6c726e; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; line-height: 1.5; margin: 0; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__empty-dimensions-chart p { color: #6c726e; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; margin: 4px 0 0; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__selectable .googlesitekit-chart__inner > div > div > div > svg > g > path, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__selectable .googlesitekit-chart__inner > div > div > div > svg > g > g { cursor: pointer; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__slice-selected .googlesitekit-chart--PieChart div.google-visualization-tooltip { pointer-events: auto; z-index: 8; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart-title { color: #6c726e; font-size: 12px; font-weight: 500; left: 50%; letter-spacing: 0.2px; max-width: 80px; position: absolute; text-align: center; text-transform: capitalize; top: 50%; transform: translate(-50%, -50%); } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart-title span { display: block; font-weight: 400; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart-gathering-data { color: #cbd0d3; font-size: 18px; left: 50%; line-height: 1.33; max-width: 80px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__tabs--small { text-align: center; } @media (min-width: 600px) { .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__tabs--small { display: none; } } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__tabs--loading { display: flex; flex-direction: row; justify-content: center; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__tabs--loading .googlesitekit-preview-block { margin: 0 10px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__totals { margin-bottom: -24px; } } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__totals .googlesitekit-cta--error { height: auto; margin-top: 16px; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__totals .googlesitekit-cta--error { margin-top: 24px; } } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__chart { min-height: 368px; position: relative; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend { margin-top: -6px; text-align: center; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend .googlesitekit-cta-link__contents { align-items: center; display: inline-flex; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend-slice { align-items: center; border-radius: 4px; color: #333935; display: inline-flex; font-size: 12px; font-weight: 400; letter-spacing: 0.2px; margin: 0 4px 0 0; padding: 7px 4px; position: relative; text-transform: capitalize; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend-slice:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend-slice:focus { outline: none; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__label { display: inline-flex; flex-direction: column; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__label::after { content: attr(data-label); display: inline-flex; font-weight: 500; height: 0; visibility: hidden; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dot { border-radius: 50%; display: inline-block; height: 12px; margin: 0 4px 0 0; width: 12px; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__underlay { display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease-in-out; width: 100%; z-index: 1; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend-active { font-weight: 500; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend-active .googlesitekit-widget--analyticsAllTraffic__underlay, .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend-slice:hover .googlesitekit-widget--analyticsAllTraffic__underlay { opacity: 0.16; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend-others { cursor: text; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend-others:hover .googlesitekit-widget--analyticsAllTraffic__underlay { opacity: 0; } .googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__legend--single .googlesitekit-widget--analyticsAllTraffic__legend-slice:not(:first-child) { display: none; } /** * AdSense AdBlocker Warning 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. */ .googlesitekit-plugin .googlesitekit-widget--adBlockerWarning { background-color: transparent; box-shadow: none; } /** * Analytics Popular Pages styles. * * Site Kit by Google, Copyright 2024 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-popular-pages-widget__report-table--tabbed-layout .googlesitekit-table__body-item:last-child { white-space: nowrap; } .googlesitekit-plugin .googlesitekit-analytics-popular-pages-widget__report-table--tabbed-layout .googlesitekit-table__body-item:last-child .googlesitekit-table__body-item-content { padding-left: 1em; } /** * Analytics Overall Page Metrics widget 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-ua-cutoff-warning--overall-page-metrics { padding-left: 0; padding-right: 0; padding-top: 0; } /** * WidgetErrorHandler styles. * * Site Kit by Google, Copyright 2024 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-error-handler { display: grid; grid-column: 1/-1; grid-row: 1/-1; grid-template-columns: subgrid; } /** * Alignment 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-align-self-center { align-self: center; } /** * Border Radius 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-border-radius-round { border-radius: 50%; } @media (min-width: 600px) and (max-width: 783px) { .googlesitekit-plugin .googlesitekit-border-radius-round--tablet { border-radius: 50%; } } @media (max-width: 599px) { .googlesitekit-plugin .googlesitekit-border-radius-round--phone { border-radius: 50%; } } /** * Color utility styles. * * Site Kit by Google, Copyright 2024 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-color--surfaces-on-background-variant { color: #6c726e; } /** * 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; } /** * Margin 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-margin-top-0 { margin-top: 0 !important; } .googlesitekit-plugin .googlesitekit-margin-top-1 { margin-top: 1rem !important; } .googlesitekit-plugin .googlesitekit-margin-bottom-0 { margin-bottom: 0 !important; } .googlesitekit-plugin .googlesitekit-margin-left-1rem { margin-left: 1rem; } .googlesitekit-plugin .googlesitekit-margin-left-auto { margin-left: auto; } .googlesitekit-plugin .googlesitekit-margin-right-0 { margin-right: 0; } /** * Overflow 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-auto { overflow: auto; } .googlesitekit-plugin .googlesitekit-overflow-hidden { overflow: hidden; } /** * 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; } /** * Padding utility 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-padding-top-0 { padding-top: 0; } .googlesitekit-plugin .googlesitekit-padding-bottom-0 { padding-bottom: 0; } /** * Text alignment 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-text-align-center { text-align: center; } /** * Width utility classes. * * 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-width-auto { width: auto; }