element.

style {
}
constructed stylesheet
html {
--iron-icon-height: 20px;
--iron-icon-width: 20px;
--viewer-icon-ink-color: rgb(189, 189, 189);
--viewer-pdf-toolbar-background-color: rgb(50, 54, 57);
--viewer-text-input-selection-color: rgba(255, 255, 255, 0.3);
}
constructed stylesheet
html {
--cr-fallback-color-outline: rgb(116, 119, 117);
--cr-fallback-color-primary: rgb(11, 87, 208);
--cr-fallback-color-on-primary: rgb(255, 255, 255);
--cr-fallback-color-primary-container: rgb(211, 227, 253);
--cr-fallback-color-on-primary-container: rgb(4, 30, 73);
--cr-fallback-color-secondary-container: rgb(194, 231, 255);
--cr-fallback-color-on-secondary-container: rgb(0, 29, 53);
--cr-fallback-color-neutral-container: rgb(242, 242, 242);
--cr-fallback-color-neutral-outline: rgb(199, 199, 199);
--cr-fallback-color-surface: rgb(255, 255, 255);
--cr-fallback-color-surface2: rgb(243, 246, 252);
--cr-fallback-color-on-surface-rgb: 31, 31, 31;
--cr-fallback-color-on-surface: rgb(var(--cr-fallback-color-on-surface-rgb));
--cr-fallback-color-surface-variant: rgb(225, 227, 225);
--cr-fallback-color-on-surface-variant: rgb(68, 71, 70);
--cr-fallback-color-on-surface-subtle: rgb(71, 71, 71);
--cr-fallback-color-inverse-primary: rgb(168, 199, 250);
--cr-fallback-color-inverse-surface: rgb(48, 48, 48);
--cr-fallback-color-inverse-on-surface: rgb(242, 242, 242);
--cr-fallback-color-tonal-container: rgb(211, 227, 253);
--cr-fallback-color-on-tonal-container: rgb(4, 30, 73);
--cr-fallback-color-tonal-outline: rgb(168, 199, 250);
--cr-fallback-color-error: rgb(179, 38, 30);
--cr-fallback-color-divider: rgb(211, 227, 253);
--cr-fallback-color-state-hover-on-prominent_: rgba(253, 252, 251, .1);
--cr-fallback-color-state-on-subtle-rgb_: 31, 31, 31;
--cr-fallback-color-state-hover-on-subtle_: rgba( 31,31,31, .06);
--cr-fallback-color-state-ripple-neutral-on-subtle_: rgba( 31,31,31, .08);
--cr-fallback-color-state-ripple-primary-rgb_: 124, 172, 248;
--cr-fallback-color-state-ripple-primary_: rgba( 124,172,248, 0.32);
--cr-fallback-color-base-container: rgb(236, 239, 247);
--cr-fallback-color-disabled-background: rgba( 31,31,31, .12);
--cr-fallback-color-disabled-foreground: rgba( 31,31,31, .38);
--cr-hover-background-color: var(--color-sys-state-hover, rgba(var(--cr-
fallback-color-on-surface-rgb), .08));
--cr-hover-on-prominent-background-color: var(--color-sys-state-hover-on-
prominent, var(--cr-fallback-color-state-hover-on-prominent_));
--cr-hover-on-subtle-background-color: var(--color-sys-state-hover-on-subtle,
var(--cr-fallback-color-state-hover-on-subtle_));
--cr-active-background-color: var(--color-sys-state-pressed, rgba(var(--cr-
fallback-color-on-surface-rgb), .12));
--cr-active-on-primary-background-color: var(--color-sys-state-ripple-primary,
var(--cr-fallback-color-state-ripple-primary_));
--cr-active-neutral-on-subtle-background-color: var(--color-sys-state-ripple-
neutral-on-subtle, var(--cr-fallback-color-state-ripple-neutral-on-subtle_));
--cr-focus-outline-color: var(--color-sys-state-focus-ring, var(--cr-fallback-
color-primary));
 --cr-primary-text-color: var(--color-primary-foreground, var(--cr-fallback-
color-on-surface));
--cr-secondary-text-color: var(--color-secondary-foreground, var(--cr-fallback-
color-on-surface-variant));
--cr-link-color: var(--color-link-foreground-default, var(--cr-fallback-color-
primary));
--cr-button-height: 36px;
--cr-shadow-color: var(--color-sys-shadow, rgb(0, 0, 0));
--cr-checked-color: var(--color-checkbox-foreground-checked, var(--cr-fallback-
color-primary));
}
constructed stylesheet
html {
--cr-button-edge-spacing: 12px;
--cr-controlled-by-spacing: 24px;
--cr-default-input-max-width: 264px;
--cr-icon-ripple-size: 36px;
--cr-icon-ripple-padding: 8px;
--cr-icon-size: 20px;
--cr-icon-button-margin-start: 16px;
--cr-icon-ripple-margin: calc(var(--cr-icon-ripple-padding) * -1);
--cr-section-min-height: 48px;
--cr-section-two-line-min-height: 64px;
--cr-section-padding: 20px;
--cr-section-vertical-padding: 12px;
--cr-section-indent-width: 40px;
--cr-section-indent-padding: calc( var(--cr-section-padding) + var(--cr-
section-indent-width));
--cr-section-vertical-margin: 21px;
--cr-centered-card-max-width: 680px;
--cr-centered-card-width-percentage: 0.96;
--cr-hairline: 1px solid rgba(var(--cr-hairline-rgb), .14);
--cr-separator-height: 1px;
--cr-separator-line: var(--cr-separator-height) solid var(--cr-separator-
color);
--cr-toolbar-overlay-animation-duration: 150ms;
--cr-toolbar-height: 56px;
--cr-container-shadow-height: 6px;
--cr-container-shadow-margin: calc(-1 * var(--cr-container-shadow-height));
--cr-container-shadow-max-opacity: 1;
--cr-card-border-radius: 8px;
--cr-disabled-opacity: .38;
--cr-form-field-bottom-spacing: 16px;
--cr-form-field-label-font-size: .625rem;
--cr-form-field-label-height: 1em;
--cr-form-field-label-line-height: 1;
}
constructed stylesheet
html {
--google-blue-50-rgb: 232, 240, 254;
--google-blue-50: rgb(var(--google-blue-50-rgb));
--google-blue-100-rgb: 210, 227, 252;
--google-blue-100: rgb(var(--google-blue-100-rgb));
--google-blue-200-rgb: 174, 203, 250;
--google-blue-200: rgb(var(--google-blue-200-rgb));
--google-blue-300-rgb: 138, 180, 248;
--google-blue-300: rgb(var(--google-blue-300-rgb));
--google-blue-400-rgb: 102, 157, 246;
--google-blue-400: rgb(var(--google-blue-400-rgb));
 --google-blue-500-rgb: 66, 133, 244;
--google-blue-500: rgb(var(--google-blue-500-rgb));
--google-blue-600-rgb: 26, 115, 232;
--google-blue-600: rgb(var(--google-blue-600-rgb));
--google-blue-700-rgb: 25, 103, 210;
--google-blue-700: rgb(var(--google-blue-700-rgb));
--google-blue-800-rgb: 24, 90, 188;
--google-blue-800: rgb(var(--google-blue-800-rgb));
--google-blue-900-rgb: 23, 78, 166;
--google-blue-900: rgb(var(--google-blue-900-rgb));
--google-green-50-rgb: 230, 244, 234;
--google-green-50: rgb(var(--google-green-50-rgb));
--google-green-200-rgb: 168, 218, 181;
--google-green-200: rgb(var(--google-green-200-rgb));
--google-green-300-rgb: 129, 201, 149;
--google-green-300: rgb(var(--google-green-300-rgb));
--google-green-400-rgb: 91, 185, 116;
--google-green-400: rgb(var(--google-green-400-rgb));
--google-green-500-rgb: 52, 168, 83;
--google-green-500: rgb(var(--google-green-500-rgb));
--google-green-600-rgb: 30, 142, 62;
--google-green-600: rgb(var(--google-green-600-rgb));
--google-green-700-rgb: 24, 128, 56;
--google-green-700: rgb(var(--google-green-700-rgb));
--google-green-800-rgb: 19, 115, 51;
--google-green-800: rgb(var(--google-green-800-rgb));
--google-green-900-rgb: 13, 101, 45;
--google-green-900: rgb(var(--google-green-900-rgb));
--google-grey-50-rgb: 248, 249, 250;
--google-grey-50: rgb(var(--google-grey-50-rgb));
--google-grey-100-rgb: 241, 243, 244;
--google-grey-100: rgb(var(--google-grey-100-rgb));
--google-grey-200-rgb: 232, 234, 237;
--google-grey-200: rgb(var(--google-grey-200-rgb));
--google-grey-300-rgb: 218, 220, 224;
--google-grey-300: rgb(var(--google-grey-300-rgb));
--google-grey-400-rgb: 189, 193, 198;
--google-grey-400: rgb(var(--google-grey-400-rgb));
--google-grey-500-rgb: 154, 160, 166;
--google-grey-500: rgb(var(--google-grey-500-rgb));
Show all properties (55 more)
}
html, body {
height: 100%;
}
html {
touch-action: pan-x pan-y;
}
html[Attributes Style] {
direction: ltr;
-webkit-locale: "en";
}
user agent stylesheet
[dir="ltr" i] {
unicode-bidi: isolate;
}
user agent stylesheet
:root {
view-transition-name: root;
}
user agent stylesheet
html {
display: block;