25562 lines
886 KiB
CSS
25562 lines
886 KiB
CSS
/**
|
|
* 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;
|
|
}
|