API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 21st, 2021
574
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 65.66 KB | None | 0 0
raw download clone embed print report
  1.  
  2. element.style {
  3. }
  4. canvas, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, embed, fieldset, font, form, h1, h2, h3, h4, h5, h6, hr, i, iframe, img, ins, kbd, label, legend, li, menu, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
  5.     margin: 0;
  6.     padding: 0;
  7.     border: 0;
  8.     background: transparent;
  9. }
  10.  
  11. user agent stylesheet
  12. p {
  13.     display: block;
  14.     margin-block-start: 1em;
  15.     margin-block-end: 1em;
  16.     margin-inline-start: 0px;
  17.     margin-inline-end: 0px;
  18. }
  19. Style Attribute {
  20.     --ytd-watch-flexy-scrollbar-width: 17px;
  21.     --ytd-watch-flexy-panel-max-height: 480px;
  22.     --ytd-watch-flexy-chat-max-height: 480px;
  23. }
  24. ytd-watch-flexy[flexy][flexy-large-window_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy][flexy-large-window_][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy][flexy-large-window_][playlist][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy][flexy-large-window_][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) {
  25.     --ytd-watch-flexy-min-player-height: 480px;
  26. }
  27. ytd-watch-flexy[flexy][transcript-opened_][is-two-columns_], ytd-watch-flexy[flexy][playlist][is-two-columns_], ytd-watch-flexy[flexy][should-stamp-chat][is-two-columns_] {
  28.     --ytd-watch-flexy-min-player-height: 380px;
  29. }
  30. ytd-watch-flexy[flexy] {
  31.     --ytd-watch-flexy-width-ratio: 16;
  32.     --ytd-watch-flexy-height-ratio: 9;
  33.     --ytd-watch-flexy-space-below-player: 136px;
  34.     --ytd-watch-flexy-non-player-height: calc(var(--ytd-watch-flexy-masthead-height) + var(--ytd-margin-6x) + var(--ytd-watch-flexy-space-below-player));
  35.     --ytd-watch-flexy-non-player-width: calc(var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)));
  36.     --ytd-watch-flexy-min-player-height: 240px;
  37.     --ytd-watch-flexy-min-player-width: calc(var(--ytd-watch-flexy-min-player-height) * (var(--ytd-watch-flexy-width-ratio) / var(--ytd-watch-flexy-height-ratio)));
  38.     --ytd-watch-flexy-max-player-height: calc(100vh - (var(--ytd-watch-flexy-masthead-height) + var(--ytd-margin-6x) + var(--ytd-watch-flexy-space-below-player)));
  39.     --ytd-watch-flexy-max-player-width: calc( (100vh - (var(--ytd-watch-flexy-masthead-height) + var(--ytd-margin-6x) + var(--ytd-watch-flexy-space-below-player))) * (var(--ytd-watch-flexy-width-ratio) / var(--ytd-watch-flexy-height-ratio)));
  40. }
  41. ytd-watch-flexy {
  42.     --ytd-watch-flexy-sidebar-width: 402px;
  43.     --ytd-watch-flexy-sidebar-min-width: 300px;
  44.     --ytd-watch-flexy-masthead-height: 56px;
  45.     min-width: 0;
  46. }
  47. #page-manager.ytd-app {
  48.     --ytd-toolbar-offset: var(--ytd-masthead-height, var(--ytd-toolbar-height));
  49.     overflow-x: auto;
  50.     margin-top: var(--ytd-masthead-height, var(--ytd-toolbar-height));
  51.     display: -ms-flexbox;
  52.     display: -webkit-flex;
  53.     display: flex;
  54.     -ms-flex: 1 1 1e-9px;
  55.     -webkit-flex: 1;
  56.     flex: 1;
  57.     -webkit-flex-basis: 1e-9px;
  58.     flex-basis: 1e-9px;
  59. }
  60. ytd-app {
  61.     --app-drawer-width: 240px;
  62.     --app-drawer-content-container_-_background-color: var(--yt-spec-general-background-a);
  63.     background: var(--yt-spec-general-background-a);
  64.     display: block;
  65.     left: 0;
  66.     min-height: 100%;
  67.     position: absolute;
  68.     right: 0;
  69.     top: 0;
  70. }
  71. Style Attribute {
  72.     font-size: 10px;
  73.     font-family: Roboto, Arial, sans-serif;
  74. }
  75. html:not(.style-scope)[dark], :not(.style-scope)[dark] {
  76.     --ytd-searchbox-border-color: var(--yt-opalescence-grey-opacity-lighten-4);
  77.     --ytd-searchbox-legacy-border-color: #303030;
  78.     --ytd-searchbox-legacy-border-shadow-color: rgba(0, 0, 0, 0);
  79.     --ytd-searchbox-legacy-button-color: rgba(255, 255, 255, 0.08);
  80.     --ytd-searchbox-legacy-button-border-color: #303030;
  81.     --ytd-searchbox-legacy-button-focus-color: rgba(255, 255, 255, 0.08);
  82.     --ytd-searchbox-legacy-button-hover-color: rgba(255, 255, 255, 0.08);
  83.     --ytd-searchbox-legacy-button-hover-border-color: #303030;
  84.     --ytd-searchbox-legacy-button-icon-color: var(--yt-dark-body-300);
  85.     --ytd-moderation-panel-background: var(--yt-dark-surface-200-lighten-1);
  86.     --ytd-moderation-panel-hover: var(--yt-dark-surface-200);
  87.     --ytd-moderation-panel-comment-text: var(--yt-dark-body-300);
  88.     --ytd-moderation-panel-comment-metadata-text: var(--yt-dark-body-300);
  89.     --ytd-moderation-icon-color: var(--yt-dark-body-300);
  90.     --ytd-moderation-icon-hover-color: var(--yt-dark-body-400);
  91.     --ytd-comment-text-color: var(--yt-dark-body-500);
  92.     --ytd-comment-metadata-text-color: var(--yt-opalescence-grey);
  93.     --ytd-watch-card-secondary-text-color: var(--yt-opalescence-soft-grey);
  94.     --ytd-watch-card-album-header-background: var(--yt-luna-black);
  95.     --ytd-watch-header-background: var(--yt-dark-surface-200);
  96.     --ytd-backstage-metadata-text-color: var(--yt-dark-body-500);
  97.     --ytd-backstage-video-link-background-color: var(--yt-dark-surface-300);
  98.     --ytd-backstage-image-alert-color: var(--yt-dark-body-500);
  99.     --ytd-backstage-cancel-background-color: var(--yt-dark-surface-300);
  100.     --ytd-backstage-cancel-color: var(--yt-white);
  101.     --ytd-backstage-attachment-background-color: var(--yt-dark-surface-100);
  102.     --ytd-backstage-creationbox-inactive-color: var(--yt-dark-body-200);
  103.     --ytd-backstage-creationbox-text-color: var(--yt-dark-body-300);
  104.     --ytd-backstage-creationbox-input-text-color: var(--yt-dark-body-500);
  105.     --ytd-backstage-creationbox-disabled-button-color: var(--yt-dark-body-100);
  106.     --ytd-backstage-creationbox-disabled-button-text-color: var(--yt-dark-body-200);
  107.     --ytd-backstage-attachment-icon-hover-color: var(--yt-dark-body-400);
  108.     --ytd-sponsorships-background-color-focus: var(--yt-dark-surface-200);
  109.     --ytd-badge-disabled-color: var(--yt-white-opacity-lighten-3);
  110.     --ytd-collection-badge-color: var(--yt-white-opacity-lighten-1);
  111.     --ytd-owner-badge-color: var(--yt-white-opacity-lighten-3);
  112.     --ytd-simple-badge-color: var(--yt-white-opacity-lighten-2);
  113.     --ytd-shopping-product-info: var(--yt-dark-body-400);
  114.     --ytd-transcript-cue-hover-background-color: var(--yt-opalescence-grey-opacity-lighten-3);
  115.     --ytd-transcript-toolbar-background-color: var(--yt-opalescence-grey-opacity-lighten-3);
  116.     --ytd-transcript-toolbar-text: var(--yt-dark-body-500);
  117.     --ytd-video-publish-date-color: var(--yt-white-opacity-lighten-2);
  118.     --ytd-vat-notice-text: var(--yt-white-opacity-lighten-2);
  119.     --ytd-offer-background-color: var(--yt-dark-surface-300);
  120.     --ytd-video-game-watch-card-logo-color: var(--yt-white);
  121.     --ytd-watch-split-pane-sidebar-background-color: var(--yt-dark-surface-200);
  122. }
  123. html:not(.style-scope)[dark] {
  124.     --yt-live-chat-background-color: #191919;
  125.     --yt-live-chat-action-panel-background-color: #282828;
  126.     --yt-live-chat-action-panel-background-color-transparent: rgba(40, 40, 40, .8);
  127.     --yt-live-chat-secondary-background-color: #282828;
  128.     --yt-live-chat-toast-text-color: var(--yt-white);
  129.     --yt-live-chat-toast-background-color: #323232;
  130.     --yt-live-chat-mode-change-background-color: #333;
  131.     --yt-live-chat-primary-text-color: var(--yt-white);
  132.     --yt-live-chat-secondary-text-color: rgba(255, 255, 255, 0.7);
  133.     --yt-live-chat-tertiary-text-color: rgba(255, 255, 255, 0.54);
  134.     --yt-live-chat-text-input-field-inactive-underline-color: #666;
  135.     --yt-live-chat-text-input-field-placeholder-color: #666;
  136.     --yt-live-chat-icon-button-color: var(--yt-live-chat-primary-text-color);
  137.     --yt-live-chat-enabled-send-button-color: #fff;
  138.     --yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, 0.3);
  139.     --yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color);
  140.     --yt-live-chat-picker-button-active-color: var(--yt-white);
  141.     --yt-live-chat-picker-button-disabled-color: var(--yt-live-chat-disabled-icon-button-color);
  142.     --yt-live-chat-picker-button-hover-color: rgba(255, 255, 255, .74);
  143.     --yt-live-chat-mention-background-color: #ff5722;
  144.     --yt-live-chat-mention-text-color: #fff;
  145.     --yt-live-chat-deleted-message-color: rgba(255, 255, 255, 0.5);
  146.     --yt-live-chat-deleted-message-bar-color: rgba(255, 255, 255, 0.5);
  147.     --yt-live-chat-error-message-color: var(--yt-spec-brand-link-text);
  148.     --yt-live-chat-reconnect-message-color: #fff;
  149.     --yt-live-chat-disabled-button-background-color: #444;
  150.     --yt-live-chat-disabled-button-text-color: var(--yt-live-chat-secondary-text-color);
  151.     --yt-live-chat-sub-panel-background-color: #3e3e3e;
  152.     --yt-live-chat-sub-panel-background-color-transparent: rgba(62, 62, 62, .7);
  153.     --yt-live-chat-header-background-color: var(--yt-live-chat-action-panel-background-color);
  154.     --yt-live-chat-header-button-color: var(--yt-live-chat-secondary-text-color);
  155.     --yt-live-chat-moderator-color: #5e84f1;
  156.     --yt-live-chat-owner-color: #ffd600;
  157.     --yt-live-chat-message-highlight-background-color: #282828;
  158.     --yt-live-chat-author-chip-owner-text-color: var(--yt-luna-black);
  159.     --yt-live-chat-author-chip-verified-background-color: var(--yt-spec-grey-5);
  160.     --yt-live-chat-author-chip-verified-text-color: var(--yt-spec-white-4);
  161.     --yt-live-chat-sponsor-color: #2ba640;
  162.     --yt-live-chat-overlay-color: rgba(0, 0, 0, .5);
  163.     --yt-live-chat-dialog-background-color: #424242;
  164.     --yt-live-chat-dialog-text-color: var(--yt-white);
  165.     --yt-live-chat-button-default-text-color: var(--yt-white);
  166.     --yt-live-chat-button-default-background-color: var(--yt-white-opacity-lighten-4);
  167.     --yt-live-chat-button-dark-text-color: var(--yt-white);
  168.     --yt-live-chat-button-dark-background-color: var(--yt-white-opacity-lighten-4);
  169.     --yt-live-chat-moderation-mode-hover-background-color: rgba(255, 255, 255, 0.3);
  170.     --yt-live-chat-additional-inline-action-button-color: var(--yt-grey);
  171.     --yt-live-chat-additional-inline-action-button-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-1);
  172.     --yt-live-chat-additional-inline-action-button-background-color-hover: var(--yt-opalescence-soft-grey);
  173.     --yt-formatted-string-emoji-size: 24px;
  174. Show All Properties (31 more)
  175. }
  176. html:not(.style-scope)[dark], :not(.style-scope)[dark] {
  177.     --yt-std-body-200: var(--yt-dark-body-200);
  178.     --yt-std-body-300: var(--yt-dark-body-300);
  179.     --yt-std-surface-200: var(--yt-dark-surface-200);
  180.     --yt-std-surface-300: var(--yt-dark-surface-300);
  181.     --yt-std-surface-400: var(--yt-dark-surface-400);
  182.     --yt-primary-color: var(--yt-dark-body-500);
  183.     --yt-primary-text-color: var(--yt-dark-body-500);
  184.     --yt-secondary-text-color: var(--yt-dark-body-300);
  185.     --yt-tertiary-text-color: var(--yt-dark-body-300);
  186.     --yt-disabled-text-color: var(--yt-dark-body-200);
  187.     --yt-placeholder-text-color: var(--yt-dark-body-300);
  188.     --yt-border-color: var(--yt-dark-body-100);
  189.     --yt-commentbox-border-inactive: var(--yt-dark-body-300);
  190.     --yt-commentbox-border-active: var(--yt-dark-body-500);
  191.     --yt-alert-background: var(--yt-dark-body-200);
  192.     --yt-paper-button-ink-color: var(--yt-white-opacity-lighten-4);
  193.     --yt-icon-color: var(--yt-dark-body-300);
  194.     --yt-icon-hover-color: var(--yt-dark-body-400);
  195.     --yt-icon-active-color: var(--yt-dark-body-500);
  196.     --yt-icon-disabled-color: var(--yt-dark-body-200);
  197.     --yt-expand-color: var(--yt-white-opacity-lighten-2);
  198.     --yt-metadata-color: var(--yt-opalescence-grey);
  199.     --yt-channel-owner: var(--yt-dark-body-500);
  200.     --yt-placeholder-text: var(--yt-opalescence-soft-grey);
  201.     --yt-playlist-background-header: var(--yt-opalescence-grey-opacity-lighten-3);
  202.     --yt-playlist-background-item: var(--yt-opalescence-grey-opacity-lighten-4);
  203.     --yt-playlist-title-text: var(--yt-dark-body-500);
  204.     --yt-playlist-message-text: var(--yt-opalescence-soft-grey);
  205.     --yt-subscribe-button-text-color: var(--yt-dark-body-500);
  206.     --yt-button-text-color: var(--yt-dark-body-300);
  207.     --yt-button-active-color: var(--yt-dark-body-500);
  208.     --yt-button-payment-text-color: var(--yt-dark-body-500);
  209.     --yt-copyright-text: var(--yt-white-opacity-lighten-2);
  210.     --yt-guide-entry-text-color: var(--yt-dark-body-500);
  211.     --yt-thumbnail-placeholder-color: var(--yt-section-4-dark);
  212.     --yt-primary-disabled-button-text-color: var(--yt-white-opacity-lighten-4);
  213.     --yt-featured-channel-title-text-color: var(--yt-dark-body-300);
  214.     --yt-formatted-string-deemphasize-color: var(--yt-opalescence-grey);
  215.     --yt-video-secondary-info-description-background: var(--yt-opalescence-grey-opacity-lighten-4);
  216.     --yt-simple-menu-header-background: var(--yt-opalescence-grey-opacity-lighten-3);
  217.     --yt-item-section-header-color: var(--yt-opalescence-soft-grey);
  218.     --yt-menu-hover-backgound-color: var(--yt-dark-body-100);
  219.     --yt-menu-focus-background-color: var(--yt-dark-body-200);
  220.     --yt-searchbox-text-color: var(--yt-primary-text-color);
  221.     --yt-app-background: var(--yt-dark-surface-100);
  222.     --yt-main-app-background: var(--yt-dark-surface-100);
  223.     --yt-main-app-background-tmp: var(--yt-dark-surface-100);
  224.     --yt-guide-background: var(--yt-dark-surface-200);
  225.     --yt-dialog-background: var(--yt-dark-surface-300);
  226.     --yt-searchbox-background: var(--yt-dark-surface-100);
  227. Show All Properties (4 more)
  228. }
  229. html:not(.style-scope)[dark], :not(.style-scope)[dark] {
  230.     --yt-spec-brand-background-solid: #212121;
  231.     --yt-spec-brand-background-primary: rgba(33, 33, 33, 0.98);
  232.     --yt-spec-brand-background-secondary: rgba(33, 33, 33, 0.95);
  233.     --yt-spec-general-background-a: #181818;
  234.     --yt-spec-general-background-b: #0f0f0f;
  235.     --yt-spec-general-background-c: #030303;
  236.     --yt-spec-error-background: #f9f9f9;
  237.     --yt-spec-text-primary: #fff;
  238.     --yt-spec-text-primary-inverse: #030303;
  239.     --yt-spec-text-secondary: #aaa;
  240.     --yt-spec-text-disabled: #717171;
  241.     --yt-spec-call-to-action: #3ea6ff;
  242.     --yt-spec-icon-active-other: #fff;
  243.     --yt-spec-icon-inactive: #909090;
  244.     --yt-spec-icon-disabled: #606060;
  245.     --yt-spec-badge-chip-background: rgba(255, 255, 255, 0.1);
  246.     --yt-spec-verified-badge-background: rgba(255, 255, 255, 0.25);
  247.     --yt-spec-suggested-action: #252a3a;
  248.     --yt-spec-button-chip-background-hover: rgba(255, 255, 255, 0.2);
  249.     --yt-spec-touch-response: #fff;
  250.     --yt-spec-paper-tab-ink: rgba(255, 255, 255, 0.3);
  251.     --yt-spec-filled-button-text: #030303;
  252.     --yt-spec-call-to-action-inverse: #065fd4;
  253.     --yt-spec-brand-icon-active: #fff;
  254.     --yt-spec-brand-icon-inactive: #909090;
  255.     --yt-spec-brand-button-background: #c00;
  256.     --yt-spec-brand-link-text: #ff4e45;
  257.     --yt-spec-filled-button-focus-outline: rgba(255, 255, 255, 0.7);
  258.     --yt-spec-call-to-action-button-focus-outline: rgba(62, 166, 255, 0.3);
  259.     --yt-spec-brand-text-button-focus-outline: rgba(255, 78, 69, 0.3);
  260.     --yt-spec-inactive-text-button-focus-outline: #606060;
  261.     --yt-spec-ad-indicator: #00aaa7;
  262.     --yt-spec-brand-subscribe-button-background: var(--yt-spec-brand-button-background);
  263.     --yt-spec-wordmark-text: #fff;
  264.     --yt-spec-10-percent-layer: rgba(255, 255, 255, 0.1);
  265.     --yt-spec-snackbar-background: #030303;
  266.     --yt-spec-selected-nav-text: #fff;
  267.     --yt-spec-themed-blue: #3ea6ff;
  268.     --yt-spec-themed-green: #2ba640;
  269.     --yt-spec-themed-overlay-background: rgba(0, 0, 0, 0.8);
  270.     --yt-spec-assistive-feed-themed-gradient-1: #005446;
  271.     --yt-spec-assistive-feed-themed-gradient-2: #39003f;
  272.     --yt-spec-assistive-feed-themed-gradient-3: #590000;
  273. }
  274. html:not(.style-scope) {
  275.     --yt-swatch-icon-color: var(--yt-luna-black-opacity-lighten-3);
  276.     --yt-swatch-primary: var(--yt-white);
  277.     --yt-swatch-primary-darker: rgb(230, 230, 230);
  278.     --yt-swatch-text: var(--yt-luna-black-opacity-lighten-3);
  279.     --yt-swatch-input-text: var(--yt-luna-black);
  280.     --yt-swatch-tab-selected-text: rgb(15, 15, 15);
  281.     --yt-swatch-textbox-bg: rgb(255, 255, 255);
  282. }
  283. html:not(.style-scope) {
  284.     --yt-subscription-product-grid-margin: 24px;
  285.     --yt-subscription-product-grid-margin-two-thirds: 16px;
  286.     --yt-subscription-product-grid-margin-half: 12px;
  287.     --yt-subscription-product-grid-margin-one-third: 8px;
  288. }
  289. html:not(.style-scope) {
  290.     --paper-tooltip_-_margin: 8px;
  291.     --paper-tooltip_-_font-size: var(--ytd-thumbnail-attribution_-_font-size);
  292.     --paper-tooltip_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight);
  293.     --paper-tooltip_-_line-height: var(--ytd-thumbnail-attribution_-_line-height);
  294.     --paper-tooltip_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing);
  295.     --paper-tooltip_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);
  296.     --paper-tooltip-delay-in: 1ms;
  297.     --paper-tooltip-delay-out: 0;
  298.     --paper-tooltip-duration-in: 150ms;
  299.     --paper-tooltip-duration-out: 75ms;
  300.     --iron-overlay-backdrop-opacity: 0.8;
  301.     --paper-tab-content-focused_-_font-weight: 500;
  302. }
  303. html:not(.style-scope) {
  304.     --ytd-z-index-report-form-overlay: 100;
  305.     --ytd-z-index-engagement-panel-scrim: 600;
  306.     --ytd-z-index-engagement-panel-scrimmed: 601;
  307.     --ytd-z-index-toggle-button-tooltip: 2300;
  308.     --ytd-z-index-miniplayer-bar: 2008;
  309.     --ytd-z-index-masthead: 2020;
  310.     --ytd-z-index-user-mention-suggestions-container: 2022;
  311.     --ytd-z-index-notification: 2024;
  312.     --ytd-z-index-miniplayer: 2025;
  313.     --ytd-z-index-channel-name: 300;
  314.     --ytd-thumbnail-height: 118px;
  315.     --ytd-grid-1-columns-width: 214px;
  316.     --ytd-grid-2-columns-width: 428px;
  317.     --ytd-grid-3-columns-width: 642px;
  318.     --ytd-grid-4-columns-width: 856px;
  319.     --ytd-grid-5-columns-width: 1070px;
  320.     --ytd-grid-6-columns-width: 1284px;
  321.     --ytd-grid-max-width: 1284px;
  322.     --ytd-grid-thumbnail_-_height: 118px;
  323.     --ytd-grid-thumbnail_-_width: 210px;
  324.     --ytd-grid-section_-_margin-bottom: 24px;
  325.     --ytd-grid-video-item_-_display: inline-block;
  326.     --ytd-grid-video-item_-_width: 210px;
  327.     --ytd-grid-subheader_-_margin: 24px 0;
  328.     --ytd-grid-video-title_-_display: var(--ytd-link-two-lines_-_display, block);
  329.     --ytd-grid-video-title_-_margin: 8px 0 8px;
  330.     --ytd-grid-video-title_-_max-height: var(--ytd-link-two-lines_-_max-height);
  331.     --ytd-grid-video-title_-_overflow: var(--ytd-link-two-lines_-_overflow);
  332.     --ytd-grid-video-title_-_font-size: var(--ytd-link-two-lines_-_font-size);
  333.     --ytd-grid-video-title_-_font-weight: var(--ytd-link-two-lines_-_font-weight);
  334.     --ytd-grid-video-title_-_line-height: var(--ytd-link-two-lines_-_line-height);
  335.     --ytd-grid-video-title_-_letter-spacing: var(--ytd-link-two-lines_-_letter-spacing);
  336.     --ytd-grid-info-container_-_padding-right: 24px;
  337.     --ytd-scrollbar-width: 8px;
  338.     --ytd-scrollbar-scrubber_-_height: 56px;
  339.     --ytd-scrollbar-scrubber_-_background: var(--yt-spec-icon-disabled);
  340.     --ytd-fixed-width-container_-_position: relative;
  341.     --ytd-fixed-width-container_-_overflow: hidden;
  342.     --ytd-fixed-width-container_-_display: block;
  343.     --ytd-default-promo-panel-renderer-height: 600px;
  344. }
  345. html:not(.style-scope) {
  346.     --ytd-searchbox-border-color: var(--yt-opalescence-grey-opacity-lighten-4);
  347.     --ytd-searchbox-legacy-border-color: #ccc;
  348.     --ytd-searchbox-legacy-border-shadow-color: #eee;
  349.     --ytd-searchbox-legacy-button-color: #f8f8f8;
  350.     --ytd-searchbox-legacy-button-border-color: #d3d3d3;
  351.     --ytd-searchbox-legacy-button-focus-color: #e9e9e9;
  352.     --ytd-searchbox-legacy-button-hover-color: #f0f0f0;
  353.     --ytd-searchbox-legacy-button-hover-border-color: #c6c6c6;
  354.     --ytd-searchbox-legacy-button-icon-color: #333;
  355.     --ytd-moderation-panel-background: var(--yt-opalescence-soft-grey-opacity-lighten-2);
  356.     --ytd-moderation-panel-hover: var(--yt-opalescence-soft-grey-opacity-lighten-1);
  357.     --ytd-moderation-panel-comment-text: var(--yt-luna-black);
  358.     --ytd-moderation-panel-comment-metadata-text: var(--yt-luna-black-opacity-lighten-2);
  359.     --ytd-moderation-icon-color: var(--yt-luna-black-opacity-lighten-2);
  360.     --ytd-moderation-icon-hover-color: var(--yt-luna-black);
  361.     --ytd-moderation-panel-likely-spam-divider: var(--yt-opalescence-grey-opacity-lighten-5);
  362.     --ytd-comment-text-color: var(--yt-luna-black);
  363.     --ytd-comment-metadata-text-color: var(--yt-spec-text-secondary);
  364.     --ytd-watch-card-secondary-text-color: var(--yt-opalescence-grey);
  365.     --ytd-watch-card-album-header-background: var(--yt-white);
  366.     --ytd-watch-header-background: var(--yt-surface-300);
  367.     --ytd-backstage-metadata-text-color: var(--yt-opalescence-grey);
  368.     --ytd-backstage-video-link-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3);
  369.     --ytd-backstage-image-alert-color: var(--yt-luna-black-opacity-lighten-2);
  370.     --ytd-backstage-cancel-background-color: var(--yt-white);
  371.     --ytd-backstage-cancel-color: var(--yt-luna-black-opacity-lighten-3);
  372.     --ytd-backstage-attachment-background-color: var(--yt-surface-100);
  373.     --ytd-backstage-creationbox-inactive-color: var(--yt-body-200);
  374.     --ytd-backstage-creationbox-text-color: var(--yt-body-300);
  375.     --ytd-backstage-creationbox-input-text-color: var(--yt-body-500);
  376.     --ytd-backstage-creationbox-disabled-button-color: var(--yt-body-100);
  377.     --ytd-backstage-creationbox-disabled-button-text-color: var(--yt-white);
  378.     --ytd-backstage-attachment-icon-hover-color: var(--yt-body-400);
  379.     --ytd-sponsorships-background-color-focus: var(--yt-opalescence-soft-grey-opacity-lighten-3);
  380.     --ytd-badge-disabled-color: var(--yt-opalescence-grey-opacity-lighten-3);
  381.     --ytd-collection-badge-color: var(--yt-luna-black-opacity-lighten-1);
  382.     --ytd-owner-badge-color: var(--yt-luna-black-opacity-lighten-3);
  383.     --ytd-simple-badge-color: var(--yt-luna-black-opacity-lighten-2);
  384.     --ytd-shopping-product-info: var(--yt-luna-black-opacity-lighten-1);
  385.     --ytd-transcript-cue-hover-background-color: var(--yt-opalescence-soft-grey);
  386.     --ytd-transcript-toolbar-background-color: var(--yt-opalescence-soft-grey);
  387.     --ytd-transcript-toolbar-text: var(--yt-luna-black);
  388.     --ytd-video-publish-date-color: var(--yt-luna-black-opacity-lighten-2);
  389.     --ytd-vat-notice-text: var(--yt-luna-black-opacity-lighten-2);
  390.     --ytd-offer-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3);
  391.     --ytd-video-game-watch-card-logo-color: var(--yt-luna-black);
  392.     --ytd-watch-split-pane-sidebar-background-color: var(--yt-surface-200);
  393. }
  394. html:not(.style-scope) {
  395.     --paper-dialog-background-color: var(--yt-spec-brand-background-solid);
  396.     --paper-listbox-background-color: var(--yt-spec-brand-background-solid);
  397.     --paper-listbox-color: var(--yt-spec-text-primary);
  398.     --paper-spinner-layer-1-color: var(--yt-spec-icon-inactive);
  399.     --paper-spinner-layer-2-color: var(--yt-spec-icon-inactive);
  400.     --paper-spinner-layer-3-color: var(--yt-spec-icon-inactive);
  401.     --paper-spinner-layer-4-color: var(--yt-spec-icon-inactive);
  402.     --paper-spinner-color: var(--yt-spec-icon-inactive);
  403.     --paper-input-container-focus-color: var(--yt-spec-themed-blue);
  404.     --paper-input-container-input-color: var(--yt-spec-text-primary);
  405.     --paper-input-container-label-floating_-_font-size: var(--ytd-floating-input-thumbnail-attribution_-_font-size);
  406.     --paper-input-container-label-floating_-_font-weight: var(--ytd-floating-input-thumbnail-attribution_-_font-weight);
  407.     --paper-input-container-label-floating_-_line-height: var(--ytd-floating-input-thumbnail-attribution_-_line-height);
  408.     --paper-input-container-invalid-color: var(--yt-spec-brand-link-text);
  409.     --paper-checkbox-unchecked-color: var(--yt-spec-icon-inactive);
  410.     --paper-checkbox-unchecked-ink-color: var(--yt-spec-icon-inactive);
  411.     --paper-checkbox-checked-color: var(--yt-spec-call-to-action);
  412.     --paper-checkbox-checked-ink-color: var(--yt-spec-call-to-action);
  413.     --paper-checkbox-label-color: var(--yt-spec-text-primary);
  414.     --paper-checkbox-label-spacing: 16px;
  415.     --paper-checkbox-size: 20px;
  416.     --paper-checkbox-checkmark-color: var(--yt-spec-text-primary-inverse);
  417.     --paper-radio-button-unchecked-color: var(--yt-spec-icon-inactive);
  418.     --paper-radio-button-unchecked-ink-color: var(--yt-spec-icon-inactive);
  419.     --paper-radio-button-checked-color: var(--yt-spec-call-to-action);
  420.     --paper-radio-button-checked-ink-color: var(--yt-spec-call-to-action);
  421.     --paper-radio-button-label-spacing: 16px;
  422.     --paper-radio-button-label-color: var(--yt-spec-text-primary);
  423.     --paper-radio-button-size: 20px;
  424.     --paper-item_-_white-space: nowrap;
  425.     --paper-item_-_font-size: initial;
  426.     --paper-item_-_font-weight: initial;
  427.     --paper-item_-_line-height: initial;
  428.     --paper-item_-_letter-spacing: initial;
  429.     --paper-input-error_-_overflow: hidden;
  430.     --paper-toggle-button-unchecked-bar-color: var(--yt-spec-icon-disabled);
  431.     --paper-toggle-button-unchecked-button-color: var(--yt-spec-icon-inactive);
  432.     --paper-toggle-button-checked-bar-color: var(--yt-spec-icon-disabled);
  433.     --paper-toggle-button-checked-button-color: var(--yt-spec-call-to-action);
  434.     --paper-toggle-button-checked-ink-color: var(--yt-spec-call-to-action);
  435.     --paper-toggle-button-unchecked-ink-color: var(--yt-spec-touch-response);
  436.     --paper-tab-content-unselected_-_opacity: 1;
  437.     --paper-menu-disabled-color: var(--yt-spec-text-primary);
  438.     --paper-menu-background-color: var(--yt-spec-brand-background-solid);
  439.     --paper-menu-color: var(--yt-spec-text-primary);
  440.     --yt-icon-width: 40px;
  441.     --yt-icon-height: 40px;
  442.     --yt-search-correction_-_margin-top: 24px;
  443.     --yt-search-correction-corrected_-_color: var(--yt-spec-text-primary);
  444.     --yt-search-correction-corrected_-_font-size: var(--ytd-thumbnail-attribution_-_font-size);
  445. Show All Properties (34 more)
  446. }
  447. html:not(.style-scope) {
  448.     --ytd-rich-grid-items-per-row: 4;
  449.     --ytd-rich-grid-posts-per-row: 3;
  450.     --ytd-rich-grid-movies-per-row: 6;
  451.     --ytd-rich-grid-item-margin: 16px;
  452.     --ytd-rich-grid-item-min-width: 320px;
  453.     --ytd-rich-grid-item-max-width: 360px;
  454.     --ytd-rich-grid-mini-item-min-width: 240px;
  455.     --ytd-rich-grid-mini-item-max-width: 320px;
  456.     --ytd-rich-grid-movie-max-width: 220px;
  457. }
  458. html:not(.style-scope) {
  459.     --yt-live-chat-background-color: var(--yt-white);
  460.     --yt-live-chat-secondary-background-color: var(--yt-opalescence-soft-grey);
  461.     --yt-live-chat-action-panel-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3);
  462.     --yt-live-chat-action-panel-background-color-transparent: hsla(0, 0%, 97%, .8);
  463.     --yt-live-chat-mode-change-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3);
  464.     --yt-live-chat-primary-text-color: var(--yt-luna-black);
  465.     --yt-live-chat-secondary-text-color: var(--yt-luna-black-opacity-lighten-2);
  466.     --yt-live-chat-tertiary-text-color: var(--yt-luna-black-opacity-lighten-3);
  467.     --yt-live-chat-text-input-field-inactive-underline-color: #b8b8b8;
  468.     --yt-live-chat-text-input-field-placeholder-color: var(--yt-luna-black-opacity-lighten-2);
  469.     --yt-live-chat-text-input-field-underline-transition-duration: 0.25s;
  470.     --yt-live-chat-icon-button-color: var(--yt-luna-black-opacity-lighten-3);
  471.     --yt-live-chat-enabled-send-button-color: #4285f4;
  472.     --yt-live-chat-disabled-icon-button-color: var(--yt-luna-black-opacity-lighten-4);
  473.     --yt-live-chat-picker-button-color: var(--yt-luna-black-opacity-lighten-3);
  474.     --yt-live-chat-picker-button-active-color: var(--yt-luna-black-opacity-lighten-1);
  475.     --yt-live-chat-picker-button-disabled-color: var(--yt-live-chat-disabled-icon-button-color);
  476.     --yt-live-chat-picker-button-hover-color: var(--yt-luna-black-opacity-lighten-2);
  477.     --yt-live-chat-mention-background-color: #ff5722;
  478.     --yt-live-chat-mention-text-color: var(--yt-white);
  479.     --yt-live-chat-deleted-message-color: rgba(0, 0, 0, .5);
  480.     --yt-live-chat-deleted-message-bar-color: rgba(11, 11, 11, .2);
  481.     --yt-live-chat-disabled-button-background-color: var(--yt-opalescence-soft-grey);
  482.     --yt-live-chat-disabled-button-text-color: var(--yt-luna-black-opacity-lighten-3);
  483.     --yt-live-chat-sub-panel-background-color: var(--yt-opalescence-soft-grey);
  484.     --yt-live-chat-sub-panel-background-color-transparent: hsla(0, 0%, 93%, .7);
  485.     --yt-live-chat-header-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3);
  486.     --yt-live-chat-header-button-color: var(--yt-luna-black);
  487.     --yt-live-chat-count-color-early-warning: hsl(40, 76%, 55%);
  488.     --yt-live-chat-count-color-error: hsl(10, 51%, 49%);
  489.     --yt-live-chat-error-message-color: hsl(10, 51%, 49%);
  490.     --yt-live-chat-reconnect-message-color: hsla(0, 0%, 7%, 0.2);
  491.     --yt-live-chat-moderator-color: hsl(225, 84%, 66%);
  492.     --yt-live-chat-owner-color: hsl(40, 76%, 55%);
  493.     --yt-live-chat-author-chip-owner-background-color: #ffd600;
  494.     --yt-live-chat-author-chip-owner-text-color: rgba(0,0,0,0.87);
  495.     --yt-live-chat-author-chip-verified-background-color: var(--yt-spec-grey-1);
  496.     --yt-live-chat-author-chip-verified-text-color: var(--yt-spec-grey-5);
  497.     --yt-live-chat-message-highlight-background-color: #f8f8f8;
  498.     --yt-live-chat-sponsor-color: #107516;
  499.     --yt-live-chat-overlay-color: hsla(0, 0%, 0%, 0.6);
  500.     --yt-live-chat-dialog-background-color: var(--yt-white);
  501.     --yt-live-chat-dialog-text-color: var(--yt-luna-black-opacity-lighten-2);
  502.     --yt-live-chat-banner-border-color: var(--yt-spec-10-percent-layer);
  503.     --yt-live-chat-banner-animation-duration: 0.35s;
  504.     --yt-live-chat-banner-animation-fast-duration: 0.25s;
  505.     --yt-live-chat-banner-gradient-scrim: linear-gradient(rgba(255, 255, 255, 0.95), transparent);
  506.     --yt-live-chat-banner-indeterminate-bar-background: repeating-linear-gradient(90deg, #fff, #fff 6px, #aaa 6px, #aaa 9px);
  507.     --yt-live-chat-banner-bar-animation-duration: 1s;
  508.     --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, rgba(255, 255, 255, 0.95), transparent);
  509. Show All Properties (60 more)
  510. }
  511. html:not(.style-scope) {
  512.     --ytd-channel-title_-_font-size: var(--yt-channel-title-font-size, 2.4rem);
  513.     --ytd-channel-title_-_font-weight: 400;
  514.     --ytd-channel-title_-_line-height: var(--yt-channel-title-line-height, 3rem);
  515.     --yt-navbar-title-font-size: 1.8rem;
  516.     --ytd-navbar-title_-_font-size: var(--yt-navbar-title-font-size);
  517.     --ytd-navbar-title_-_font-weight: 400;
  518.     --ytd-navbar-title_-_line-height: var(--yt-navbar-title-line-height, 2.4rem);
  519.     --ytd-navbar-title-two-lines_-_display: block;
  520.     --ytd-navbar-title-two-lines_-_max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem));
  521.     --ytd-navbar-title-two-lines_-_overflow: hidden;
  522.     --ytd-navbar-title-two-lines_-_font-size: var(--ytd-navbar-title_-_font-size);
  523.     --ytd-navbar-title-two-lines_-_font-weight: var(--ytd-navbar-title_-_font-weight);
  524.     --ytd-navbar-title-two-lines_-_line-height: var(--ytd-navbar-title_-_line-height);
  525.     --ytd-subheadline_-_font-size: var(--yt-subheadline-font-size, 1.6rem);
  526.     --ytd-subheadline_-_font-weight: 400;
  527.     --ytd-subheadline_-_line-height: var(--yt-subheadline-line-height, 2rem);
  528.     --ytd-subheadline_-_letter-spacing: var(--yt-subheadline-letter-spacing, normal);
  529.     --ytd-subheadline-one-line_-_display: block;
  530.     --ytd-subheadline-one-line_-_max-height: var(--yt-subheadline-line-height, 2rem);
  531.     --ytd-subheadline-one-line_-_overflow: hidden;
  532.     --ytd-subheadline-one-line_-_font-size: var(--ytd-subheadline_-_font-size);
  533.     --ytd-subheadline-one-line_-_font-weight: var(--ytd-subheadline_-_font-weight);
  534.     --ytd-subheadline-one-line_-_line-height: var(--ytd-subheadline_-_line-height);
  535.     --ytd-subheadline-one-line_-_letter-spacing: var(--ytd-subheadline_-_letter-spacing);
  536.     --ytd-subheadline-one-line-ellipsis_-_white-space: nowrap;
  537.     --ytd-subheadline-one-line-ellipsis_-_text-overflow: ellipsis;
  538.     --ytd-subheadline-one-line-ellipsis_-_display: var(--ytd-subheadline-one-line_-_display);
  539.     --ytd-subheadline-one-line-ellipsis_-_max-height: var(--ytd-subheadline-one-line_-_max-height);
  540.     --ytd-subheadline-one-line-ellipsis_-_overflow: var(--ytd-subheadline-one-line_-_overflow);
  541.     --ytd-subheadline-one-line-ellipsis_-_font-size: var(--ytd-subheadline-one-line_-_font-size);
  542.     --ytd-subheadline-one-line-ellipsis_-_font-weight: var(--ytd-subheadline-one-line_-_font-weight);
  543.     --ytd-subheadline-one-line-ellipsis_-_line-height: var(--ytd-subheadline-one-line_-_line-height);
  544.     --ytd-subheadline-one-line-ellipsis_-_letter-spacing: var(--ytd-subheadline-one-line_-_letter-spacing);
  545.     --ytd-subheadline-link_-_font-size: var(--yt-subheadline-font-size, 1.6rem);
  546.     --ytd-subheadline-link_-_font-weight: 500;
  547.     --ytd-subheadline-link_-_line-height: var(--yt-subheadline-line-height, 2rem);
  548.     --ytd-subheadline-link_-_letter-spacing: var(--yt-subheadline-link-letter-spacing, normal);
  549.     --ytd-link_-_font-size: var(--yt-link-font-size, 1.4rem);
  550.     --ytd-link_-_font-weight: 500;
  551.     --ytd-link_-_line-height: var(--yt-link-line-height, 1.6rem);
  552.     --ytd-link_-_letter-spacing: var(--yt-link-letter-spacing, normal);
  553.     --ytd-link-one-line_-_display: block;
  554.     --ytd-link-one-line_-_max-height: var(--yt-link-line-height, 1.6rem);
  555.     --ytd-link-one-line_-_white-space: nowrap;
  556.     --ytd-link-one-line_-_overflow: hidden;
  557.     --ytd-link-one-line_-_font-size: var(--ytd-link_-_font-size);
  558.     --ytd-link-one-line_-_font-weight: var(--ytd-link_-_font-weight);
  559.     --ytd-link-one-line_-_line-height: var(--ytd-link_-_line-height);
  560.     --ytd-link-one-line_-_letter-spacing: var(--ytd-link_-_letter-spacing);
  561.     --ytd-link-two-lines_-_display: block;
  562. Show All Properties (104 more)
  563. }
  564. html:not(.style-scope) {
  565.     --yt-redeem-code-title_-_font-size: 2.4rem;
  566.     --yt-redeem-code-title_-_font-weight: 400;
  567.     --yt-redeem-code-title_-_line-height: 2.8rem;
  568.     --yt-redeem-input-text_-_font-size: 1.6rem;
  569.     --yt-redeem-input-text_-_font-weight: 400;
  570.     --yt-redeem-input-text_-_line-height: 1.6rem;
  571.     --yt-redeem-error-message_-_font-size: 1.2rem;
  572.     --yt-redeem-error-message_-_font-weight: 400;
  573.     --yt-redeem-error-message_-_line-height: 2.0rem;
  574.     --yt-post-redemption-section-title_-_font-size: 2.6rem;
  575.     --yt-post-redemption-section-title_-_font-weight: 400;
  576.     --yt-post-redemption-section-title_-_font-family: "YouTube Sans", "YT Sans";
  577.     --yt-post-redemption-section-title_-_line-height: 3rem;
  578.     --yt-post-redemption-section-title_-_-moz-osx-font-smoothing: grayscale;
  579.     --yt-post-redemption-section-title_-_-webkit-font-smoothing: antialiased;
  580. }
  581. html:not(.style-scope) {
  582.     --ytd-grid-base: 103px;
  583.     --ytd-margin-base: 4px;
  584.     --ytd-avatar-size: 32px;
  585.     --ytd-toolbar-height: 56px;
  586.     --ytd-margin-2x: 8px;
  587.     --ytd-margin-3x: 12px;
  588.     --ytd-margin-4x: 16px;
  589.     --ytd-margin-5x: 20px;
  590.     --ytd-margin-6x: 24px;
  591.     --ytd-margin-7x: 28px;
  592.     --ytd-margin-8x: 32px;
  593.     --ytd-margin-9x: 36px;
  594.     --ytd-margin-10x: 40px;
  595.     --ytd-margin-11x: 44px;
  596.     --ytd-margin-12x: 48px;
  597.     --ytd-margin-14x: 56px;
  598.     --ytd-margin-16x: 64px;
  599.     --ytd-margin-17x: 68px;
  600.     --ytd-margin-24x: 96px;
  601.     --ytd-margin-25x: 100px;
  602.     --ytd-margin-35x: 140px;
  603.     --ytd-neg-margin-base: -4px;
  604.     --ytd-neg-margin-2x: -8px;
  605.     --ytd-neg-margin-3x: -12px;
  606.     --ytd-neg-margin-4x: -16px;
  607.     --ytd-neg-margin-5x: -20px;
  608.     --ytd-neg-margin-6x: -24px;
  609.     --ytd-neg-margin-7x: -28px;
  610.     --ytd-neg-margin-8x: -32px;
  611.     --ytd-neg-margin-10x: -40px;
  612.     --ytd-neg-margin-11x: -44px;
  613.     --ytd-neg-margin-12x: -48px;
  614.     --ytd-neg-margin-14x: -56px;
  615.     --ytd-neg-margin-16x: -64px;
  616.     --ytd-neg-margin-24x: -96px;
  617.     --ytd-neg-margin-25x: -100px;
  618.     --ytd-grid-1x1_-_height: 103px;
  619.     --ytd-grid-1x1_-_width: 103px;
  620.     --ytd-safari-layout-fix_-_-ms-flex: var(--layout-flex-none_-_-ms-flex);
  621.     --ytd-safari-layout-fix_-_-webkit-flex: var(--layout-flex-none_-_-webkit-flex);
  622.     --ytd-safari-layout-fix_-_flex: var(--layout-flex-none_-_flex);
  623.     --yt-report-form-modal-renderer-min-width: 250px;
  624.     --yt-legal-report-details-form-renderer-min-width: 250px;
  625.     --yt-circular_-_border-radius: 50%;
  626.     --yt-circular_-_background-color: transparent;
  627.     --yt-circular_-_overflow: hidden;
  628.     --yt-multi-line-ellipsis_-_-webkit-box-orient: vertical;
  629.     --yt-multi-line-ellipsis_-_text-overflow: ellipsis;
  630.     --yt-multi-line-ellipsis_-_white-space: normal;
  631.     --yt-multi-line-ellipsis_-_display: -webkit-box;
  632. Show All Properties (2 more)
  633. }
  634. html:not(.style-scope) {
  635.     --yt-button-margin: 0;
  636.     --yt-button-padding: 10px 16px;
  637.     --yt-button-padding-minus-border: 9px 15px;
  638.     --yt-button-padding-minus-focus-outline: 8px 14px;
  639.     --yt-button-padding-minus-focus-outline-width: 2px;
  640.     --yt-button-with-icon-padding-minus-focus-outline: 4px 14px;
  641.     --yt-button-border-radius: 2px;
  642. }
  643. html:not(.style-scope) {
  644.     --yt-live-chat-32px-icon-button_-_width: 40px;
  645.     --yt-live-chat-32px-icon-button_-_height: 40px;
  646.     --yt-live-chat-32px-icon-button_-_padding: 8px;
  647. }
  648. html:not(.style-scope) {
  649.     --yt-std-body-200: var(--yt-body-200);
  650.     --yt-std-body-300: var(--yt-body-300);
  651.     --yt-std-surface-200: var(--yt-surface-200);
  652.     --yt-std-surface-300: var(--yt-surface-300);
  653.     --yt-std-surface-400: var(--yt-surface-400);
  654.     --yt-primary-color: var(--yt-luna-black);
  655.     --yt-primary-text-color: var(--yt-luna-black);
  656.     --yt-secondary-text-color: var(--yt-luna-black-opacity-lighten-1);
  657.     --yt-tertiary-text-color: var(--yt-luna-black-opacity-lighten-2);
  658.     --yt-placeholder-text-color: var(--yt-luna-black-opacity-lighten-2);
  659.     --yt-border-color: var(--yt-opalescence-soft-grey);
  660.     --yt-commentbox-border-inactive: var(--yt-opalescence-soft-grey);
  661.     --yt-commentbox-border-active: var(--yt-luna-black-opacity-lighten-2);
  662.     --yt-primary-disabled-button-text-color: var(--yt-white);
  663.     --yt-paper-radio-button-checked-color: var(--yt-opalescence-grey);
  664.     --yt-paper-button-ink-color: var(--yt-opalescence-grey);
  665.     --yt-icon-color: var(--yt-luna-black-opacity-lighten-3);
  666.     --yt-icon-hover-color: var(--yt-luna-black-opacity-lighten-1);
  667.     --yt-icon-disabled-color: var(--yt-luna-black-opacity-lighten-2);
  668.     --yt-icon-active-color: var(--yt-luna-black);
  669.     --yt-expand-color: var(--yt-luna-black-opacity-lighten-2);
  670.     --yt-metadata-color: var(--yt-luna-black-opacity-lighten-2);
  671.     --yt-placeholder-text: var(--yt-luna-black-opacity-lighten-2);
  672.     --yt-playlist-background-header: var(--yt-opalescence-soft-grey);
  673.     --yt-playlist-background-item: var(--yt-opalescence-soft-grey-opacity-lighten-2);
  674.     --yt-playlist-title-text: var(--yt-luna-black);
  675.     --yt-playlist-message-text: var(--yt-luna-black-opacity-lighten-2);
  676.     --yt-subscribe-button-text-color: var(--yt-white);
  677.     --yt-button-text-color: var(--yt-luna-black-opacity-lighten-2);
  678.     --yt-button-payment-text-color: var(--yt-white);
  679.     --yt-button-active-color: var(--yt-luna-black);
  680.     --yt-copyright-text: var(--yt-luna-black-opacity-lighten-2);
  681.     --yt-guide-entry-text-color: var(--yt-luna-black-opacity-lighten-1);
  682.     --yt-thumbnail-placeholder-color: var(--yt-section-4-light);
  683.     --yt-featured-channel-title-text-color: var(--yt-body-300);
  684.     --yt-formatted-string-deemphasize-color: var(--yt-opalescence-grey);
  685.     --yt-alert-background: var(--yt-opalescence-soft-grey-opacity-lighten-3);
  686.     --yt-video-secondary-info-description-background: var(--yt-opalescence-soft-grey-opacity-lighten-2);
  687.     --yt-searchbox-text-color: var(--yt-primary-text-color);
  688.     --yt-simple-menu-header-background: var(--yt-opalescence-soft-grey);
  689.     --yt-item-section-header-color: var(--yt-luna-black-opacity-lighten-2);
  690.     --yt-menu-hover-backgound-color: var(--yt-opalescence-soft-grey);
  691.     --yt-menu-focus-background-color: var(--yt-luna-black-opacity-lighten-4);
  692.     --yt-app-background: var(--yt-white);
  693.     --yt-main-app-background: var(--yt-surface-200);
  694.     --yt-main-app-background-tmp: var(--yt-surface-100);
  695.     --yt-guide-background: var(--yt-surface-300);
  696.     --yt-dialog-background: var(--yt-white);
  697.     --yt-searchbox-background: var(--yt-white);
  698.     --yt-channel-header-background: var(--yt-surface-200);
  699. Show All Properties (2 more)
  700. }
  701. html:not(.style-scope) {
  702.     --yt-luna-black: #111111;
  703.     --yt-opalescence-grey: #888888;
  704.     --yt-opalescence-soft-grey: #eeeeee;
  705.     --yt-opalescence-dark-grey: #333333;
  706.     --yt-red: #e62117;
  707.     --yt-white: white;
  708.     --yt-blue: #2793e6;
  709.     --ad-yellow: #e6bc27;
  710.     --yt-surface-100: white;
  711.     --yt-surface-200: #fafafa;
  712.     --yt-surface-300: whitesmoke;
  713.     --yt-surface-400: #ededed;
  714.     --yt-body-500: rgba(0, 0, 0, 0.87);
  715.     --yt-body-400: rgba(0, 0, 0, 0.74);
  716.     --yt-body-300: rgba(0, 0, 0, 0.54);
  717.     --yt-body-200: rgba(0, 0, 0, 0.26);
  718.     --yt-body-100: rgba(0, 0, 0, 0.04);
  719.     --yt-opacity-lighten-1: 0.8;
  720.     --yt-opacity-lighten-2: 0.6;
  721.     --yt-opacity-lighten-3: 0.4;
  722.     --yt-opacity-lighten-4: 0.2;
  723.     --yt-opacity-lighten-5: 0.1;
  724.     --yt-luna-black-opacity-lighten-1: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-1));
  725.     --yt-luna-black-opacity-lighten-2: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-2));
  726.     --yt-luna-black-opacity-lighten-2-hex: #707070;
  727.     --yt-luna-black-opacity-lighten-3: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-3));
  728.     --yt-luna-black-opacity-lighten-4: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-4));
  729.     --yt-opalescence-grey-opacity-lighten-1: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-1));
  730.     --yt-opalescence-grey-opacity-lighten-2: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-2));
  731.     --yt-opalescence-grey-opacity-lighten-3: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-3));
  732.     --yt-opalescence-grey-opacity-lighten-4: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-4));
  733.     --yt-opalescence-grey-opacity-lighten-5: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-5));
  734.     --yt-opalescence-soft-grey-opacity-lighten-1: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-1));
  735.     --yt-opalescence-soft-grey-opacity-lighten-2: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-2));
  736.     --yt-opalescence-soft-grey-opacity-lighten-3: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-3));
  737.     --yt-opalescence-soft-grey-opacity-lighten-4: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-4));
  738.     --yt-white-opacity-lighten-1: hsla(0, 0%, 100%, var(--yt-opacity-lighten-1));
  739.     --yt-white-opacity-lighten-2: hsla(0, 0%, 100%, var(--yt-opacity-lighten-2));
  740.     --yt-white-opacity-lighten-3: hsla(0, 0%, 100%, var(--yt-opacity-lighten-3));
  741.     --yt-white-opacity-lighten-4: hsla(0, 0%, 100%, var(--yt-opacity-lighten-4));
  742.     --yt-blue-opacity-lighten-2: hsla(206.1, 79.3%, 52.7%, var(--yt-opacity-lighten-2));
  743.     --yt-blue-opacity-lighten-4: hsla(206.1, 79.3%, 52.7%, var(--yt-opacity-lighten-4));
  744.     --yt-playability-button-color: #262626;
  745.     --yt-blue-light: #167ac6;
  746.     --yt-blue-suggestive: #f2f8ff;
  747.     --yt-grey: #222222;
  748.     --yt-section-4-light: #e3e3e3;
  749.     --yt-dark-surface-100: #121212;
  750.     --yt-dark-surface-200: #1c1c1c;
  751.     --yt-dark-surface-200-lighten-1: rgba(28, 28, 28, 0.8);
  752. Show All Properties (9 more)
  753. }
  754. html:not(.style-scope) {
  755.     --yt-spec-white-1: #fff;
  756.     --yt-spec-white-2: #f9f9f9;
  757.     --yt-spec-white-3: #f1f1f1;
  758.     --yt-spec-white-4: #e9e9e9;
  759.     --yt-spec-black-1: #282828;
  760.     --yt-spec-black-2: #1f1f1f;
  761.     --yt-spec-black-3: #161616;
  762.     --yt-spec-black-4: #0d0d0d;
  763.     --yt-spec-black-pure: #000;
  764.     --yt-spec-grey-1: #ccc;
  765.     --yt-spec-grey-2: #aaa;
  766.     --yt-spec-grey-3: #909090;
  767.     --yt-spec-grey-4: #717171;
  768.     --yt-spec-grey-5: #606060;
  769.     --yt-brand-youtube-red: #f00;
  770.     --yt-brand-medium-red: #c00;
  771.     --yt-brand-light-red: #ff4e45;
  772.     --yt-spec-red-30: #ff8983;
  773.     --yt-spec-red-70: #990412;
  774.     --yt-spec-pale-blue: #f2f8ff;
  775.     --yt-spec-light-blue: #3ea6ff;
  776.     --yt-spec-dark-blue: #065fd4;
  777.     --yt-spec-navy-blue: #252a3a;
  778.     --yt-spec-light-green: #2ba640;
  779.     --yt-spec-dark-green: #107516;
  780.     --yt-spec-yellow: #fbc02d;
  781.     --yt-spec-black-pure-alpha-5: rgba(0, 0, 0, 0.05);
  782.     --yt-spec-black-pure-alpha-10: rgba(0, 0, 0, 0.1);
  783.     --yt-spec-black-pure-alpha-15: rgba(0, 0, 0, 0.15);
  784.     --yt-spec-black-pure-alpha-30: rgba(0, 0, 0, 0.3);
  785.     --yt-spec-black-pure-alpha-60: rgba(0, 0, 0, 0.6);
  786.     --yt-spec-black-pure-alpha-80: rgba(0, 0, 0, 0.8);
  787.     --yt-spec-black-1-alpha-98: rgba(40, 40, 40, 0.98);
  788.     --yt-spec-black-1-alpha-95: rgba(40, 40, 40, 0.95);
  789.     --yt-spec-white-1-alpha-10: rgba(255, 255, 255, 0.1);
  790.     --yt-spec-white-1-alpha-20: rgba(255, 255, 255, 0.2);
  791.     --yt-spec-white-1-alpha-25: rgba(255, 255, 255, 0.25);
  792.     --yt-spec-white-1-alpha-30: rgba(255, 255, 255, 0.3);
  793.     --yt-spec-white-1-alpha-70: rgba(255, 255, 255, 0.7);
  794.     --yt-spec-white-1-alpha-95: rgba(255, 255, 255, 0.95);
  795.     --yt-spec-white-1-alpha-98: rgba(255, 255, 255, 0.98);
  796.     --yt-brand-medium-red-alpha-90: rgba(204, 0, 0, 0.9);
  797.     --yt-brand-medium-red-alpha-30: rgba(204, 0, 0, 0.3);
  798.     --yt-brand-light-red-alpha-30: rgba(255, 78, 69, 0.3);
  799.     --yt-spec-light-blue-alpha-30: rgba(62, 166, 255, 0.3);
  800.     --yt-spec-dark-blue-alpha-30: rgba(6, 95, 212, 0.3);
  801. }
  802. html:not(.style-scope) {
  803.     --yt-spec-brand-background-solid: #fff;
  804.     --yt-spec-brand-background-primary: rgba(255, 255, 255, 0.98);
  805.     --yt-spec-brand-background-secondary: rgba(255, 255, 255, 0.95);
  806.     --yt-spec-general-background-a: #f9f9f9;
  807.     --yt-spec-general-background-b: #f1f1f1;
  808.     --yt-spec-general-background-c: #e9e9e9;
  809.     --yt-spec-error-background: #181818;
  810.     --yt-spec-text-primary: #030303;
  811.     --yt-spec-text-primary-inverse: #fff;
  812.     --yt-spec-text-secondary: #606060;
  813.     --yt-spec-text-disabled: #909090;
  814.     --yt-spec-call-to-action: #065fd4;
  815.     --yt-spec-icon-active-other: #606060;
  816.     --yt-spec-icon-inactive: #909090;
  817.     --yt-spec-icon-disabled: #ccc;
  818.     --yt-spec-badge-chip-background: rgba(0, 0, 0, 0.05);
  819.     --yt-spec-verified-badge-background: rgba(0, 0, 0, 0.15);
  820.     --yt-spec-suggested-action: #f2f8ff;
  821.     --yt-spec-button-chip-background-hover: rgba(0, 0, 0, 0.1);
  822.     --yt-spec-touch-response: #000;
  823.     --yt-spec-paper-tab-ink: rgba(0, 0, 0, 0.3);
  824.     --yt-spec-filled-button-text: #fff;
  825.     --yt-spec-call-to-action-inverse: #3ea6ff;
  826.     --yt-spec-brand-icon-active: #f00;
  827.     --yt-spec-brand-icon-inactive: #606060;
  828.     --yt-spec-brand-button-background: #c00;
  829.     --yt-spec-brand-link-text: #c00;
  830.     --yt-spec-filled-button-focus-outline: rgba(0, 0, 0, 0.6);
  831.     --yt-spec-call-to-action-button-focus-outline: rgba(6, 95, 212, 0.3);
  832.     --yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, 0.3);
  833.     --yt-spec-inactive-text-button-focus-outline: #ccc;
  834.     --yt-spec-ad-indicator: #00716c;
  835.     --yt-spec-brand-subscribe-button-background: var(--yt-spec-brand-button-background);
  836.     --yt-spec-wordmark-text: #212121;
  837.     --yt-spec-10-percent-layer: rgba(0, 0, 0, 0.1);
  838.     --yt-spec-snackbar-background: #212121;
  839.     --yt-spec-selected-nav-text: #c00;
  840.     --yt-spec-themed-blue: #065fd4;
  841.     --yt-spec-themed-green: #107516;
  842.     --yt-spec-themed-overlay-background: rgba(255, 255, 255, 0.7);
  843.     --yt-spec-static-brand-red: #f00;
  844.     --yt-spec-static-brand-white: #fff;
  845.     --yt-spec-static-brand-black: #212121;
  846.     --yt-spec-static-ad-yellow: #fbc02d;
  847.     --yt-spec-assistive-feed-vibrant-gradient-1: #007a65;
  848.     --yt-spec-assistive-feed-vibrant-gradient-2: #7f0e7f;
  849.     --yt-spec-assistive-feed-vibrant-gradient-3: #ff8983;
  850.     --yt-spec-assistive-feed-themed-gradient-1: #d4fff8;
  851.     --yt-spec-assistive-feed-themed-gradient-2: #ffdeff;
  852.     --yt-spec-assistive-feed-themed-gradient-3: #ffe6e6;
  853. Show All Properties (15 more)
  854. }
  855. html:not(.style-scope) {
  856.     --primary-text-color: var(--light-theme-text-color);
  857.     --primary-background-color: var(--light-theme-background-color);
  858.     --secondary-text-color: var(--light-theme-secondary-color);
  859.     --disabled-text-color: var(--light-theme-disabled-color);
  860.     --divider-color: var(--light-theme-divider-color);
  861.     --error-color: var(--paper-deep-orange-a700);
  862.     --primary-color: var(--paper-indigo-500);
  863.     --light-primary-color: var(--paper-indigo-100);
  864.     --dark-primary-color: var(--paper-indigo-700);
  865.     --accent-color: var(--paper-pink-a200);
  866.     --light-accent-color: var(--paper-pink-a100);
  867.     --dark-accent-color: var(--paper-pink-a400);
  868.     --light-theme-background-color: #ffffff;
  869.     --light-theme-base-color: #000000;
  870.     --light-theme-text-color: var(--paper-grey-900);
  871.     --light-theme-secondary-color: #737373;
  872.     --light-theme-disabled-color: #9b9b9b;
  873.     --light-theme-divider-color: #dbdbdb;
  874.     --dark-theme-background-color: var(--paper-grey-900);
  875.     --dark-theme-base-color: #ffffff;
  876.     --dark-theme-text-color: #ffffff;
  877.     --dark-theme-secondary-color: #bcbcbc;
  878.     --dark-theme-disabled-color: #646464;
  879.     --dark-theme-divider-color: #3c3c3c;
  880.     --text-primary-color: var(--dark-theme-text-color);
  881.     --default-primary-color: var(--primary-color);
  882. }
  883. html:not(.style-scope) {
  884.     --google-red-100: #f4c7c3;
  885.     --google-red-300: #e67c73;
  886.     --google-red-500: #db4437;
  887.     --google-red-700: #c53929;
  888.     --google-blue-100: #c6dafc;
  889.     --google-blue-300: #7baaf7;
  890.     --google-blue-500: #4285f4;
  891.     --google-blue-700: #3367d6;
  892.     --google-green-100: #b7e1cd;
  893.     --google-green-300: #57bb8a;
  894.     --google-green-500: #0f9d58;
  895.     --google-green-700: #0b8043;
  896.     --google-yellow-100: #fce8b2;
  897.     --google-yellow-300: #f7cb4d;
  898.     --google-yellow-500: #f4b400;
  899.     --google-yellow-700: #f09300;
  900.     --google-grey-100: #f5f5f5;
  901.     --google-grey-300: #e0e0e0;
  902.     --google-grey-500: #9e9e9e;
  903.     --google-grey-700: #616161;
  904.     --paper-red-50: #ffebee;
  905.     --paper-red-100: #ffcdd2;
  906.     --paper-red-200: #ef9a9a;
  907.     --paper-red-300: #e57373;
  908.     --paper-red-400: #ef5350;
  909.     --paper-red-500: #f44336;
  910.     --paper-red-600: #e53935;
  911.     --paper-red-700: #d32f2f;
  912.     --paper-red-800: #c62828;
  913.     --paper-red-900: #b71c1c;
  914.     --paper-red-a100: #ff8a80;
  915.     --paper-red-a200: #ff5252;
  916.     --paper-red-a400: #ff1744;
  917.     --paper-red-a700: #d50000;
  918.     --paper-pink-50: #fce4ec;
  919.     --paper-pink-100: #f8bbd0;
  920.     --paper-pink-200: #f48fb1;
  921.     --paper-pink-300: #f06292;
  922.     --paper-pink-400: #ec407a;
  923.     --paper-pink-500: #e91e63;
  924.     --paper-pink-600: #d81b60;
  925.     --paper-pink-700: #c2185b;
  926.     --paper-pink-800: #ad1457;
  927.     --paper-pink-900: #880e4f;
  928.     --paper-pink-a100: #ff80ab;
  929.     --paper-pink-a200: #ff4081;
  930.     --paper-pink-a400: #f50057;
  931.     --paper-pink-a700: #c51162;
  932.     --paper-purple-50: #f3e5f5;
  933.     --paper-purple-100: #e1bee7;
  934. Show All Properties (232 more)
  935. }
  936. html:not(.style-scope) {
  937.     --paper-input-container-shared-input-style_-_position: relative;
  938.     --paper-input-container-shared-input-style_-_outline: none;
  939.     --paper-input-container-shared-input-style_-_box-shadow: none;
  940.     --paper-input-container-shared-input-style_-_padding: 0;
  941.     --paper-input-container-shared-input-style_-_margin: 0;
  942.     --paper-input-container-shared-input-style_-_width: 100%;
  943.     --paper-input-container-shared-input-style_-_max-width: 100%;
  944.     --paper-input-container-shared-input-style_-_background: transparent;
  945.     --paper-input-container-shared-input-style_-_border: none;
  946.     --paper-input-container-shared-input-style_-_color: var(--paper-input-container-input-color, var(--primary-text-color));
  947.     --paper-input-container-shared-input-style_-_-webkit-appearance: none;
  948.     --paper-input-container-shared-input-style_-_text-align: apply-shim-inherit;
  949.     --paper-input-container-shared-input-style_-_vertical-align: var(--paper-input-container-input-align, bottom);
  950.     --paper-input-container-shared-input-style_-_font-family: var(--paper-font-subhead_-_font-family);
  951.     --paper-input-container-shared-input-style_-_-webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing);
  952.     --paper-input-container-shared-input-style_-_font-size: var(--paper-font-subhead_-_font-size);
  953.     --paper-input-container-shared-input-style_-_font-weight: var(--paper-font-subhead_-_font-weight);
  954.     --paper-input-container-shared-input-style_-_line-height: var(--paper-font-subhead_-_line-height);
  955. }
  956. html:not(.style-scope) {
  957.     --layout_-_display: flex;
  958.     --layout-inline_-_display: inline-flex;
  959.     --layout-horizontal_-_display: var(--layout_-_display);
  960.     --layout-horizontal_-_-ms-flex-direction: row;
  961.     --layout-horizontal_-_-webkit-flex-direction: row;
  962.     --layout-horizontal_-_flex-direction: row;
  963.     --layout-horizontal-reverse_-_display: var(--layout_-_display);
  964.     --layout-horizontal-reverse_-_-ms-flex-direction: row-reverse;
  965.     --layout-horizontal-reverse_-_-webkit-flex-direction: row-reverse;
  966.     --layout-horizontal-reverse_-_flex-direction: row-reverse;
  967.     --layout-vertical_-_display: var(--layout_-_display);
  968.     --layout-vertical_-_-ms-flex-direction: column;
  969.     --layout-vertical_-_-webkit-flex-direction: column;
  970.     --layout-vertical_-_flex-direction: column;
  971.     --layout-vertical-reverse_-_display: var(--layout_-_display);
  972.     --layout-vertical-reverse_-_-ms-flex-direction: column-reverse;
  973.     --layout-vertical-reverse_-_-webkit-flex-direction: column-reverse;
  974.     --layout-vertical-reverse_-_flex-direction: column-reverse;
  975.     --layout-wrap_-_-ms-flex-wrap: wrap;
  976.     --layout-wrap_-_-webkit-flex-wrap: wrap;
  977.     --layout-wrap_-_flex-wrap: wrap;
  978.     --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse;
  979.     --layout-wrap-reverse_-_-webkit-flex-wrap: wrap-reverse;
  980.     --layout-wrap-reverse_-_flex-wrap: wrap-reverse;
  981.     --layout-flex-auto_-_-ms-flex: 1 1 auto;
  982.     --layout-flex-auto_-_-webkit-flex: 1 1 auto;
  983.     --layout-flex-auto_-_flex: 1 1 auto;
  984.     --layout-flex-none_-_-ms-flex: none;
  985.     --layout-flex-none_-_-webkit-flex: none;
  986.     --layout-flex-none_-_flex: none;
  987.     --layout-flex_-_-ms-flex: 1 1 0.000000001px;
  988.     --layout-flex_-_-webkit-flex: 1;
  989.     --layout-flex_-_flex: 1;
  990.     --layout-flex_-_-webkit-flex-basis: 0.000000001px;
  991.     --layout-flex_-_flex-basis: 0.000000001px;
  992.     --layout-flex-2_-_-ms-flex: 2;
  993.     --layout-flex-2_-_-webkit-flex: 2;
  994.     --layout-flex-2_-_flex: 2;
  995.     --layout-flex-3_-_-ms-flex: 3;
  996.     --layout-flex-3_-_-webkit-flex: 3;
  997.     --layout-flex-3_-_flex: 3;
  998.     --layout-flex-4_-_-ms-flex: 4;
  999.     --layout-flex-4_-_-webkit-flex: 4;
  1000.     --layout-flex-4_-_flex: 4;
  1001.     --layout-flex-5_-_-ms-flex: 5;
  1002.     --layout-flex-5_-_-webkit-flex: 5;
  1003.     --layout-flex-5_-_flex: 5;
  1004.     --layout-flex-6_-_-ms-flex: 6;
  1005.     --layout-flex-6_-_-webkit-flex: 6;
  1006.     --layout-flex-6_-_flex: 6;
  1007. Show All Properties (114 more)
  1008. }
  1009. html:not(.style-scope) {
  1010.     --paper-input-container-shared-input-style_-_position: relative;
  1011.     --paper-input-container-shared-input-style_-_outline: none;
  1012.     --paper-input-container-shared-input-style_-_box-shadow: none;
  1013.     --paper-input-container-shared-input-style_-_padding: 0;
  1014.     --paper-input-container-shared-input-style_-_margin: 0;
  1015.     --paper-input-container-shared-input-style_-_width: 100%;
  1016.     --paper-input-container-shared-input-style_-_max-width: 100%;
  1017.     --paper-input-container-shared-input-style_-_background: transparent;
  1018.     --paper-input-container-shared-input-style_-_border: none;
  1019.     --paper-input-container-shared-input-style_-_color: var(--paper-input-container-input-color, var(--primary-text-color));
  1020.     --paper-input-container-shared-input-style_-_-webkit-appearance: none;
  1021.     --paper-input-container-shared-input-style_-_text-align: apply-shim-inherit;
  1022.     --paper-input-container-shared-input-style_-_vertical-align: var(--paper-input-container-input-align, bottom);
  1023.     --paper-input-container-shared-input-style_-_font-family: var(--paper-font-subhead_-_font-family);
  1024.     --paper-input-container-shared-input-style_-_-webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing);
  1025.     --paper-input-container-shared-input-style_-_font-size: var(--paper-font-subhead_-_font-size);
  1026.     --paper-input-container-shared-input-style_-_font-weight: var(--paper-font-subhead_-_font-weight);
  1027.     --paper-input-container-shared-input-style_-_line-height: var(--paper-font-subhead_-_line-height);
  1028. }
  1029. html:not(.style-scope) {
  1030.     --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif;
  1031.     --paper-font-common-base_-_-webkit-font-smoothing: antialiased;
  1032.     --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
  1033.     --paper-font-common-code_-_-webkit-font-smoothing: antialiased;
  1034.     --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility;
  1035.     --paper-font-common-nowrap_-_white-space: nowrap;
  1036.     --paper-font-common-nowrap_-_overflow: hidden;
  1037.     --paper-font-common-nowrap_-_text-overflow: ellipsis;
  1038.     --paper-font-display4_-_font-family: var(--paper-font-common-base_-_font-family);
  1039.     --paper-font-display4_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
  1040.     --paper-font-display4_-_white-space: var(--paper-font-common-nowrap_-_white-space);
  1041.     --paper-font-display4_-_overflow: var(--paper-font-common-nowrap_-_overflow);
  1042.     --paper-font-display4_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow);
  1043.     --paper-font-display4_-_font-size: 112px;
  1044.     --paper-font-display4_-_font-weight: 300;
  1045.     --paper-font-display4_-_letter-spacing: -.044em;
  1046.     --paper-font-display4_-_line-height: 120px;
  1047.     --paper-font-display3_-_font-family: var(--paper-font-common-base_-_font-family);
  1048.     --paper-font-display3_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
  1049.     --paper-font-display3_-_white-space: var(--paper-font-common-nowrap_-_white-space);
  1050.     --paper-font-display3_-_overflow: var(--paper-font-common-nowrap_-_overflow);
  1051.     --paper-font-display3_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow);
  1052.     --paper-font-display3_-_font-size: 56px;
  1053.     --paper-font-display3_-_font-weight: 400;
  1054.     --paper-font-display3_-_letter-spacing: -.026em;
  1055.     --paper-font-display3_-_line-height: 60px;
  1056.     --paper-font-display2_-_font-family: var(--paper-font-common-base_-_font-family);
  1057.     --paper-font-display2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
  1058.     --paper-font-display2_-_font-size: 45px;
  1059.     --paper-font-display2_-_font-weight: 400;
  1060.     --paper-font-display2_-_letter-spacing: -.018em;
  1061.     --paper-font-display2_-_line-height: 48px;
  1062.     --paper-font-display1_-_font-family: var(--paper-font-common-base_-_font-family);
  1063.     --paper-font-display1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
  1064.     --paper-font-display1_-_font-size: 34px;
  1065.     --paper-font-display1_-_font-weight: 400;
  1066.     --paper-font-display1_-_letter-spacing: -.01em;
  1067.     --paper-font-display1_-_line-height: 40px;
  1068.     --paper-font-headline_-_font-family: var(--paper-font-common-base_-_font-family);
  1069.     --paper-font-headline_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
  1070.     --paper-font-headline_-_font-size: 24px;
  1071.     --paper-font-headline_-_font-weight: 400;
  1072.     --paper-font-headline_-_letter-spacing: -.012em;
  1073.     --paper-font-headline_-_line-height: 32px;
  1074.     --paper-font-title_-_font-family: var(--paper-font-common-base_-_font-family);
  1075.     --paper-font-title_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
  1076.     --paper-font-title_-_white-space: var(--paper-font-common-nowrap_-_white-space);
  1077.     --paper-font-title_-_overflow: var(--paper-font-common-nowrap_-_overflow);
  1078.     --paper-font-title_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow);
  1079.     --paper-font-title_-_font-size: 20px;
  1080. Show All Properties (54 more)
  1081. }
  1082. html:not(.style-scope) {
  1083.     --primary-text-color: var(--light-theme-text-color);
  1084.     --primary-background-color: var(--light-theme-background-color);
  1085.     --secondary-text-color: var(--light-theme-secondary-color);
  1086.     --disabled-text-color: var(--light-theme-disabled-color);
  1087.     --divider-color: var(--light-theme-divider-color);
  1088.     --error-color: var(--paper-deep-orange-a700);
  1089.     --primary-color: var(--paper-indigo-500);
  1090.     --light-primary-color: var(--paper-indigo-100);
  1091.     --dark-primary-color: var(--paper-indigo-700);
  1092.     --accent-color: var(--paper-pink-a200);
  1093.     --light-accent-color: var(--paper-pink-a100);
  1094.     --dark-accent-color: var(--paper-pink-a400);
  1095.     --light-theme-background-color: #ffffff;
  1096.     --light-theme-base-color: #000000;
  1097.     --light-theme-text-color: var(--paper-grey-900);
  1098.     --light-theme-secondary-color: #737373;
  1099.     --light-theme-disabled-color: #9b9b9b;
  1100.     --light-theme-divider-color: #dbdbdb;
  1101.     --dark-theme-background-color: var(--paper-grey-900);
  1102.     --dark-theme-base-color: #ffffff;
  1103.     --dark-theme-text-color: #ffffff;
  1104.     --dark-theme-secondary-color: #bcbcbc;
  1105.     --dark-theme-disabled-color: #646464;
  1106.     --dark-theme-divider-color: #3c3c3c;
  1107.     --text-primary-color: var(--dark-theme-text-color);
  1108.     --default-primary-color: var(--primary-color);
  1109. }
  1110. html:not(.style-scope) {
  1111.     --google-red-100: #f4c7c3;
  1112.     --google-red-300: #e67c73;
  1113.     --google-red-500: #db4437;
  1114.     --google-red-700: #c53929;
  1115.     --google-blue-100: #c6dafc;
  1116.     --google-blue-300: #7baaf7;
  1117.     --google-blue-500: #4285f4;
  1118.     --google-blue-700: #3367d6;
  1119.     --google-green-100: #b7e1cd;
  1120.     --google-green-300: #57bb8a;
  1121.     --google-green-500: #0f9d58;
  1122.     --google-green-700: #0b8043;
  1123.     --google-yellow-100: #fce8b2;
  1124.     --google-yellow-300: #f7cb4d;
  1125.     --google-yellow-500: #f4b400;
  1126.     --google-yellow-700: #f09300;
  1127.     --google-grey-100: #f5f5f5;
  1128.     --google-grey-300: #e0e0e0;
  1129.     --google-grey-500: #9e9e9e;
  1130.     --google-grey-700: #616161;
  1131.     --paper-red-50: #ffebee;
  1132.     --paper-red-100: #ffcdd2;
  1133.     --paper-red-200: #ef9a9a;
  1134.     --paper-red-300: #e57373;
  1135.     --paper-red-400: #ef5350;
  1136.     --paper-red-500: #f44336;
  1137.     --paper-red-600: #e53935;
  1138.     --paper-red-700: #d32f2f;
  1139.     --paper-red-800: #c62828;
  1140.     --paper-red-900: #b71c1c;
  1141.     --paper-red-a100: #ff8a80;
  1142.     --paper-red-a200: #ff5252;
  1143.     --paper-red-a400: #ff1744;
  1144.     --paper-red-a700: #d50000;
  1145.     --paper-pink-50: #fce4ec;
  1146.     --paper-pink-100: #f8bbd0;
  1147.     --paper-pink-200: #f48fb1;
  1148.     --paper-pink-300: #f06292;
  1149.     --paper-pink-400: #ec407a;
  1150.     --paper-pink-500: #e91e63;
  1151.     --paper-pink-600: #d81b60;
  1152.     --paper-pink-700: #c2185b;
  1153.     --paper-pink-800: #ad1457;
  1154.     --paper-pink-900: #880e4f;
  1155.     --paper-pink-a100: #ff80ab;
  1156.     --paper-pink-a200: #ff4081;
  1157.     --paper-pink-a400: #f50057;
  1158.     --paper-pink-a700: #c51162;
  1159.     --paper-purple-50: #f3e5f5;
  1160.     --paper-purple-100: #e1bee7;
  1161. Show All Properties (232 more)
  1162. }
  1163. html:not(.style-scope) {
  1164.     --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  1165.     --shadow-none_-_box-shadow: none;
  1166.     --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  1167.     --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
  1168.     --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
  1169.     --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
  1170.     --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
  1171.     --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4);
  1172.     --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
  1173.     --shadow-elevation-24dp_-_box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
  1174. }
  1175. html:not(.style-scope) {
  1176.     --layout_-_display: flex;
  1177.     --layout-inline_-_display: inline-flex;
  1178.     --layout-horizontal_-_display: var(--layout_-_display);
  1179.     --layout-horizontal_-_-ms-flex-direction: row;
  1180.     --layout-horizontal_-_-webkit-flex-direction: row;
  1181.     --layout-horizontal_-_flex-direction: row;
  1182.     --layout-horizontal-reverse_-_display: var(--layout_-_display);
  1183.     --layout-horizontal-reverse_-_-ms-flex-direction: row-reverse;
  1184.     --layout-horizontal-reverse_-_-webkit-flex-direction: row-reverse;
  1185.     --layout-horizontal-reverse_-_flex-direction: row-reverse;
  1186.     --layout-vertical_-_display: var(--layout_-_display);
  1187.     --layout-vertical_-_-ms-flex-direction: column;
  1188.     --layout-vertical_-_-webkit-flex-direction: column;
  1189.     --layout-vertical_-_flex-direction: column;
  1190.     --layout-vertical-reverse_-_display: var(--layout_-_display);
  1191.     --layout-vertical-reverse_-_-ms-flex-direction: column-reverse;
  1192.     --layout-vertical-reverse_-_-webkit-flex-direction: column-reverse;
  1193.     --layout-vertical-reverse_-_flex-direction: column-reverse;
  1194.     --layout-wrap_-_-ms-flex-wrap: wrap;
  1195.     --layout-wrap_-_-webkit-flex-wrap: wrap;
  1196.     --layout-wrap_-_flex-wrap: wrap;
  1197.     --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse;
  1198.     --layout-wrap-reverse_-_-webkit-flex-wrap: wrap-reverse;
  1199.     --layout-wrap-reverse_-_flex-wrap: wrap-reverse;
  1200.     --layout-flex-auto_-_-ms-flex: 1 1 auto;
  1201.     --layout-flex-auto_-_-webkit-flex: 1 1 auto;
  1202.     --layout-flex-auto_-_flex: 1 1 auto;
  1203.     --layout-flex-none_-_-ms-flex: none;
  1204.     --layout-flex-none_-_-webkit-flex: none;
  1205.     --layout-flex-none_-_flex: none;
  1206.     --layout-flex_-_-ms-flex: 1 1 0.000000001px;
  1207.     --layout-flex_-_-webkit-flex: 1;
  1208.     --layout-flex_-_flex: 1;
  1209.     --layout-flex_-_-webkit-flex-basis: 0.000000001px;
  1210.     --layout-flex_-_flex-basis: 0.000000001px;
  1211.     --layout-flex-2_-_-ms-flex: 2;
  1212.     --layout-flex-2_-_-webkit-flex: 2;
  1213.     --layout-flex-2_-_flex: 2;
  1214.     --layout-flex-3_-_-ms-flex: 3;
  1215.     --layout-flex-3_-_-webkit-flex: 3;
  1216.     --layout-flex-3_-_flex: 3;
  1217.     --layout-flex-4_-_-ms-flex: 4;
  1218.     --layout-flex-4_-_-webkit-flex: 4;
  1219.     --layout-flex-4_-_flex: 4;
  1220.     --layout-flex-5_-_-ms-flex: 5;
  1221.     --layout-flex-5_-_-webkit-flex: 5;
  1222.     --layout-flex-5_-_flex: 5;
  1223.     --layout-flex-6_-_-ms-flex: 6;
  1224.     --layout-flex-6_-_-webkit-flex: 6;
  1225.     --layout-flex-6_-_flex: 6;
  1226. Show All Properties (114 more)
  1227. }
  1228. injected stylesheet
  1229. :root {
  1230.     --sb-main-bg-color:  #222626;
  1231.     --sb-main-fg-color:  white;
  1232.     --sb-gray-fg-color:  #444848;
  1233.     --sb-on-white-bg:  black;
  1234.     --sb-green-bg:  #077B27;
  1235. }
  1236. html {
  1237.     background-color: #f9f9f9!important;
  1238.     -webkit-text-size-adjust: none;
  1239. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!